diff --git a/layouts/archives/li.html b/layouts/archives/li.html index ac93375..4d5a086 100644 --- a/layouts/archives/li.html +++ b/layouts/archives/li.html @@ -1,12 +1,8 @@ - {{ $thumb := $.Page.Resources.GetMatch "thumb.jpg"}} - {{ if $thumb }} - - {{ else }} - - {{ end }} +
{{ .Title }} +

{{ .Description }}

→ plus d'infos
diff --git a/layouts/archives/single.html b/layouts/archives/single.html index a97ae1b..596ca63 100644 --- a/layouts/archives/single.html +++ b/layouts/archives/single.html @@ -39,6 +39,22 @@ >> {{ end }} +
+ + {{ partial "categories.html" .Page.Params.Categories }} + {{ partial "tags.html" .Page.Params.Tags }} +
{{ .Content }} diff --git a/static/css/style.css b/static/css/style.css index 69cf5e4..8567eda 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -14,8 +14,7 @@ --color03: #871818; --image-margin-side: 2.5em; - --navigation-height: 4em; - + --content-width: 900px; } @@ -25,7 +24,7 @@ } html { background-color: var(--background-color); - font-family: serif; + font-family: Lato, Helvetica, sans-serif; font-size: medium; color: var(--font-color); } @@ -87,13 +86,9 @@ a.not(.anchor):focus { /******************* Navbar *******************/ #navigation { - position: fixed; - top: 0; - height: var(--navigation-height); + height: 4em; width: 100%; - line-height: var(--navigation-height); - background-color: var(--background-color); - z-index: 100; + line-height: 4em; } #navigation a { padding: 1em; @@ -307,7 +302,6 @@ a.not(.anchor):focus { .container { max-width: 90vw; margin: 0 auto; - margin-top: var(--navigation-height); width: 100%; display: flex; flex: 1; @@ -339,24 +333,9 @@ 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; @@ -364,7 +343,6 @@ a.not(.anchor):focus { margin: 1em 0; overflow: auto; border: none; - width: 100%; } .archives-list .archive:hover { border: none; @@ -374,13 +352,11 @@ a.not(.anchor):focus { } .archives-list .thumbnail { display: inline-block; - width: 100%; + width: 15em; 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; @@ -402,10 +378,6 @@ a.not(.anchor):focus { bottom: 0; right: 0; font-style: italic; - display: none; -} -.archive:hover .more { - display: inherit; } /******************* Letters *******************/ diff --git a/static/svg/telegram.svg b/static/svg/telegram.svg deleted file mode 100644 index 3446606..0000000 --- a/static/svg/telegram.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -