CHANGELOG.md

@@ -7,12 +7,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [Unreleased](https://git.milhit.ch/igor/portfoligor/compare/v0.2.0...HEAD)
+## [Unreleased](https://git.milhit.ch/igor/portfoligor/compare/v0.3.0...HEAD)
 
 ### Fixed
 
-- theme: improve spacings [`#38`](https://git.milhit.ch/igor/portfoligor/issues/38)
 - picocss: implement the pico css framework [`#29`](https://git.milhit.ch/igor/portfoligor/issues/29) [`#15`](https://git.milhit.ch/igor/portfoligor/issues/15) [`#16`](https://git.milhit.ch/igor/portfoligor/issues/16)
+
+## [v0.3.0](https://git.milhit.ch/igor/portfoligor/compare/v0.2.0...v0.3.0) - 2024-10-19
+
+### Fixed
+
+- picocss: implement the pico css framework [`#29`](https://git.milhit.ch/igor/portfoligor/issues/29)
 - i18n: extract, translate strings to be translated [`#18`](https://git.milhit.ch/igor/portfoligor/issues/18)
 - style: add a stylesheet for printing [`#28`](https://git.milhit.ch/igor/portfoligor/issues/28)
 

README.md

@@ -19,14 +19,9 @@ You can install it as the [HUGO documentation][4] recommends.
 
 ## Configuration
 
-### List of last posts on the homepage
-
-If you want the 5 last posts being listed on the homepage, add the
-`home_post_list` to the configuration. Set it to true.
-
 ### Personal and professional description
 
-The homepage displays, if it exists, the content of the main index markdown
+The front page displays, if it exists, the content of the main index markdown
 file that could be placed at the root of the content directory [[HUGO's
 documentation][3]].
 
@@ -147,7 +142,7 @@ yarn auto-changelog
 [4]: https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme
 [5]: #social-media-metadata
 [6]: https://git.milhit.ch/igor/portfoligor/src/branch/dev/LICENSE
-[7]: screenshots/theme-example-v030.png "Screenshot of my own site using this theme"
+[7]: screenshots/theme-example.png "Screenshot of my own site using this theme"
 [8]: ./CHANGELOG.md
 [9]: https://github.com/CookPete/auto-changelog
 [10]: ./.auto-changelog

assets/scss/_fonts.scss

@@ -7,25 +7,25 @@
 @font-face {
   font-family: "mylilex";
   font-weight: 100;
-  src: url("/fonts/Lilex-Thin.woff2") format('woff2');
+  src: url("/fonts/Lilex-Thin.ttf") format('truetype');
 }
 
 @font-face {
   font-family: "mylilex";
   font-weight: 200;
-  src: url("/fonts/Lilex-ExtraLight.woff2") format('woff2');
+  src: url("/fonts/Lilex-ExtraLight.ttf") format('truetype');
 }
 
 @font-face {
   font-family: "mylilex";
   font-weight: 400;
-  src: url("/fonts/Lilex-Regular.woff2") format('woff2');
+  src: url("/fonts/Lilex-Regular.ttf") format('truetype');
 }
 
 @font-face {
   font-family: "mylilex";
   font-weight: 700;
-  src: url("/fonts/Lilex-Bold.woff2") format('woff2');
+  src: url("/fonts/Lilex-Bold.ttf") format('truetype');
 }
 
 ///////////////////

assets/scss/_header.scss

@@ -31,10 +31,5 @@
 
     }
 
-    .header-navigation {
-      width: 100%;
-      justify-content: space-evenly;
-    }
-
   }
 }

assets/scss/_lists.scss

@@ -15,24 +15,6 @@
   }
 }
 
-/* List of last posts, on the home page*/
-.home-posts-list {
-
-  padding-bottom: var(--pico-spacing);
-  border-bottom: var(--pico-muted-border-color) solid var(--pico-border-width);
-
-  article {
-    display: inline-block;
-  }
-
-  article:not(:last-child) {
-    &::after {
-      content: ' / ';
-      white-space: pre;
-    }
-  }
-}
-
 /* Lists of the main page, for contact */
 .home-lists {
 
@@ -78,7 +60,7 @@
   }
 
   ul {
-    padding: 0 0 calc(var(--pico-spacing)/1) 0;
+    padding: 0;
 
   }
 
@@ -97,11 +79,6 @@
       white-space: pre;
     }
   }
-
-}
-
-details[open] > ul {
-  border-bottom: var(--pico-border-width) solid var(--pico-muted-border-color);
 }
 
 @media (min-width: 576px) {
@@ -124,10 +101,6 @@ details[open] > ul {
   }
 }
 
-.tracklist {
-  font-size: smaller;
-}
-
 .list-footer {
   padding-left: .5em;
 }

assets/scss/_medias.scss

@@ -9,7 +9,7 @@
 
 .audio,
 .stream {
-  border: var(--pico-border-width) solid $purple-200 ;
+  border: $purple-200 solid var(--pico-border-width);
 
   audio {
     border-radius: var(--pico-border-radius);
@@ -18,7 +18,7 @@
 
   figcaption p {
     font-size: smaller;
-    padding-left: .5em;
+    padding-left: .5rem;
     text-align: left;
   }
 }
@@ -31,7 +31,7 @@
     flex-direction: row;
 
     img {
-      width: 8em;
+      width: 8rem;
     }
 
     div {
@@ -58,9 +58,9 @@
 
 figure {
   border-radius: var(--pico-border-radius);
-  margin: var(--pico-spacing) auto;
+  margin: 1em auto;
-  padding: .4em;
+  padding: .4rem;
-  border: var(--pico-border-width) solid $purple-200 ;
+  border: $purple-200 solid var(--pico-border-width);
   width: 80%;
 
   img {
@@ -71,7 +71,7 @@ figure {
     font-size: smaller;
 
     p {
-      margin: .2em 0;
+      margin: .2rem 0;
       text-align: center;
     }
   }
@@ -84,6 +84,7 @@ figure {
 
   @media (min-width: 768px) {
     max-width: 97%;
+    margin: auto;
     padding-right: 0;
   }
 }

assets/scss/_texts.scss

@@ -9,7 +9,7 @@
 .verse {
   line-height: var(--line-height-verse);
   @media (min-width: 768px) {
-    margin-left: 3em;
+    margin-left: 3rem;
   }
 
   p:not(:last-child) {
@@ -20,7 +20,7 @@
   }
 
   br {
-    margin-bottom: calc(var(--pico-spacing)/2);
+    margin-bottom: .5rem;
   }
 }
 
@@ -30,16 +30,17 @@ mark {
 
 .citation {
   border: none;
+  margin: initial;
   width: initial;
 
   blockquote {
     margin: 0;
-    margin-left: calc(var(--pico-spacing)/2);
+    margin-left: .5rem;
-    padding: 0 0 0 calc(var(--pico-spacing)/2);
+    padding: 0 0 0 .5rem;
 
     p {
       text-align: left;
-      margin: .4em 0;
+      margin: .4rem 0;
     }
 
     em {
@@ -48,7 +49,7 @@ mark {
 
     figcaption {
       text-align: right;
-      margin-top: var(--pico-spacing);
+      margin-top: 1rem;
     }
   }
 }

assets/scss/_variables.scss

@@ -7,8 +7,8 @@
   --pico-font-family: "mylilex", serif, var(--pico-font-family-emoji);
   --pico-font-weight: 400;
   --line-height-verse: 1.4;
-  --verse-p-bottom-space: 2em;
+  --verse-p-bottom-space: 2rem;
-  --verse-p-bottom-space-larger: 3em;
+  --verse-p-bottom-space-larger: 3rem;
 }
 
 h1,
@@ -28,15 +28,15 @@ tfoot td {
 
 [data-theme=light],
   :root:not([data-theme=dark]) {
-  --logo-color: var(--pico-color);
+  --logo-color: #000000;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme]) {
-    --logo-color: var(--pico-color);
+    --logo-color: #ffffff;
   }
 }
 
 [data-theme=dark] {
-  --logo-color: var(--pico-color);
+  --logo-color: #ffffff;
 }

i18n/en.toml

@@ -8,7 +8,6 @@ defaultImageAlt = "Grayish sheep portrait"
 e-mail = "e-mail"
 fingerprint = "Fingerprint"
 lastCommit = "Last commit modifying this page"
-lastPosts = "Last Posts"
 lastUpdate = "Last update"
 mobile = "Mobile"
 online = "Online"

i18n/fr.toml

@@ -8,7 +8,6 @@ defaultImageAlt = "Portrait de mouton en nuances de gris"
 e-mail = "e-mail"
 fingerprint = "Empreinte"
 lastCommit = "Dernier commit modifiant cette page"
-lastPosts = "Derniers billets"
 lastUpdate = "Dernière mise à jour "
 mobile = "Téléphone mobile"
 online = "En ligne"

layouts/_default/home.html

@@ -1,33 +0,0 @@
-{{ define "main" }}
-  <!-- List the 5 last posts if the home_post_list parameters is set to true -->
-  {{ if .Site.Params.home_post_list }}
-    <section class="home-posts-list">
-    <h2>{{ i18n "lastPosts" }}</h2>
-      <!--
-        Ranges regular pages by the publish date, in reverse order, to display the
-        post titles of the section from most recent to older, and the category.
-      -->
-      {{ range first 5 .Site.RegularPages.ByPublishDate.Reverse }}
-        <article>
-          <a href="{{ .Permalink }}">
-            {{- .Title -}}
-          </a>
-        </article>
-      {{ end }}
-    </section>
-  {{ end }}
-  <section class="home-content">
-    <!-- Content for home.html, as a sort of list page,
-         is pulled from content/_index.md -->
-    {{.Content}}
-    {{ if .Site.Params.online }}
-      {{ partial "online" . }}
-    {{ end }}
-    {{ if .Site.Params.contactsPriv }}
-      {{ partial "perso" .}}
-    {{ end }}
-    {{ if .Site.Params.contactsPro }}
-      {{ partial "pro" . }}
-    {{ end }}
-  </section>
-{{ end }}

layouts/index.html

@@ -0,0 +1,14 @@
+{{ define "main" }}
+    <!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
+    {{.Content}}
+    {{ if .Site.Params.online }}
+      {{ partial "online" . }}
+    {{ end }}
+    {{ if .Site.Params.contactsPriv }}
+      {{ partial "perso" .}}
+    {{ end }}
+    {{ if .Site.Params.contactsPro }}
+      {{ partial "pro" . }}
+    {{ end }}
+  </main>
+{{ end }}

layouts/partials/header.html

@@ -16,7 +16,7 @@
         </a>
       </li>
     </ul>
-    <ul class="header-navigation">
+    <ul>
       {{ $currentPage := . -}}
       {{ range sort .Site.Menus.main -}}
       <li class="nav-item secondary">

layouts/partials/perso.html

@@ -1,4 +1,4 @@
-<h2 id="contacts-priv">{{ i18n "contactsPriv" }}</h2>
+<h2 id="contactsPriv">{{ i18n "contactsPriv" }}</h2>
 <dl class="home-lists">
   {{ with .Site.Params.contactsPriv.email }}
     <dt>{{ i18n "e-mail" }}</dt>

layouts/partials/pro.html

@@ -1,4 +1,4 @@
-<h2 id="contacts-pro">{{ i18n "contactsPro" }}</h2>
+<h2 id="contactsPro">{{ i18n "contactsPro" }}</h2>
 <dl class="home-lists">
   {{ with .Site.Params.contactsPro.email }}
   <dt>{{ i18n "e-mail" }}</dt>