Refonte complète

.drone.yml

@@ -6,32 +6,8 @@ steps:
   - name: build
     image: klakegg/hugo:ext-alpine-ci
     commands:
-      - cd themes/theme
       - npm i
-      - npm run build
-      - npm run svg
-      - cd -
-      - hugo --gc --minify --environment production
-
-  # - name: css_validation
-  #   image: painless/html5validator
-  #   failure: ignore
-  #   commands:
-  #       - html5validator --root public/ --skip-non-css --show-warnings
-
-  # - name: html_validation
-  #   image: painless/html5validator
-  #   commands:
-  #     - html5validator --root public/
-
-  # - name: test_links
-  #   image: wjdp/htmltest
-  #   failure: ignore
-  #   volumes:
-  #     - name: cache
-  #       path: /test/cache
-  #   commands:
-  #     - htmltest -c .htmltest.yml public/
+      - npm run prod
 
   - name: upload
     image: drillster/drone-rsync
@@ -66,7 +42,3 @@ steps:
 trigger:
   branch:
     - main
-# volumes:
-#   - name: cache
-#     host:
-#       path: /var/lib/htmltest/cache

.htmltest.yml

@@ -1,30 +0,0 @@
-IgnoreURLs: [
-    #
-    # blog/2016/07/27/alphabet-une-entreprise-pas-comme-les-autres/index.html
-    #
-    "https://www.recode.net/2014/10/24/11632238/nest-acquires-home-automation-hub-revolv-but-will-stop-selling-it",
-    "https://www.facebook.com/connectivity/",
-    #
-    # blog/2022/04/05/retour-d-experience-six-mois-de-stockage-dans-git/index.html
-    # Erreur 500
-    #
-    "https://ceph.com/",
-    #
-    # blog/2022/03/27/toujours-pas-de-remplacant-pour-mon-pc-de-jeu/index.html
-    # Erreur 403
-    #
-    "https://www.coolermaster.com/catalog/legacy-products/cooling/hyper-412s/",
-    #
-    # Liens intéressants
-    # Redirections foireuses
-    #
-    "https://www.anfr.fr/toutes-les-actualites/actualites/les-enquetes-de-lanfr-les-brouillages-ont-plus-dun-tour-dans-leur-sac/",
-    "https://www.washingtonpost.com/technology/2022/10/21/permanent-remote-work-employees/",
-    "https://web.archive.org/web/https://blog.link-value.fr/actualite-green-it-par-developpeur-web-edition3-d9e246bc3642",
-    #
-    # Pages exclues de la wayback machine
-    #
-    "https://web.archive.org/web/https://feynmanlectures.caltech.edu/",
-  ]
-OutputDir: /test/cache
-ExternalTimeout: 20

assets/css/base/_index.css

@@ -2,16 +2,14 @@
 /* ----| Styles de base appliqués aux éléments HTML |------------------------ */
 /* -------------------------------------------------------------------------- */
 
-@import "FantasqueSansMono-Regular-decl";
+@import "html";
+@import "fonts";
+@import "scrollbars";
+@import "body";
+@import "main";
 @import "a";
 @import "article";
-@import "aside";
-@import "body";
-@import "details";
-@import "dl";
-@import "figure";
-@import "html";
 @import "img";
-@import "section";
+@import "dl";
 @import "summary";
 @import "video";

assets/css/base/a.css

@@ -0,0 +1,4 @@
+/* Liens */
+a {
+  @apply inline-flex items-center space-x-1;
+}

assets/css/base/article.css

@@ -0,0 +1,174 @@
+article {
+  /* En-tête (descendant direct) */
+  > header {
+    @apply mb-4;
+
+    /* Titre principal */
+    h1 {
+      @apply text-slate-200
+        xl:text-6xl
+        lg:text-6xl
+        md:text-4xl
+        text-2xl
+        leading-none
+        font-extralight
+        my-0
+        py-0;
+
+      font-family: "JelleeBold";
+    }
+
+    .secondary-title {
+      @apply text-slate-200
+        italic
+        text-lg
+        leading-none
+        font-extralight
+        mt-2;
+    }
+
+    .meta {
+      @apply flex items-center space-x-1 my-2 text-slate-400;
+
+      a {
+        @apply underline text-slate-300;
+
+        &:hover {
+          @apply text-white;
+        }
+      }
+    }
+
+    .article-summary {
+    }
+  }
+
+  .article-wrapper {
+    @apply grid w-full gap-4
+      items-start;
+  }
+
+  .article-body {
+    @apply prose
+    prose-a:text-blue-400
+    prose-invert
+    prose-lg
+    prose-blockquote:text-slate-400
+    md:prose-xl
+    lg:prose-2xl
+    bg-slate-900
+    rounded
+    px-4 py-1
+    mx-auto
+    hover:prose-a:text-emerald-400
+    max-w-full;
+
+    strong {
+      @apply text-slate-200 font-extrabold;
+    }
+
+    /* code {
+      @apply bg-slate-950 p-1 rounded;
+    } */
+
+    h2 {
+      @apply text-amber-500
+        leading-tight
+        font-extralight
+        flex items-baseline;
+
+      font-family: "JelleeBold";
+    }
+
+    h3 {
+      @apply text-rose-400
+        leading-tight
+        font-extralight
+        flex items-baseline;
+
+      font-family: "JelleeBold";
+    }
+
+    h4 {
+      @apply text-purple-400
+        leading-tight
+        font-extralight
+        flex items-baseline;
+
+      font-family: "JelleeBold";
+    }
+
+    h5 {
+      @apply text-amber-400
+        leading-tight
+        font-extralight
+        flex items-baseline;
+
+      font-family: "JelleeBold";
+    }
+
+    p {
+      @apply text-justify;
+    }
+
+    ol {
+      @apply ml-4;
+    }
+
+    figure {
+      @apply mx-auto
+      mb-12;
+
+      img {
+        @apply my-0
+          rounded;
+      }
+
+      &.cover {
+        @apply mt-3 mx-auto;
+        img {
+          @apply mx-auto
+            rounded;
+        }
+      }
+
+      figcaption,
+      figcaption p {
+        @apply text-center text-base;
+      }
+    }
+  }
+
+  .article-asides {
+    @apply space-y-8;
+
+    aside {
+      > header {
+        h2 {
+          @apply text-slate-200
+          text-2xl
+          leading-none
+          font-extralight
+          text-center
+          my-0
+          mb-2
+          py-0;
+        }
+      }
+
+      figure {
+        @apply mx-auto text-center;
+
+        img {
+          @apply my-0 mx-auto
+            rounded;
+        }
+
+        figcaption,
+        figcaption p {
+          @apply text-center text-base;
+        }
+      }
+    }
+  }
+}

assets/css/base/body.css

@@ -0,0 +1,8 @@
+/* Corps HTML */
+body {
+  @apply bg-slate-950
+    text-slate-300
+    w-screen
+    h-screen
+    flex;
+}

assets/css/base/dl.css

@@ -0,0 +1,14 @@
+/* Liste de définition */
+dl {
+  @apply grid
+        grid-cols-2
+        gap-2;
+
+  dt {
+    @apply text-right;
+  }
+
+  dd {
+    @apply text-left text-rose-300;
+  }
+}

assets/css/base/fonts.css

@@ -0,0 +1,17 @@
+@font-face {
+  font-family: "JelleeBold";
+  src: url("/fonts/Jellee/Jellee-Bold.woff2") format("woff2"),
+    url("/fonts/Jellee/Jellee-Bold.woff") format("woff"),
+    url("/fonts/Jellee/Jellee-Bold.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Fantasque Sans Mono";
+  src: url("/fonts/Fantasque/FantasqueSansMono-Regular.woff2") format("woff2"),
+    url("/fonts/Fantasque/FantasqueSansMono-Regular.woff") format("woff"),
+    url("/fonts/Fantasque/FantasqueSansMono-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+}

assets/css/base/html.css

@@ -0,0 +1,2 @@
+html {
+}

assets/css/base/img.css

@@ -0,0 +1,12 @@
+/* Images */
+/* On réduit la luminosité pour éviter d'aveugler et on la rétabli au survol */
+img {
+  @apply no-underline mx-auto;
+
+  opacity: 0.5;
+  transition: opacity 0.25s ease-in-out;
+
+  &:hover {
+    opacity: 1;
+  }
+}

assets/css/base/main.css

@@ -0,0 +1,40 @@
+main {
+  @apply h-screen grow
+    p-4
+    overflow-y-auto;
+
+  > div {
+    @apply prose-sm
+        prose prose-invert
+        prose-teal
+        hover:prose-a:text-teal-400
+        max-w-none
+        text-slate-500
+        leading-snug;
+
+    p {
+      @apply text-center;
+    }
+  }
+
+  > footer {
+    @apply text-xs
+        text-slate-500
+        text-center
+        mt-4
+        leading-relaxed;
+
+    hr {
+      @apply border-slate-900 my-8;
+    }
+
+    a {
+      @apply text-slate-400
+        underline;
+
+      &:hover {
+        @apply text-white;
+      }
+    }
+  }
+}

assets/css/base/scrollbars.css

@@ -0,0 +1,18 @@
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  @apply bg-slate-900;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  @apply bg-blue-950;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+}
+::-webkit-scrollbar-thumb:hover {
+  @apply bg-blue-900;
+}

assets/css/base/video.css

@@ -1,7 +1,8 @@
 /* Vidéos intégrées */
 video {
   @apply mx-auto
-        mb-12;
+        mb-12
+        max-h-screen;
 
   img {
     @apply my-0 mx-auto

assets/css/components/_index.css

@@ -2,15 +2,12 @@
 /* ----| Composants custom |------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 
-@import "card-article";
-@import "link-to-top";
-@import "link-with-icon";
+@import "menu";
+
 @import "links";
-@import "logo";
-@import "meta";
+@import "article-card";
+@import "paginator";
 @import "placeholder";
-@import "site-links";
 @import "spoiler";
-@import "summary";
 @import "table-of-contents";
 @import "tags";

assets/css/components/article-card.css

@@ -0,0 +1,76 @@
+.article-card {
+  @apply bg-slate-900 rounded px-2 py-1 text-left;
+
+  > div {
+    @apply flex items-start space-x-2 flex-wrap md:flex-nowrap lg:flex-wrap xl:flex-nowrap;
+
+    figure {
+      @apply flex-shrink min-w-fit m-0 rounded;
+
+      img {
+        @apply rounded;
+      }
+    }
+
+    > div {
+      @apply flex-grow text-justify;
+    }
+  }
+
+  header {
+    .primary-title {
+      @apply xl:text-2xl
+      lg:text-2xl
+      md:text-xl
+      text-lg
+      my-0
+      tracking-wider
+      py-0;
+
+      font-family: "JelleeBold";
+
+      a {
+        @apply text-cyan-500;
+
+        &:hover {
+          @apply text-purple-400 underline;
+        }
+      }
+    }
+
+    .secondary-title {
+      @apply italic
+        mt-0
+        text-sm
+        leading-none
+        font-extralight;
+    }
+
+    .meta {
+      @apply flex flex-wrap items-center space-x-1 my-1 italic text-slate-400 text-xs;
+
+      a {
+        @apply underline;
+        &:hover {
+          @apply text-white;
+        }
+      }
+    }
+  }
+
+  .extra-links {
+    @apply flex items-center my-1 space-x-4 text-xs;
+
+    a {
+      @apply text-blue-400;
+
+      &:hover {
+        @apply text-green-400;
+
+        span {
+          @apply text-green-400;
+        }
+      }
+    }
+  }
+}

assets/css/components/links.css

@@ -12,18 +12,11 @@
             justify-center
             text-lg
             px-2 py-1
-            bg-slate-800
+            bg-slate-900
             rounded;
 
-        svg {
-          @apply h-4
-            w-4
-            ml-2
-            filter-none;
-        }
-
         &:hover {
-          @apply bg-slate-600;
+          @apply bg-blue-950 text-white;
         }
       }
     }

assets/css/components/menu.css

@@ -0,0 +1,28 @@
+header#menu {
+  @apply shrink
+      flex
+      flex-col
+      h-screen
+      min-w-fit
+      space-y-6
+      p-1
+      bg-slate-900
+      overflow-y-auto;
+
+  nav {
+    @apply flex-shrink;
+  }
+
+  a {
+    @apply flex
+          items-center
+          space-x-1
+          rounded
+          px-2 py-1
+          text-lg;
+
+    &:hover {
+      @apply bg-blue-950 text-white;
+    }
+  }
+}

assets/css/components/paginator.css

@@ -0,0 +1,62 @@
+.paginator {
+  @apply flex
+    items-center
+    p-2
+    bg-slate-900
+    leading-none
+    rounded;
+
+  .paginator-prev,
+  .paginator-next {
+    span {
+      @apply h-8 w-8;
+    }
+
+    &:hover {
+      span {
+        @apply text-green-500;
+      }
+    }
+  }
+
+  .paginator-prev {
+    @apply shrink;
+  }
+
+  .paginator-pages {
+    @apply grow text-center relative;
+
+    details {
+      ul {
+        @apply absolute
+          w-36
+          overflow-auto
+          max-h-40
+          bg-slate-800
+          shadow-lg
+          shadow-black
+          rounded
+          p-1
+          -ml-14
+          mt-1
+          left-1/2;
+
+        .selected {
+          @apply bg-slate-950 rounded;
+        }
+
+        a {
+          @apply block px-2 py-1;
+
+          &:hover {
+            @apply bg-blue-900 text-white rounded;
+          }
+        }
+      }
+    }
+  }
+
+  .paginator-next {
+    @apply shrink;
+  }
+}

assets/css/components/placeholder.css

@@ -0,0 +1,10 @@
+/* Description d'une page "placeholder" */
+#placeholder {
+  @apply bg-blue-900
+        mx-auto
+        text-lg
+        text-justify
+        px-4 py-1
+        rounded
+        my-4;
+}

assets/css/components/spoiler.css

@@ -0,0 +1,10 @@
+/* Bloc spoiler */
+.spoiler {
+  @apply text-amber-500;
+
+  &:hover {
+    summary {
+      @apply text-amber-300;
+    }
+  }
+}

assets/css/components/table-of-contents.css

@@ -0,0 +1,17 @@
+#TableOfContents {
+  @apply text-sm p-2;
+
+  ol {
+    @apply list-decimal ml-4;
+
+    li {
+      a {
+        @apply block px-2 py-1;
+
+        &:hover {
+          @apply bg-blue-900 rounded;
+        }
+      }
+    }
+  }
+}

assets/css/components/tags.css

@@ -3,30 +3,22 @@
   @apply flex
         items-center
         justify-center
+        my-2
         flex-wrap;
 }
 
-/* Tags individuels */
-.static-tags {
-  @apply text-xs flex flex-wrap justify-end gap-1 items-center;
-
-  span {
-    @apply inline-block whitespace-nowrap bg-slate-900 rounded-full py-0.5 px-2;
-  }
-}
-
 .tag {
   @apply rounded-full
         py-1
         px-3
         m-1
         bg-slate-800
-        text-sm
-        whitespace-nowrap
-        relative;
+        text-xs
+        inline-flex
+        whitespace-nowrap;
 
   &:hover {
-    @apply bg-slate-600;
+    @apply bg-slate-600 text-white;
   }
 
   &.tag-1 {

assets/css/main.css

@@ -0,0 +1,8 @@
+@import "tailwindcss/base";
+@import "/assets/css/base/_index.css";
+
+@import "tailwindcss/components";
+@import "/assets/css/components/_index.css";
+
+@import "tailwindcss/utilities";
+@import "/assets/css/utilities/_index.css";

assets/css/utilities/_index.css

@@ -2,11 +2,5 @@
 /* ----| Utilitaires |------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 
-@import "grids-blog";
-@import "grids-books";
-@import "grids-collectables";
-@import "grids-medias";
-@import "wrapper-article";
-@import "wrapper-index";
-@import "wrapper-single";
 @import "highlight";
+@import "chroma";

assets/css/utilities/chroma.css

@@ -1,118 +1,114 @@
-.highlight {
-    @apply rounded max-w-full text-sm mb-8;
-
-    table {
-        @apply overflow-visible;
-    }
-
-    pre {
-        @apply overflow-visible;
-    }
-}
-
 /* Background */
+.bg {
+  color: #e2e4e5;
+  background-color: #020617;
+}
+/* PreWrapper */
 .chroma {
-    @apply rounded p-4 my-0 overflow-auto;
-
-    color: #ffffff;
-    background-color: #111111;
+  color: #e2e4e5;
+  background-color: #020617;
 }
 /* Other */
 .chroma .x {
 }
 /* Error */
 .chroma .err {
+  color: #ff5c57;
+}
+/* CodeLine */
+.chroma .cl {
 }
 /* LineTableTD */
 .chroma .lntd {
-    @apply overflow-hidden;
-    vertical-align: top;
-    padding: 0;
-    margin: 0;
-    border: 0;
+  vertical-align: top;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }
 /* LineTable */
 .chroma .lntable {
-    border-spacing: 0;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    display: block;
+  border-spacing: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }
 /* LineHighlight */
 .chroma .hl {
-    display: block;
-    width: 100%;
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 /* LineNumbersTable */
 .chroma .lnt {
-    padding: 0 0.4em 0 0.4em;
-    color: #7f7f7f;
+  white-space: pre;
+  user-select: none;
+  margin-right: 0.4em;
+  padding: 0 0.4em 0 0.4em;
+  color: #7f7f7f;
 }
 /* LineNumbers */
 .chroma .ln {
-    margin-right: 0.4em;
-    padding: 0 0.4em 0 0.4em;
-    color: #7f7f7f;
+  white-space: pre;
+  user-select: none;
+  margin-right: 0.4em;
+  padding: 0 0.4em 0 0.4em;
+  color: #7f7f7f;
+}
+/* Line */
+.chroma .line {
+  display: flex;
 }
 /* Keyword */
 .chroma .k {
-    color: #fb660a;
-    font-weight: bold;
+  color: #ff6ac1;
 }
 /* KeywordConstant */
 .chroma .kc {
-    color: #fb660a;
-    font-weight: bold;
+  color: #ff6ac1;
 }
 /* KeywordDeclaration */
 .chroma .kd {
-    color: #fb660a;
-    font-weight: bold;
+  color: #ff5c57;
 }
 /* KeywordNamespace */
 .chroma .kn {
-    color: #fb660a;
-    font-weight: bold;
+  color: #ff6ac1;
 }
 /* KeywordPseudo */
 .chroma .kp {
-    color: #fb660a;
+  color: #ff6ac1;
 }
 /* KeywordReserved */
 .chroma .kr {
-    color: #fb660a;
-    font-weight: bold;
+  color: #ff6ac1;
 }
 /* KeywordType */
 .chroma .kt {
-    color: #cdcaa9;
-    font-weight: bold;
+  color: #9aedfe;
 }
 /* Name */
 .chroma .n {
 }
 /* NameAttribute */
 .chroma .na {
-    color: #ff0086;
-    font-weight: bold;
+  color: #57c7ff;
 }
 /* NameBuiltin */
 .chroma .nb {
+  color: #ff5c57;
 }
 /* NameBuiltinPseudo */
 .chroma .bp {
 }
 /* NameClass */
 .chroma .nc {
+  color: #f3f99d;
 }
 /* NameConstant */
 .chroma .no {
-    color: #0086d2;
+  color: #ff9f43;
 }
 /* NameDecorator */
 .chroma .nd {
+  color: #ff9f43;
 }
 /* NameEntity */
 .chroma .ni {
@@ -122,14 +118,14 @@
 }
 /* NameFunction */
 .chroma .nf {
-    color: #ff0086;
-    font-weight: bold;
+  color: #57c7ff;
 }
 /* NameFunctionMagic */
 .chroma .fm {
 }
 /* NameLabel */
 .chroma .nl {
+  color: #ff5c57;
 }
 /* NameNamespace */
 .chroma .nn {
@@ -142,21 +138,23 @@
 }
 /* NameTag */
 .chroma .nt {
-    color: #fb660a;
-    font-weight: bold;
+  color: #ff6ac1;
 }
 /* NameVariable */
 .chroma .nv {
-    color: #fb660a;
+  color: #ff5c57;
 }
 /* NameVariableClass */
 .chroma .vc {
+  color: #ff5c57;
 }
 /* NameVariableGlobal */
 .chroma .vg {
+  color: #ff5c57;
 }
 /* NameVariableInstance */
 .chroma .vi {
+  color: #ff5c57;
 }
 /* NameVariableMagic */
 .chroma .vm {
@@ -169,189 +167,172 @@
 }
 /* LiteralString */
 .chroma .s {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringAffix */
 .chroma .sa {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringBacktick */
 .chroma .sb {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringChar */
 .chroma .sc {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringDelimiter */
 .chroma .dl {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringDoc */
 .chroma .sd {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringDouble */
 .chroma .s2 {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringEscape */
 .chroma .se {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringHeredoc */
 .chroma .sh {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringInterpol */
 .chroma .si {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringOther */
 .chroma .sx {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringRegex */
 .chroma .sr {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringSingle */
 .chroma .s1 {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralStringSymbol */
 .chroma .ss {
-    color: #0086d2;
+  color: #5af78e;
 }
 /* LiteralNumber */
 .chroma .m {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* LiteralNumberBin */
 .chroma .mb {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* LiteralNumberFloat */
 .chroma .mf {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* LiteralNumberHex */
 .chroma .mh {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* LiteralNumberInteger */
 .chroma .mi {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* LiteralNumberIntegerLong */
 .chroma .il {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* LiteralNumberOct */
 .chroma .mo {
-    color: #0086f7;
-    font-weight: bold;
+  color: #ff9f43;
 }
 /* Operator */
 .chroma .o {
+  color: #ff6ac1;
 }
 /* OperatorWord */
 .chroma .ow {
+  color: #ff6ac1;
 }
 /* Punctuation */
 .chroma .p {
 }
 /* Comment */
 .chroma .c {
-    color: #008800;
-    background-color: #0f140f;
-    font-style: italic;
+  color: #78787e;
 }
 /* CommentHashbang */
 .chroma .ch {
-    color: #008800;
-    background-color: #0f140f;
-    font-style: italic;
+  color: #78787e;
 }
 /* CommentMultiline */
 .chroma .cm {
-    color: #008800;
-    background-color: #0f140f;
-    font-style: italic;
+  color: #78787e;
 }
 /* CommentSingle */
 .chroma .c1 {
-    color: #008800;
-    background-color: #0f140f;
-    font-style: italic;
+  color: #78787e;
 }
 /* CommentSpecial */
 .chroma .cs {
-    color: #008800;
-    background-color: #0f140f;
-    font-style: italic;
+  color: #78787e;
 }
 /* CommentPreproc */
 .chroma .cp {
-    color: #ff0007;
-    background-color: #0f140f;
-    font-weight: bold;
-    font-style: italic;
+  color: #78787e;
 }
 /* CommentPreprocFile */
 .chroma .cpf {
-    color: #ff0007;
-    background-color: #0f140f;
-    font-weight: bold;
-    font-style: italic;
+  color: #78787e;
 }
 /* Generic */
 .chroma .g {
 }
 /* GenericDeleted */
 .chroma .gd {
+  color: #ff5c57;
 }
 /* GenericEmph */
 .chroma .ge {
+  text-decoration: underline;
 }
 /* GenericError */
 .chroma .gr {
+  color: #ff5c57;
 }
 /* GenericHeading */
 .chroma .gh {
-    font-weight: bold;
+  font-weight: bold;
 }
 /* GenericInserted */
 .chroma .gi {
+  font-weight: bold;
 }
 /* GenericOutput */
 .chroma .go {
-    color: #444444;
-    background-color: #222222;
+  color: #43454f;
 }
 /* GenericPrompt */
 .chroma .gp {
 }
 /* GenericStrong */
 .chroma .gs {
+  font-style: italic;
 }
 /* GenericSubheading */
 .chroma .gu {
-    font-weight: bold;
+  font-weight: bold;
 }
 /* GenericTraceback */
 .chroma .gt {
 }
 /* GenericUnderline */
 .chroma .gl {
+  text-decoration: underline;
 }
 /* TextWhitespace */
 .chroma .w {
-    color: #888888;
 }

assets/css/utilities/highlight.css

@@ -0,0 +1,8 @@
+.highlight {
+  @apply rounded max-w-full text-sm mb-8;
+}
+
+/* Background */
+.chroma {
+  @apply rounded p-4 my-0 overflow-auto;
+}

config/_default/config.yaml

@@ -7,5 +7,5 @@ enableGitInfo: true
 enableRobotsTXT: true
 rssLimit: 10
 timeZone: "Europe/Paris"
-theme: theme
 title: "Richard Dern"
+summaryLength: 20

config/_default/menu.yaml

@@ -1,81 +1,43 @@
-main:
-  - name: Blog
-    url: /blog/
+secondary:
+  - name: "Mots-clés"
+    url: /tags/
     weight: 1
     params:
-      icon: blog
-      color: text-blue-500
-  - name: "Mes livres"
-    url: /mes-livres/
-    weight: 2
-    params:
-      icon: mes-livres
-      color: text-neutral-400
-  - name: Films
-    url: /films/
-    weight: 3
-    params:
-      icon: films
-      color: text-neutral-400
-  - name: Séries
-    url: /series/
-    weight: 4
-    params:
-      icon: series
-      color: text-stone-400
-  - name: "Jeux-vidéo"
-    url: "/jeux-video/"
-    weight: 5
-    params:
-      icon: jeux-video
-      color: text-gray-400
-  - name: Livres
-    url: /livres/
-    weight: 6
-    params:
-      icon: livres
-      color: text-amber-900
-  - name: Collectables
-    url: /collectables/
-    weight: 7
-    params:
-      icon: collectables
-      color: text-amber-600
-
-secondary:
+      icon: icon-[bi--tags-fill]
+      color: text-emerald-600
   - name: "Flux RSS"
     url: /index.xml
-    weight: 1
+    weight: 2
     params:
-      icon: rss
+      icon: icon-[ic--round-rss-feed]
       color: text-amber-600
   - name: Git
     url: https://git.athaliasoft.com/
-    weight: 2
+    weight: 3
     params:
-      icon: git
+      icon: icon-[mdi--git]
       color: text-red-700
   - name: "À propos"
     url: /a-propos/
-    weight: 3
+    weight: 4
     params:
-      icon: about
+      icon: icon-[mdi--about]
       color: text-blue-500
   - name: "Me contacter"
     url: /contact/
-    weight: 4
+    weight: 5
     params:
-      icon: contact
+      icon: icon-[mdi--chat-outline]
       color: text-white
   - name: "Webring"
     url: /tags/webring/
-    weight: 5
+    weight: 6
     params:
-      icon: webring
+      icon: icon-[bx--network-chart]
       color: text-purple-500
   - name: Wishlist Amazon
     url: https://amzn.eu/2YN3LFd
-    weight: 6
+    weight: 7
     params:
-      icon: amazon
+      icon: icon-[fa-brands--amazon]
       color: text-amber-500

content/_index.md

@@ -1,3 +1,6 @@
 ---
-title: Accueil
+title: Le blog de Richard Dern
 ---
+
+Opinions impopulaires d'un *dino-nerd* parmi les humains.
+Mon blog, ma vie.

content/blog/2023/01/16/rant-android-c-est-de-la-merde/index.md

@@ -1,6 +1,7 @@
 ---
 title: "Rant : Android, c'est de la merde"
 date: 2023-01-16
+toc: true
 tags: [
     "Rant",
     "Android",

content/blog/2023/04/06/previsualiser-des-eml-dans-gitea/index.md

@@ -1,6 +1,7 @@
 ---
 title: "Prévisualiser des .eml dans Gitea"
 date: 2023-04-06
+toc: true
 tags: [
     "Git",
     "Gitea",

content/blog/2023/04/06/rant-mon-site-c-est-de-la-merde/index.md

@@ -1,6 +1,7 @@
 ---
 title: "Rant : Mon site, c'est de la merde"
 date: 2023-04-08
+toc: true
 tags: [
     "Rant",
     "Hugo",

content/blog/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Blog"
 weight: 1
-icon: blog
+icon: icon-[bx--news]
 color: text-blue-500
 ---
 

content/collectables/_index.md

@@ -1,7 +1,8 @@
 ---
 title: Collectables
-icon: collectables
+weight: 7
+icon: icon-[mdi--gift]
 color: text-amber-600
 ---
 
-Mes objets de collection.
+Mes objets de collection. Mes trésors. Mes reliques. Mes artefacts.

content/collections/_index.md

@@ -2,4 +2,4 @@
 title: Collections
 ---
 
-Mes collections. Mes trésors. Mes reliques. Mes artefacts.
+Mes collections.

content/films/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Films"
-weight: 2
-icon: films
+weight: 3
+icon: icon-[mdi--movie-open]
 color: text-neutral-400
 ---
 

content/films/jurassic-world/index.md

@@ -3,6 +3,7 @@ title: "Jurassic World"
 date: 2021-09-01
 toc: true
 cover: cover.jpg
+cover_position: Center
 logo: logo.webp
 sagas: [
   "Jurassic Park",

content/jeux-video/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Jeux vidéo"
 weight: 5
-icon: jeux-video
+icon: icon-[mdi--steam]
 color: text-gray-400
 ---
 

content/liens-interessants/_index.md

@@ -1,7 +1,8 @@
 ---
 title: "Liens intéressants"
-icon: webring
-color: text-purple-500
+weight: 8
+icon: icon-[ph--link-simple]
+color: text-violet-600
 ---
 
 Des sites intéressants (qui m'intéressent *moi*) glanés au cours de mon exploration des Internets.

content/livres/21-lessons-for-the-21st-century/index.md

@@ -3,7 +3,7 @@ title: "21 Lessons for the 21st Century"
 title_fr: "21 Leçons pour le XXIè Siècle"
 date: 2022-01-18
 placeholder: true
-book_cover: "images/cover.jpg"
+cover: "images/cover.jpg"
 people: [
     "Yuval Noah Harari"
 ]

content/livres/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Livres"
 weight: 6
-icon: livres
+icon: icon-[mdi--bookshelf]
 color: text-amber-900
 ---
 

content/livres/homo-deus/index.md

@@ -3,7 +3,7 @@ title: "Homo Deus: A Brief History of Tomorrow"
 title_fr: "Homo Deus : Une Brève Histoire du Futur"
 date: 2022-01-18
 placeholder: true
-book_cover: "images/cover.jpg"
+cover: "images/cover.jpg"
 people: [
     "Yuval Noah Harari"
 ]

content/livres/jurassic-world-the-official-cookbook/index.md

@@ -1,7 +1,7 @@
 ---
 title: "Jurassic World - The Official Cookbook"
 date: 2022-04-19
-book_cover: "images/9781647221065_p0_v3_s1200x630.jpg"
+cover: "images/9781647221065_p0_v3_s1200x630.jpg"
 people: [
     "Dayton Ward",
     "Elena P. Craig"

content/livres/sapiens-a-brief-history-of-humankind/index.md

@@ -3,7 +3,7 @@ title: "Sapiens: A Brief History of Humankind"
 title_fr: "Sapiens : Une Brève Histoire de l'Humanité"
 date: 2022-01-18
 placeholder: true
-book_cover: "images/cover.jpg"
+cover: "images/cover.jpg"
 people: [
     "Yuval Noah Harari"
 ]

content/livres/the-complete-dinosaur/index.md

@@ -1,12 +1,13 @@
 ---
 title: "The Complete Dinosaur"
 date: 2023-04-13
+max_related_articles: 7
 tags: [
     "Dinosaures",
     "Paléontologie",
     "Histoire"
 ]
-book_cover: "images/cover.jpeg"
+cover: "images/cover.jpeg"
 people: [
     "M. K. Brett-Surman",
     "Thomas R. Holtz, JR.",

content/mes-livres/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Mes livres"
-weight: 1
-icon: mes-livres
+weight: 2
+icon: icon-[mdi--book-open-page-variant-outline]
 color: text-neutral-400
 ---
 

content/mes-livres/l-humain-cette-espece-primitive/index.md

@@ -1,11 +1,12 @@
 ---
 title: "L'Humain, cette espèce primitive"
 date: 2021-01-29
-book_cover: cover.jpeg
+cover: cover.jpeg
 button_text: "Acheter sur Amazon"
 button_url: https://www.amazon.fr/dp/B08VF4D2NT
 sources: https://git.athaliasoft.com/Livres/l-humain-cette-espece-primitive
 price: 4.99€