Updated blog layout

This commit is contained in:
Brandon Rozek 2020-12-22 09:36:03 -05:00
parent 4f7e08f5ac
commit 297ec66033
4 changed files with 8 additions and 36 deletions

View file

@ -1,39 +1,9 @@
{{ define "main"}} {{ define "main"}}
<h1 class='title'>{{ .Title }}</h1> <h1 class='title'>{{ .Title }}</h1>
{{ partial "header.html" . }} {{ partial "header.html" . }}
<!-- search box --> <!-- content -->
<div id="searchBox"> <div id="contentBody">
<input type="text" id="searchBoxInput" placeholder="Search..." /> {{ .Content }}
<img id="searchBoxIcon" src="{{ .Site.BaseURL }}/img/search.png" />
</div>
<!-- search results -->
<div id="searchResults"></div>
<!-- tags -->
<div id="tags">
<ul>
{{ range .Site.Taxonomies.tags.ByCount }}
<li><a href="{{ .Page.Permalink }}">{{ .Page.Title }} ({{ .Count }})</a></li>
{{ end }}
</ul>
</div>
<!-- contents -->
<div id="contentsList">
{{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}}
{{ range $index, $value := .Pages.GroupByDate $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> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
{{ $jquery := resources.Get "js/jquery-3.3.1.min.js" }} {{ end }}
{{ $mark := resources.Get "js/jquery.mark.es6.min.js" }}
{{ $lunr := resources.Get "js/lunr.js" }}
{{ $search := resources.Get "js/search.js" }}
{{ $js := slice $jquery $mark $lunr $search | resources.Concat "bundle.js" | resources.Minify | resources.Fingerprint }}
<script src="{{ $js.Permalink }}"></script>
{{ end }}

View file

@ -5,6 +5,7 @@
<!-- date --> <!-- date -->
{{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}} {{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}}
<p class="date">{{ .Date.Format $singlePageDateFormat }}</p> <p class="date">{{ .Date.Format $singlePageDateFormat }}</p>
{{ end }}
<!-- tags --> <!-- tags -->
<div id="tags"> <div id="tags">
<ul> <ul>
@ -16,7 +17,6 @@
{{ end }} {{ end }}
</ul> </ul>
</div> </div>
{{ end }}
<!-- content --> <!-- content -->
<div id="contentBody"> <div id="contentBody">
{{ .Content }} {{ .Content }}

View file

@ -29,7 +29,7 @@
{{ end }} {{ end }}
</div> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
{{ $jquery := resources.Get "js/jquery-3.3.1.min.js" }} {{ $jquery := resources.Get "js/jquery-3.5.1.min.js" }}
{{ $mark := resources.Get "js/jquery.mark.es6.min.js" }} {{ $mark := resources.Get "js/jquery.mark.es6.min.js" }}
{{ $lunr := resources.Get "js/lunr.js" }} {{ $lunr := resources.Get "js/lunr.js" }}
{{ $search := resources.Get "js/search.js" }} {{ $search := resources.Get "js/search.js" }}

View file

@ -2,8 +2,10 @@
<h1 class='title'>{{ .Title }}</h1> <h1 class='title'>{{ .Title }}</h1>
{{ partial "header.html" . }} {{ partial "header.html" . }}
<!-- date --> <!-- date -->
{{ if not .Date.IsZero }}
{{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}} {{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}}
<p class="date">{{ .Date.Format $singlePageDateFormat }}</p> <p class="date">{{ .Date.Format $singlePageDateFormat }}</p>
{{ end }}
<!-- tags --> <!-- tags -->
<div id="tags"> <div id="tags">
<ul> <ul>