diff options
author | RandomBloke <asleeppiano@outlook.com> | 2020-02-23 23:18:44 +0300 |
---|---|---|
committer | RandomBloke <asleeppiano@outlook.com> | 2020-02-23 23:18:44 +0300 |
commit | b029228aba2615378097284f7755658e19ee08f6 (patch) | |
tree | 692847a79e2a2879ac5803817df87ef175af6895 /layouts | |
parent | 3f7ceab4f21ab8c3e61e1e3429155b9b36188792 (diff) |
v0.99
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/404.html | 24 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 2 | ||||
-rw-r--r-- | layouts/_default/list.html | 17 | ||||
-rw-r--r-- | layouts/_default/single.html | 4 | ||||
-rw-r--r-- | layouts/index.html | 3 | ||||
-rw-r--r-- | layouts/partials/button.html | 5 | ||||
-rw-r--r-- | layouts/partials/footer.html | 2 | ||||
-rw-r--r-- | layouts/partials/head.html | 29 | ||||
-rw-r--r-- | layouts/partials/header.html | 103 | ||||
-rw-r--r-- | layouts/partials/list-header.html | 9 | ||||
-rw-r--r-- | layouts/partials/mobile-header-nav.html | 89 | ||||
-rw-r--r-- | layouts/partials/post-footer.html | 10 | ||||
-rw-r--r-- | layouts/partials/post-header.html | 107 |
13 files changed, 273 insertions, 131 deletions
diff --git a/layouts/404.html b/layouts/404.html index e69de29..b942689 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -0,0 +1,24 @@ +{{define "main"}} + <div class="not-found"> + <div class="not-found__left"> + <h2 class="not-found__htext">404</h2> + <a href="/" class="not-found__home-button">home</a> + </div> + <div class="not-found__right"> + <h2 class="not-found__htext pl-sm">Latest Posts</h2> + <ul class="not-found__posts"> + {{range first 3 .Site.RegularPages}} + <li class="not-found__post"> + <a href={{.Permalink}}> + <div class="not-found__title mb-xs">{{.Title}}</div> + <div class="mb-sm"> + <time datetime={{.Date}}>{{.Date.Format "2006-01-02"}}</time> + </div> + <div>{{.Description}}</div> + </a> + </li> + {{end}} + </ul> + </div> + </div> +{{end}} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 95597a8..801085b 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -6,6 +6,6 @@ <div id="content"> {{- block "main" . }}{{- end }} </div> - {{- partial "footer.html" . -}} + {{- block "footer" . }}{{- end}} </body> </html> diff --git a/layouts/_default/list.html b/layouts/_default/list.html index a5056e8..def3ee4 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,3 +1,14 @@ -<div> - {{.Title}} -</div> +{{define "header"}} + {{partial "list-header" .}} +{{end}} +{{define "main"}} +<ul class="post-list"> + {{ range .Pages }} + {{.Render "li"}} + {{end}} +</ul> +{{partial "button" .}} +{{end}} +{{define "footer"}} + {{partial "post-footer" .}} +{{end}} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index bf741ba..feb6d18 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -5,4 +5,8 @@ <article class="post"> <div class="post-content">{{.Content}}</div> </article> +{{ partial "button" . }} +{{end}} +{{define "footer"}} + {{partial "post-footer" .}} {{end}} diff --git a/layouts/index.html b/layouts/index.html index 3917405..d0fff19 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -38,3 +38,6 @@ {{end}} {{end}} +{{define "footer"}} + {{partial "footer" .}} +{{end}} diff --git a/layouts/partials/button.html b/layouts/partials/button.html new file mode 100644 index 0000000..c32b221 --- /dev/null +++ b/layouts/partials/button.html @@ -0,0 +1,5 @@ +<button class="floating-button"> + <a class="floating-button__link" href="/"> + <span>home</span> + </a> +</button> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index bf0236f..7109a53 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -7,4 +7,4 @@ </div> </footer> {{$script := resources.Get "js/script.js"}} -<script src="{{$script.Permalink}}"></script> +<script src="{{$script.RelPermalink}}"></script> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 494824d..2351ccf 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,6 +1,31 @@ <head> - <title>{{ .Title }}</title> + <meta charset="UTF-8"> + <title>{{ .Site.Title }}</title> <meta name="viewport" content="width=device-width, initial-scale=1"> + + <meta property="og:title" content="{{ if not .IsHome }}{{with .Title }}{{ . }}{{ end }}{{else}}{{ .Site.Title }}{{end}}" /> + <meta property="og:description" content="{{if .IsHome}}{{ .Site.Params.description }}{{else}}{{.Description}}{{end}}" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="{{.Page.Permalink}}" /> + <meta itemprop="name" content="{{ if not .IsHome }}{{with .Title }}{{ . }}{{ end }}{{else}}{{ .Site.Title }}{{end}}"> + <meta itemprop="description" content="{{if .IsHome}}{{ .Site.Params.description }}{{else}}{{.Description}}{{end}}"> + <meta name="twitter:card" content="summary"/> + <meta name="twitter:title" content="{{ if not .IsHome }}{{with .Title }}{{ . }}{{ end }}{{else}}{{ .Site.Title }}{{end}}"/> + <meta name="twitter:description" content="{{if .IsHome}}{{ .Site.Params.description }}{{else}}{{.Description}}{{end}}"/> + + {{ if (fileExists "static/apple-touch-icon.png") -}} + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + {{ end -}} + {{ if (fileExists "static/favicon-32.png") -}} + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + {{ end -}} + {{ if (fileExists "static/favicon-16.png") -}} + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> + {{ end -}} + {{ if (fileExists "static/site.webmanifest") -}} + <link rel="manifest" href="/site.webmanifest"> + {{ end -}} + {{ $style := resources.Get "scss/style.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }} - <link rel="stylesheet" href="{{$style.Permalink}}" > + <link rel="stylesheet" href="{{$style.RelPermalink}}" > </head> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 8939e2b..abf9f44 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,63 +1,46 @@ <header> - <div class="header header-frame"> - <div> - <div class="header__title">{{.Site.Title}}</div> - {{if .Site.Params.Description}} - <div class="header__description">{{.Site.Params.Description}}</div> - {{end}} + <div class="header header-frame"> + <div> + <div class="header__title">{{.Site.Title}}</div> + {{if .Site.Params.Description}} + <div class="header__description">{{.Site.Params.Description}}</div> + {{end}} + </div> + <nav class="header-nav"> + <ul class="header-nav-list header-nav-list--menu"> + {{ $currentPage := . }} + {{ range .Site.Menus.main }} + {{ if .HasChildren }} + <li class="header-nav-list__item {{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}"> + <a class="header-nav-list__link" href="#"> + {{ .Pre }} + <span>{{ .Name }}</span> + </a> + </li> + <ul class="header-nav-list"> + {{ range .Children }} + <li class="header-nav-list__item {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"> + <a class="header-nav-list__link" href="{{ .URL }}">{{ .Name }}</a> + </li> + {{ end }} + </ul> + {{ else }} + <li class="header-nav-list__item"> + <a class="header-nav-list__link" href="{{ .URL }}"> + {{ .Pre }} + <span>{{ .Name }}</span> + </a> + </li> + {{ end }} + {{ end }} + </ul> + <button class="header-nav-list__nav-btn">navigation</button> + </nav> + <button class="mb-header__menu-btn"> + <span class="mb-header__menu-btn-line"></span> + <span class="mb-header__menu-btn-line"></span> + <span class="mb-header__menu-btn-line"></span> + </button> </div> - <nav class="header-nav desktop"> - <ul class="header-nav-list"> - {{ range .Site.Taxonomies.tags }} - <li class="header-nav-list__item"> - <a class="header-nav-list__link" href="{{ .Page.Permalink }}" - >{{ .Page.Title }}</a - > - </li> - {{end}} - </ul> - </nav> - <button class="mb-header__menu-btn"> - <span class="mb-header__menu-btn-line"></span> - <span class="mb-header__menu-btn-line"></span> - <span class="mb-header__menu-btn-line"></span> - </button> - </div> - <nav class="mb-header-nav"> - <div class="flex-between px--md py--sm"> - <svg - width="240" - height="72" - viewBox="0 0 240 72" - class="mb-header-nav__title" - > - <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"> - Navigation - </text> - </svg> - <button class="mb-header-nav__close-btn flex-center"> - <svg - class="mb-header-nav__svg-icon" - xmlns="http://www.w3.org/2000/svg" - viewBox="0 0 24 24" - width="32" - height="32" - > - <path - d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" - /> - <path d="M0 0h24v24H0z" fill="none" /> - </svg> - </button> - </div> - <ul class="mb-header-nav-list mobile"> - {{ range .Site.Taxonomies.tags }} - <li class="mb-header-nav-list__item"> - <a class="mb-header-nav-list__link" href="{{ .Page.Permalink}}" - >{{.Page.Title}}</a - > - </li> - {{end}} - </ul> - </nav> + {{partial "mobile-header-nav" .}} </header> diff --git a/layouts/partials/list-header.html b/layouts/partials/list-header.html new file mode 100644 index 0000000..2d42eaf --- /dev/null +++ b/layouts/partials/list-header.html @@ -0,0 +1,9 @@ +<header> + <div class="list-header"> + <h1 class="list-header__title">{{.Title}}</h1> + <div class="list-header__title-2">{{.Title}}</div> + <div class="list-header__title-2">{{.Title}}</div> + <div class="list-header__title-2">{{.Title}}</div> + <div class="list-header__title-2">{{.Title}}</div> + </div> +</header> diff --git a/layouts/partials/mobile-header-nav.html b/layouts/partials/mobile-header-nav.html new file mode 100644 index 0000000..5926612 --- /dev/null +++ b/layouts/partials/mobile-header-nav.html @@ -0,0 +1,89 @@ +<nav class="mb-header-nav"> + <button class="mb-header-nav__close-btn flex-center"> + <svg + class="mb-header-nav__svg-icon" + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 24 24" + width="32" + height="32" + > + <path + d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" + /> + <path d="M0 0h24v24H0z" fill="none" /> + </svg> + </button> + <div class="mb-header-nav__wrapper"> + <div class="mb-header-nav__container"> + <svg + width="240" + height="72" + viewBox="0 0 240 72" + class="mb-header-nav__title" + > + <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"> + Tags + </text> + </svg> + <ul class="mb-header-nav-list"> + {{if .IsHome}} + {{ range .Site.Taxonomies.tags }} + <li class="mb-header-nav-list__item"> + <a class="mb-header-nav-list__link" href="{{ .Page.Permalink}}" + >{{.Page.Title}}</a + > + </li> + {{end}} + {{else}} + {{range .Params.tags}} + {{with $.Site.GetPage (printf "/%s/%s" "tags" ( . | urlize ))}} + <li class="mb-header-nav-list__item"> + <a class="mb-header-nav-list__link" href="{{ .Permalink}}" + >{{.Title}}</a + > + </li> + {{end}} + {{end}} + {{end}} + </ul> + </div> + <div class="mb-header-nav__container"> + <svg + width="240" + height="72" + viewBox="0 0 240 72" + class="mb-header-nav__title" + > + <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"> + Menu + </text> + </svg> + <ul class="mb-header-nav-list"> + {{ $currentPage := . }} + {{ range .Site.Menus.main }} + {{ if .HasChildren }} + <li class="mb-header-nav-list__item {{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}"> + <a class="mb-header-nav-list__link" href="#"> + {{ .Pre }} + <span>{{ .Name }}</span> + </a> + </li> + <ul class="mb-header-nav-list"> + {{ range .Children }} + <li class="mb-header-nav-list__item {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"> + <a class="mb-header-nav-list__link" href="{{ .URL }}">{{ .Name }}</a> + </li> + {{ end }} + </ul> + {{ else }} + <li class="mb-header-nav-list__item"> + <a class="mb-header-nav-list__link" href="{{ .URL }}"> + {{ .Name }} + </a> + </li> + {{ end }} + {{ end }} + </ul> + </div> + </div> +</nav> diff --git a/layouts/partials/post-footer.html b/layouts/partials/post-footer.html new file mode 100644 index 0000000..05cd89e --- /dev/null +++ b/layouts/partials/post-footer.html @@ -0,0 +1,10 @@ +<footer class="post-footer"> + <div class="footer"> + {{with .Site.Copyright }} + <div>{{ . | safeHTML }}</div> + {{end}} + <div class="footer__socials">{{partial "social.html" .}}</div> + </div> +</footer> +{{$script := resources.Get "js/script.js"}} +<script src="{{$script.Permalink}}"></script> diff --git a/layouts/partials/post-header.html b/layouts/partials/post-header.html index dc9283a..8a27967 100644 --- a/layouts/partials/post-header.html +++ b/layouts/partials/post-header.html @@ -1,68 +1,47 @@ <header> - <div class="header header-frame"> - <div> - <div class="header__title">{{.Title}}</div> - {{with .Description}} - <div class="header__description">{{.}}</div> - {{end}} + <div class="header header-frame"> + <div> + <div class="header__title">{{.Title}}</div> + {{with .Description}} + <div class="header__description">{{.}}</div> + {{end}} + </div> + <nav class="header-nav"> + <ul class="header-nav-list header-nav-list--menu"> + {{ $currentPage := . }} + {{ range .Site.Menus.main }} + {{ if .HasChildren }} + <li class="header-nav-list__item {{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}"> + <a class="header-nav-list__link" href="#"> + {{ .Pre }} + <span>{{ .Name }}</span> + </a> + </li> + <ul class="header-nav-list"> + {{ range .Children }} + <li class="header-nav-list__item {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"> + <a class="header-nav-list__link" href="{{ .URL }}">{{ .Name }}</a> + </li> + {{ end }} + </ul> + {{ else }} + <li class="header-nav-list__item"> + <a class="header-nav-list__link" href="{{ .URL }}"> + {{ .Pre }} + <span>{{ .Name }}</span> + </a> + </li> + {{ end }} + {{ end }} + </ul> + <button class="header-nav-list__nav-btn">navigation</button> + </nav> + <button class="mb-header__menu-btn"> + <span class="mb-header__menu-btn-line"></span> + <span class="mb-header__menu-btn-line"></span> + <span class="mb-header__menu-btn-line"></span> + </button> </div> - {{with .Params.tags}} - <nav class="header-nav desktop"> - <ul class="header-nav-list"> - {{ range . }} - <li class="header-nav-list__item"> - <a class="header-nav-list__link" href="{{ "tags" | absURL }}{{. | urlize}}" - >{{ . }}</a - > - </li> - {{end}} - </ul> - </nav> - {{end}} - <button class="mb-header__menu-btn"> - <span class="mb-header__menu-btn-line"></span> - <span class="mb-header__menu-btn-line"></span> - <span class="mb-header__menu-btn-line"></span> - </button> - </div> - <nav class="mb-header-nav"> - <div class="flex-between px--md py--sm"> - <svg - width="240" - height="72" - viewBox="0 0 240 72" - class="mb-header-nav__title" - > - <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"> - Navigation - </text> - </svg> - <button class="mb-header-nav__close-btn flex-center"> - <svg - class="mb-header-nav__svg-icon" - xmlns="http://www.w3.org/2000/svg" - viewBox="0 0 24 24" - width="32" - height="32" - > - <path - d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" - /> - <path d="M0 0h24v24H0z" fill="none" /> - </svg> - </button> - </div> - {{with .Params.tags}} - <ul class="mb-header-nav-list mobile"> - {{ range . }} - <li class="mb-header-nav-list__item"> - <a class="mb-header-nav-list__link" href="{{ "tags" | absURL}}{{. | urlize}}" - >{{.}}</a - > - </li> - {{end}} - </ul> - {{end}} - </nav> + {{partial "mobile-header-nav" .}} </header> |