From fe7b2a264883ebf8db30001a40fa0dfcc0255535 Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 8 Sep 2023 20:57:24 +0200 Subject: [PATCH 1/5] Add the Telegram icon --- static/svg/telegram.svg | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 static/svg/telegram.svg diff --git a/static/svg/telegram.svg b/static/svg/telegram.svg new file mode 100644 index 0000000..3446606 --- /dev/null +++ b/static/svg/telegram.svg @@ -0,0 +1,3 @@ + + + From f9fb6e3ec52818e8faae9a6c65955c90a3cd532b Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 8 Sep 2023 20:58:19 +0200 Subject: [PATCH 2/5] [LAYOUT] Remove unused code and tag/categories from archives --- layouts/archives/single.html | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/layouts/archives/single.html b/layouts/archives/single.html index 596ca63..a97ae1b 100644 --- a/layouts/archives/single.html +++ b/layouts/archives/single.html @@ -39,22 +39,6 @@ >> {{ end }} -
- - {{ partial "categories.html" .Page.Params.Categories }} - {{ partial "tags.html" .Page.Params.Tags }} -
{{ .Content }} From 93477924f712bc70eae38deb3bdaf65d6558ebba Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 8 Sep 2023 20:59:37 +0200 Subject: [PATCH 3/5] [LAYOUT] Add default archive banner if no thumb.jpg image exist --- layouts/archives/li.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/layouts/archives/li.html b/layouts/archives/li.html index 4d5a086..8e330de 100644 --- a/layouts/archives/li.html +++ b/layouts/archives/li.html @@ -1,5 +1,10 @@ - + {{ $thumb := $.Page.Resources.GetMatch "thumb.jpg"}} + {{ if $thumb }} + + {{ else }} + + {{ end }}
{{ .Title }}

{{ .Description }}

From 8e67ac821894c8e1193917925f1fdc4747c8b480 Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 8 Sep 2023 21:00:09 +0200 Subject: [PATCH 4/5] [LAYOUT] Remove description from archives list --- layouts/archives/li.html | 1 - 1 file changed, 1 deletion(-) diff --git a/layouts/archives/li.html b/layouts/archives/li.html index 8e330de..ac93375 100644 --- a/layouts/archives/li.html +++ b/layouts/archives/li.html @@ -7,7 +7,6 @@ {{ end }}
{{ .Title }} -

{{ .Description }}

→ plus d'infos
From 7b2bd5a6da08b7d238d2ee5b931eaf511a71b95b Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 8 Sep 2023 21:00:34 +0200 Subject: [PATCH 5/5] [STYLE] Make navbar sticky --- static/css/style.css | 40 ++++++++++++++++++++++++++++++++++------ 1 file changed, 34 insertions(+), 6 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 8567eda..69cf5e4 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -14,7 +14,8 @@ --color03: #871818; --image-margin-side: 2.5em; - + --navigation-height: 4em; + --content-width: 900px; } @@ -24,7 +25,7 @@ } html { background-color: var(--background-color); - font-family: Lato, Helvetica, sans-serif; + font-family: serif; font-size: medium; color: var(--font-color); } @@ -86,9 +87,13 @@ a.not(.anchor):focus { /******************* Navbar *******************/ #navigation { - height: 4em; + position: fixed; + top: 0; + height: var(--navigation-height); width: 100%; - line-height: 4em; + line-height: var(--navigation-height); + background-color: var(--background-color); + z-index: 100; } #navigation a { padding: 1em; @@ -302,6 +307,7 @@ a.not(.anchor):focus { .container { max-width: 90vw; margin: 0 auto; + margin-top: var(--navigation-height); width: 100%; display: flex; flex: 1; @@ -333,9 +339,24 @@ a.not(.anchor):focus { } /******************* Archives List *******************/ +#blog-list { + max-width: 95vw; +} + .archives-list { list-style: none; padding-left: 0; + display: flex; + flex-wrap: wrap; + align-content: flex-start; + justify-content: space-between; + gap: 1em; +} + +.archives-list::after { + content: ""; + flex: auto; + flex-basis: 20em; } .archives-list .archive { display: block; @@ -343,6 +364,7 @@ a.not(.anchor):focus { margin: 1em 0; overflow: auto; border: none; + width: 100%; } .archives-list .archive:hover { border: none; @@ -352,11 +374,13 @@ a.not(.anchor):focus { } .archives-list .thumbnail { display: inline-block; - width: 15em; + width: 100%; text-align: left; - margin-right: 1.5em; } @media only screen and (min-width: 768px) { + .archives-list .archive { + width: 48%; + } .archives-list .thumbnail { display: inline-block; text-align: right; @@ -378,6 +402,10 @@ a.not(.anchor):focus { bottom: 0; right: 0; font-style: italic; + display: none; +} +.archive:hover .more { + display: inherit; } /******************* Letters *******************/