diff options
| author | guangmean <guangmean@outlook.com> | 2022-04-25 09:15:44 +0300 |
|---|---|---|
| committer | guangmean <guangmean@outlook.com> | 2022-04-25 09:15:44 +0300 |
| commit | 547a976ee2cb773cb5ee37a4984f24da404061ac (patch) | |
| tree | 099c837bed347aee21ebd08df713c33e50d94761 | |
| parent | 6089fdb936f783fcfc4d0d741d69f4acbb83b699 (diff) | |
Taxonomy
| -rw-r--r-- | layouts/404.html | 10 | ||||
| -rw-r--r-- | layouts/_default/single.html | 8 | ||||
| -rw-r--r-- | layouts/_default/taxonomy.html | 54 | ||||
| -rw-r--r-- | layouts/_default/terms.html | 39 | ||||
| -rw-r--r-- | static/css/niello.css | 75 |
5 files changed, 186 insertions, 0 deletions
diff --git a/layouts/404.html b/layouts/404.html index e69de29..e06cd9f 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -0,0 +1,10 @@ +{{ define "main"}} + <main id="main"> + <div class="notfound"> + <h1>404</h1> + <h3>Something went</h3> + <h2>WRONG!</h2> + <a class="gohome" href="{{ "/" | relURL }}">Back to Homepage</a> + </div> + </main> +{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 6d500e0..70f1170 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -21,6 +21,14 @@ <h3>{{ .Title }}</h3> <div class="less"> <time>Published: {{ .PublishDate.Format "Monday, Jan 2, 2006" }}</time> | {{ .ReadingTime }} minute read | Using {{ .WordCount }} words + <div class="tag-single"> + <time>Tags: </time> + <ul> + {{ range (.GetTerms "tags") }} + <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li> + {{ end }} + </ul> + </div> </div> <div class="em">{{ .Content | safeHTML }}</div> <br /> diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html new file mode 100644 index 0000000..a1294c3 --- /dev/null +++ b/layouts/_default/taxonomy.html @@ -0,0 +1,54 @@ +<!doctype html> +<html class="no-js" lang=""> + +{{ partial "head.html" . }} + +<body> + {{ `<!--[if lte IE 9]> + <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> + <![endif]-->` | safeHTML }} + + <!-- Add your site or application content here --> + <div class="flex-column"> + {{ partial "banner.html" . }} + <div class="home"> + <div class="logo"> + <h1><a href="/">{{.Title}}</a></h1> + </div> + {{ partial "nav.html" . }} + <div> + {{ range .Pages }} + <article> + <h3><span class="listarrow">➔ <a href="{{ .RelPermalink }}">{{ .Title }}</a><span></h3> + <div class="less"> + <time>Published: {{ .PublishDate.Format "Monday, Jan 2, 2006" }}</time> | {{ .ReadingTime }} minute read + </div> + <div class="em">{{ .Summary }}</div> + {{ if .Truncated }} + <small><a href="{{ .RelPermalink }}">Read More >></a></small> + {{ else }} + <small><a href="javascript:;"></a></small> + {{ end }} + <article> + {{ end }} + </div> + <div class="pages"> + {{ if .Paginator.HasPrev }} + <a href="{{ .Paginator.Prev.URL }}"><< Previous </a> | + {{ end }} + Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }} + {{ if .Paginator.HasNext }} | + <a href="{{ .Paginator.Next.URL }}">Next >></a> + {{ end }} + </div> + <div class="line-dotted"></div> + {{ partial "footer.html" . }} + </div> + {{ partial "banner.html" . }} + {{- partial "cookie.html" . -}} + </div> + + + {{ partial "foot.html" . }} +</body> +</html> diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html new file mode 100644 index 0000000..70856c0 --- /dev/null +++ b/layouts/_default/terms.html @@ -0,0 +1,39 @@ +<!doctype html> +<html class="no-js" lang=""> + +{{ partial "head.html" . }} + +<body> + {{ `<!--[if lte IE 9]> + <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> + <![endif]-->` | safeHTML }} + + <!-- Add your site or application content here --> + <div class="flex-column"> + {{ partial "banner.html" . }} + <div class="home"> + <div class="logo"> + <h1><a href="/">{{.Title}}</a></h1> + </div> + {{ partial "nav.html" . }} + <div> + <h1>{{ len .Data.Terms }} Tags</h1> + {{ $data := .Data }} + {{ range .Data.Terms.ByCount }} + {{ $termLink := printf "/%s/%s/" $data.Plural .Term | urlize }} + <div class="tag"> + <a href="{{ $termLink }}">{{ .Term }} ({{ .Count }})</a> + </div> + {{ end }} + </div> + <div class="line-dotted"></div> + {{ partial "footer.html" . }} + </div> + {{ partial "banner.html" . }} + {{- partial "cookie.html" . -}} + </div> + + + {{ partial "foot.html" . }} +</body> +</html> diff --git a/static/css/niello.css b/static/css/niello.css index 867d78d..d0fd213 100644 --- a/static/css/niello.css +++ b/static/css/niello.css @@ -187,6 +187,81 @@ footer { } +// Taxonomy +ul{ + margin: 0; + padding: 0; +} +.tag-single { + margin:0; + padding:0; + display:flex; + flex-direction:row; +} +.tag-single > ul{ + margin: 0; + padding: 0; +} +.tag-single > ul > li{ + margin:0 6px 0 0; + padding: 0 20px; + line-height:26px; + list-style-type: none; + display:inline-flex; + font-size: 13px; + border: 1px solid rgba(49, 50, 57, 0.6); + border-radius :13px; + text-align: center; + background-color: rgba(49, 50, 57, 0.3); +} +.tag-single > ul > li > a { + text-decoration : none; + color:#adb5bd; +} +.redot { + padding: 3px 10px; + background-color:#e5383b; + font-size:13px; + color:#FFF; + border-radius :6px; +} + +.tag { + margin:10px; + padding:0 20px; + display: inline-flex; + flex-direction: row; + border: 1px solid rgba(49, 50, 57, 0.6); + border-radius :13px; + text-align: center; + background-color: rgba(49, 50, 57, 0.3); +} +.tag > a { + text-decoration : none; + color:#adb5bd; +} + +.notfound { + display: flex; + flex-direction: column; +} +.notfound > h1 { + font-size :128px; + align-self:center; +} +.notfound > h2, .notfound > h3 { + align-self:center; +} +.gohome { + margin: 30px 0 90px; + padding: 6px 32px; + background-color: #e5383b; + color: #FFF; + align-self:center; + border-radius :18px; + text-decoration : none; +} + /******************highlight.js override*************/ .hljs { width :900px; |