diff options
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/404.html | 24 | ||||
| -rw-r--r-- | layouts/_default/author.html | 10 | ||||
| -rw-r--r-- | layouts/_default/search.html | 24 | ||||
| -rw-r--r-- | layouts/_default/single.html | 4 | ||||
| -rw-r--r-- | layouts/index.html | 5 | ||||
| -rw-r--r-- | layouts/partials/attribution.html | 16 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 27 | ||||
| -rw-r--r-- | layouts/partials/pagination.html | 6 | ||||
| -rw-r--r-- | layouts/partials/post.html | 2 | ||||
| -rw-r--r-- | layouts/project/single.html | 12 | ||||
| -rw-r--r-- | layouts/taxonomy/terms.html | 8 |
11 files changed, 68 insertions, 70 deletions
diff --git a/layouts/404.html b/layouts/404.html index 2d722bb..d249f23 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -3,35 +3,39 @@ {{ define "main" }} <div class="max-w-screen-md mx-auto px-1 mv4"> - <h1 class="f1 tc title baskerville">{{ .Title }}</h1> + <h1 class="text-center baskerville">{{ .Title }}</h1> - <p class="f4 baskerville">{{ T "maybe_look" }}</p> + <p class="text-xl baskerville">{{ T "maybe_look" }}</p> {{ $query := where (where (where (where site.RegularPages.ByDate.Reverse "Title" "!=" "") "Kind" "in" (slice "page" "section")) "Params.private" "!=" true) "Permalink" "!=" "" }} {{ $count := len $query }} {{ if gt $count 0 }} - <h3 class="lh-title text-2xl baskerville">{{ T "recent_pages" }}</h3> - <ul class="list"> + <h3 class="baskerville">{{ T "recent_pages" }}</h3> + <ul class=""> {{ range first 10 $query }} - <li class="lh-copy grow stripe-dark p-2"> - <a class="dim color-inherit block" href="{{ .RelPermalink }}"> + <li + class="transition hover:scale-105 odd:bg-white even:bg-gray-200 p-2" + > + <a class="hover:opacity-50 block" href="{{ .RelPermalink }}"> {{ $dateFormat := .Site.Params.dateFormat | default ":date_medium" }} <time datetime="{{ .Date.Format "2006-01-02" }}" - class="f6 fw3 fr ml-2" + class="text-sm float-right ml-2" > <i class="far fa-calendar"></i> {{ time.Format $dateFormat .Date }} </time> {{ .Title }} - <sup class="w3-theme ttu p-1 br-pill">{{ .Section }}</sup> + <sup class="bg-lime-500 text-white uppercase p-1 rounded-full" + >{{ .Section }}</sup + > </a> </li> {{ end }} </ul> {{ end }} - <a href="/search" class="color-inherit dim"> - <h3 class="lh-title text-2xl baskerville"> + <a href="/search" class="hover:opacity-50"> + <h3 class="baskerville"> <i class="fas fa-magnifying-glass"></i> {{ T "try_search" }} </h3> diff --git a/layouts/_default/author.html b/layouts/_default/author.html index ad1602f..b2277dd 100644 --- a/layouts/_default/author.html +++ b/layouts/_default/author.html @@ -5,8 +5,8 @@ {{- $sectionDelimiter := "<!-- section break -->" -}} {{- $rawContentSections := split .RawContent $sectionDelimiter -}} {{ range $rawContentSections }} - <div class="stripe-dark"> - <div class="max-w-screen-md mx-auto py-2 lh-copy f4-ns px-1 main-content"> + <div class="even:bg-gray-200"> + <div class="max-w-screen-md mx-auto py-2 px-1 main-content"> {{ . | markdownify }} </div> </div> @@ -14,9 +14,9 @@ {{ with where .Pages "Type" "publication" }} {{ if gt (len .) 0 }} - <div class="stripe-dark"> - <div class="max-w-screen-md mx-auto py-2 lh-copy f4-ns px-1"> - <h2 class="baskerville lh-title f2">Publications</h2> + <div class="even:bg-gray-200"> + <div class="max-w-screen-md mx-auto py-2 px-1"> + <h2 class="baskerville">Publications</h2> {{ range . }} {{ partial "post.html" . }} {{ end }} diff --git a/layouts/_default/search.html b/layouts/_default/search.html index 726ae68..e61c9a0 100644 --- a/layouts/_default/search.html +++ b/layouts/_default/search.html @@ -1,8 +1,8 @@ {{ define "main" }} <div class="max-w-screen-md mx-auto p-1"> <header> - <h2 class="baskerville f2 lh-title my-4 px-1"> - {{ T "search" }} + <h2 class="baskerville px-1"> + {{ T "search" | humanize }} </h2> </header> @@ -11,26 +11,30 @@ id="search-query" name="q" placeholder="{{ T "search_placeholder" }}" - class="near-black p-2 w-100" + class="p-2 w-full border" /> </form> <div id="search-results" class="my-2"> - <p class="p-4 f4 fw6 tc">{{ T "search_request" }}</p> + <p class="p-4 text-xl font-semibold text-center"> + {{ T "search_request" }} + </p> </div> </div> <template id="no-match"> - <p class="bg-washed-red p-4 dark-red f4 fw6 tc br2 b--light-red ba"> + <p + class="bg-red-100 p-4 text-red-600 text-xl font-semibold text-center border rounded border-current" + > {{ T "no_match_found" }} </p> </template> <template id="search-result-template"> - <article class="py-2 bt bb b--black-10 search_summary"> - <a class="dim near-black search_link" href=""> - <time class="fr f6 lh-copy ph4 search_time"></time> - <h3 class="text-2xl baskerville my-1 lh-title search_title"></h3> - <div class="f5 lh-copy search_snippet"></div> + <article class="py-2 border-y border-gray-200 search_summary"> + <a class="hover:opacity-50 search_link" href=""> + <time class="float-right text-sm px-8 search_time"></time> + <h4 class="baskerville my-2 search_title"></h4> + <div class="search_snippet"></div> </a> </article> </template> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 66f67ea..bdb5482 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,6 +1,6 @@ {{ define "main" }} <header class="max-w-screen-md mx-auto"> - <h1 class="baskerville f1 lh-title my-4 px-1"> + <h1 class="baskerville px-1"> {{ .Title }} </h1> @@ -15,7 +15,7 @@ {{ partial "leading_image.html" . }} </header> - <div class="main-content max-w-screen-md mx-auto lh-copy f5 f4-ns px-1"> + <div class="main-content max-w-screen-md mx-auto px-1"> {{ .Content }} </div> {{ partial "image-gallery" . }} diff --git a/layouts/index.html b/layouts/index.html index 7f7b5dd..970a64e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -7,10 +7,7 @@ {{ if gt (len .Pages) 0 }} <div class="odd:bg-white even:bg-gray-200"> <div class="max-w-screen-md mx-auto p-1"> - <h2 - id="{{ anchorize .Title | safeURL }}" - class="baskerville text-4xl my-6 font-bold" - > + <h2 id="{{ anchorize .Title | safeURL }}" class="baskerville"> {{ .Title }} </h2> {{ range first 3 .Pages.ByPublishDate.Reverse }} diff --git a/layouts/partials/attribution.html b/layouts/partials/attribution.html index 8ef271a..e69341b 100644 --- a/layouts/partials/attribution.html +++ b/layouts/partials/attribution.html @@ -1,4 +1,4 @@ -<div class="tc my-4"> +<div class="border-t border-gray-500 py-4 my-2"> {{ if in (slice "by" "by-nd" "by-sa" "by-nc" "by-nc-nd" "by-nc-sa") .license }} {{ $href := printf "http://creativecommons.org/licenses/%s/4.0/" .license }} <div @@ -12,7 +12,7 @@ rel="cc:attributionURL dct:creator" property="cc:attributionName" href="{{ . }}" - class="dim" + class="hover:opacity-50" > {{ $.Author.name }} </a> @@ -25,7 +25,7 @@ target="_blank" rel="license noopener noreferrer" href="{{ $href }}" - class="block dim" + class="block hover:opacity-50" > Creative Commons {{ with .license }} @@ -39,15 +39,15 @@ {{ end }} 4.0 International License <span class="block m-2"> - <i class="f2 fab fa-creative-commons"></i> - <i class="f2 fab fa-creative-commons-by"></i> + <i class="text-4xl fab fa-creative-commons"></i> + <i class="text-4xl fab fa-creative-commons-by"></i> {{ with .license }} {{ if in . "by-nc" }} - <i class="f2 fab fa-creative-commons-nc"></i> + <i class="text-4xl fab fa-creative-commons-nc"></i> {{ end }}{{ if in . "-nd" }} - <i class="f2 fab fa-creative-commons-nd"></i> + <i class="text-4xl fab fa-creative-commons-nd"></i> {{ else if in . "-sa" }} - <i class="f2 fab fa-creative-commons-sa"></i> + <i class="text-4xl fab fa-creative-commons-sa"></i> {{ end }} {{ end }} </span> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 9686e11..4a977f1 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,25 +1,19 @@ -<footer class="bg-black w-100 p-4 near-white"> +<footer class="bg-black w-full p-4 text-center text-white text-lg"> <div class="max-w-screen-md mx-auto"> {{ if in .Site.Params.mainSections .Section }} - <a - href="/{{ .Section }}/index.xml" - class="color-inherit block tc my-2 dim" - > + <a href="/{{ .Section }}/index.xml" class="block my-2 hover:opacity-50"> {{ T "rss_follow" (dict "section" (T .Section)) }} <i class="fa-solid fa-rss"></i> </a> {{ end }} - - <ul class="m-0 p-0 list overflow-hidden avenir tc bb b--white-40"> - {{ range .Site.Menus.footer }} - <li class="dib dim"> - <a class="block f6 p-2 near-white" href="{{ .URL | relLangURL }}" - >{{ T .Name | safeHTML }} - </a> - </li> - {{ end }} - </ul> + {{ range .Site.Menus.footer }} + <a + class="inline hover:opacity-50 text-base p-2" + href="{{ .URL | relLangURL }}" + >{{ T .Name | safeHTML }} + </a> + {{ end }} {{ with .Site.GetPage "footer.md" }} {{ .Content }} @@ -27,8 +21,7 @@ {{ partial "attribution.html" .Site.Params }} - - <div class="tc my-2"> + <div class="my-2"> Made in anger with <a href="https://git.oscarnajera.com/hugo-minimalist-theme/about/" diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html index 93c7b0b..6fdb89b 100644 --- a/layouts/partials/pagination.html +++ b/layouts/partials/pagination.html @@ -2,16 +2,16 @@ {{ if gt $pag.TotalPages 1 }} <nav class="flex items-center justify-center pa4 f5"> {{ if $pag.HasPrev }} - <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-black grow hover-bg-light-gray p-2 ba">« {{ T "prev" }}</a> + <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-black transition hover:scale-105 hover-bg-light-gray p-2 ba">« {{ T "prev" }}</a> {{ end }} {{ range $pag.Pagers }} {{ if eq . $pag }} <span class= "near-white bg-gray m-1 p-2 ba"> {{ $pag.PageNumber }}</span> {{ else }} - <a href="{{ .URL }}" class="block near-black grow hover-bg-light-gray hover-near-black p-2 ba">{{ .PageNumber }}</a> + <a href="{{ .URL }}" class="block near-black transition hover:scale-105 hover-bg-light-gray hover-near-black p-2 ba">{{ .PageNumber }}</a> {{ end }} {{ end }} {{ if $pag.HasNext }} - <a href="{{ $pag.Next.URL }}" rel="next" class="near-black grow hover-bg-light-gray p-2 ba">{{ T "next" }} »</a> {{ end }} + <a href="{{ $pag.Next.URL }}" rel="next" class="near-black transition hover:scale-105 hover-bg-light-gray p-2 ba">{{ T "next" }} »</a> {{ end }} </nav> {{ end }} diff --git a/layouts/partials/post.html b/layouts/partials/post.html index 28c7dec..8afa03e 100644 --- a/layouts/partials/post.html +++ b/layouts/partials/post.html @@ -1,6 +1,6 @@ <article class="py-2 border-y border-gray-200"> {{ partial "meta_links.html" . }} - <a class="block dim text-slate-900" href="{{ .RelPermalink }}"> + <a class="block hover:opacity-50 text-slate-900" href="{{ .RelPermalink }}"> <div class="md:flex"> {{ $image := "" }} {{ if (.Resources.ByType "image").GetMatch "featured*" }} diff --git a/layouts/project/single.html b/layouts/project/single.html index a177a10..a83b79f 100644 --- a/layouts/project/single.html +++ b/layouts/project/single.html @@ -1,11 +1,11 @@ {{- define "main" -}} <header class="max-w-screen-md mx-auto"> - <h2 class="baskerville f2 lh-title my-4 px-1"> + <h1 class="baskerville px-1"> {{ .Title }} - </h2> + </h1> {{ with .Params.subtitle }} - <h3 class="text-2xl baskerville my-4 p-1">{{ . }}</h3> + <h3 class="baskerville p-1">{{ . }}</h3> {{ end }} {{ partial "meta_links.html" . }} @@ -22,7 +22,7 @@ {{ $items := where (where site.RegularPages "Type" "post") ".Params.projects" "intersect" (slice $project) }} {{ $count := len $items }} {{ if ge $count 1 }} - <h2 class="f2 fw3 m-0">Related Posts</h2> + <h2 class="">Related Posts</h2> {{ range $index, $item := $items }} {{ partial "post.html" . }} {{ end }} @@ -31,7 +31,7 @@ {{ $items := where (where site.RegularPages "Type" "publication") ".Params.projects" "intersect" (slice $project) }} {{ $pubs_len := len $items }} {{ if ge $pubs_len 1 }} - <h2 class="f2 fw3 m-0">Related Publications</h2> + <h2 class="">Related Publications</h2> {{ range $index, $item := $items }} {{ partial "post.html" . }} {{ end }} @@ -40,7 +40,7 @@ {{ $items := where (where site.RegularPages "Type" "event") ".Params.projects" "intersect" (slice $project) }} {{ $talks_len := len $items }} {{ if ge $talks_len 1 }} - <h2 class="f2 fw3 m-0">Related Talks</h2> + <h2 class="">Related Talks</h2> {{ range $index, $item := $items }} {{ partial "post.html" . }} {{ end }} diff --git a/layouts/taxonomy/terms.html b/layouts/taxonomy/terms.html index 4fedd23..391d941 100644 --- a/layouts/taxonomy/terms.html +++ b/layouts/taxonomy/terms.html @@ -7,7 +7,7 @@ <section class="mt-4"> {{ range .Data.Terms.ByCount }} <a - class="dib near-black grow hover-bg-white-80 hover-near-black p-2 ba m-1 br2" + class="dib near-black transition hover:scale-105 hover-bg-white-80 hover-near-black p-2 ba m-1 br2" href="#{{ .Name | urlize }}-list" data-tag="{{ .Name | lower }}" > @@ -25,14 +25,14 @@ data-tag="{{ .Name | lower }}" > <h4 class="f4 bold mx-auto lh-title"> - <a class="dim color-inherit" href="{{ .Name | urlize }}"> + <a class="hover:opacity-50 color-inherit" href="{{ .Name | urlize }}"> {{ .Name }} ({{ .Pages | len }}) </a> </h4> <ul class="list"> {{ range .Pages.ByDate }} - <li class="lh-copy grow stripe-dark p-2"> - <a class="dim color-inherit block" href="{{ .RelPermalink }}"> + <li class="lh-copy transition hover:scale-105 stripe-dark p-2"> + <a class="hover:opacity-50 color-inherit block" href="{{ .RelPermalink }}"> {{ $dateFormat := .Site.Params.dateFormat | default ":date_medium" }} <time datetime="{{ .Date.Format "2006-01-02" }}" |