From 9ac94f1d5c909d426a01f561ee459237fc40a1e8 Mon Sep 17 00:00:00 2001 From: iGor milhit Date: Sun, 6 Jun 2021 18:09:48 +0200 Subject: [PATCH] layouts: use details for the post informations * Wraps the post informations inside a details HTML tag. * Reduces the bottom margin of the post main heading. * Reorders the SCSS rules in order to set the post-info class to the details HTML tags. * Add the permalink to the post informations. * Uses the i18n mechanism for the new layout strings, such as "post-infos" or "permalink". * Updates the changelog. * Closes #17. Co-Authored-by: iGor milhit --- CHANGELOG.md | 5 +++- assets/scss/_post.scss | 16 +++++++----- assets/scss/_variables.scss | 5 +++- i18n/fr.toml | 5 ++++ layouts/partials/post-info.html | 44 ++++++++++++++++++--------------- 5 files changed, 47 insertions(+), 28 deletions(-) create mode 100644 i18n/fr.toml diff --git a/CHANGELOG.md b/CHANGELOG.md index d152fef..37df586 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,7 +16,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). ### Commits -- footer: add link to the last commit [`5621975`](https://framagit.org/iGormilhit/portfoliGor/commit/5621975a29032440d3ffd7dc6e2f7ce15b70e747) +- layouts: use details for the post informations [`13af33a`](https://framagit.org/iGormilhit/portfoliGor/commit/13af33aa88d394faec748ff64840aaec520b3297) +- head: improve the metadata exposed [`e7de77b`](https://framagit.org/iGormilhit/portfoliGor/commit/e7de77b3ad3f67c1833bdc3030cad034e5d0d5c6) +- content: improve verses layout for small screens [`029a3ac`](https://framagit.org/iGormilhit/portfoliGor/commit/029a3ac1745580c999b75ae6fd9b68e520514a91) +- footer: add link to the last commit [`0190c23`](https://framagit.org/iGormilhit/portfoliGor/commit/0190c233e9eb54638ddddf9cccb87405391b3c7b) - list: fix date variable on the lists and sections [`36a334c`](https://framagit.org/iGormilhit/portfoliGor/commit/36a334cab9d4e2bf746214571287d35a29bdf6eb) - shortcodes: adds an audio player with album cover [`e1cf918`](https://framagit.org/iGormilhit/portfoliGor/commit/e1cf9185f3f7c3cba4e97c6b2371fb9a465017da) - head: add a favicon [`e56fddc`](https://framagit.org/iGormilhit/portfoliGor/commit/e56fddc6e0c15bb6839c9cfc6277df5eb8f46d03) diff --git a/assets/scss/_post.scss b/assets/scss/_post.scss index 2165062..b3b5442 100644 --- a/assets/scss/_post.scss +++ b/assets/scss/_post.scss @@ -5,7 +5,7 @@ /////////////////// .post-header { - margin: 1em 0; + margin: 1rem 0 .5rem 0; h1 { margin: 0; @@ -14,11 +14,15 @@ .post-info { font-size: $font-size-small; - margin-top: 0; - padding: 0; + color: $snow-storm-light-grey; - > li { - padding-right: .3rem; + > ul { + margin-top: 0; + padding: 0; + + > li { + padding-right: .3rem; + } } li { @@ -40,7 +44,7 @@ } @include breakpoint(tablet) { - .post-info { + .post-info > ul { display: flex; flex-wrap: wrap; diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 541b784..a451c07 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -1,4 +1,7 @@ -/////////////////// // FONT // // +/////////////////// +// // +// FONT // +// // /////////////////// $font-size-base: 1.25rem !default; // 25 px diff --git a/i18n/fr.toml b/i18n/fr.toml new file mode 100644 index 0000000..d74343b --- /dev/null +++ b/i18n/fr.toml @@ -0,0 +1,5 @@ +[post-infos] +other = "Informations sur le billet" + +[permalink] +other = "Permalien" diff --git a/layouts/partials/post-info.html b/layouts/partials/post-info.html index 6498c62..9217945 100644 --- a/layouts/partials/post-info.html +++ b/layouts/partials/post-info.html @@ -1,24 +1,28 @@ - +