Layout change #6

This commit is contained in:
koirand 2019-03-23 16:18:03 +09:00
parent a821794a91
commit 1f9e6368c9
10 changed files with 210 additions and 182 deletions

View file

@ -1,12 +1,7 @@
<!DOCTYPE html>
<html>
{{ partial "head.html" . }}
<body>
{{ partial "header.html" . }}
<div class="main">
{{ block "main" . }}{{ end }}
</div>
{{ partial "footer.html" . }}
</body>
{{ partial "head.html" . }}
<body>
{{ block "main" . }}{{ end }}
</body>
</html>

View file

@ -1,22 +1,27 @@
{{ define "main"}}
<div>
<div class="searchBoxContainer">
<input type="text" id="searchBox" class="searchBox" placeholder="Search..." />
<img id="searchBoxIcon" class="searchBoxIcon" src="/img/search.png" />
</div>
<div id="searchResults" class="searchResults"></div>
{{ range $index, $value := .Pages.GroupByDate .Site.Params.listPageDateFormat }}
{{ if (ne $index 0) }}
<hr class="separator">
{{ end }}
<p class="date">{{ .Key }}</p>
{{ range .Pages }}
<p><a href="{{ .Permalink }}">{{ .Title }}</a></p>
{{ end }}
{{ end }}
</div>
<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/js/jquery.mark.es6.min.js"></script>
<script src="/js/fuse.min.js"></script>
<script src="/js/search.js"></script>
{{ partial "header.html" . }}
<!-- search box -->
<div id="searchBox">
<input type="text" id="searchBoxInput" placeholder="Search..." />
<img id="searchBoxIcon" src="/img/search.png" />
</div>
<!-- search results -->
<div id="searchResults"></div>
<!-- contents -->
<div id="contentsList">
{{ range $index, $value := .Pages.GroupByDate .Site.Params.listPageDateFormat }}
{{ if (ne $index 0) }}
<hr class="separator">
{{ end }}
<p class="date">{{ .Key }}</p>
{{ range .Pages }}
<p><a href="{{ .Permalink }}">{{ .Title }}</a></p>
{{ end }}
{{ end }}
</div>
{{ partial "footer.html" . }}
<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/js/jquery.mark.es6.min.js"></script>
<script src="/js/fuse.min.js"></script>
<script src="/js/search.js"></script>
{{ end }}

View file

@ -1,10 +1,11 @@
{{ define "main"}}
<div>
<h1>{{ .Title }}</h1>
<p class="date">{{ .Date.Format .Site.Params.singlePageDateFormat }}</p>
<div class="markdown-body">
{{ .Content }}
</div>
</div>
<h1>{{ .Title }}</h1>
{{ partial "header.html" . }}
<!-- date -->
<p class="date">{{ .Date.Format .Site.Params.singlePageDateFormat }}</p>
<!-- content -->
<div class="markdown-body">
{{ .Content }}
</div>
{{ partial "footer.html" . }}
{{ end }}