hugo.toml

@@ -68,13 +68,9 @@ enableMissingTranslationPlaceholders = false
         weight = 10
         identifier = 'a-propos'
     [[menu.main]]
-        name = "Etiquettes"
+        name = "Tags"
         url = "/tags"
         weight = 30
-    [[menu.main]]
-        name = "Catégories"
-        url = "/categories"
-        weight = 20
 
 # Markup configure section
 # See https://gohugo.io/getting-started/configuration-markup/

layouts/_default/taxonomy.html

@@ -1,11 +1,7 @@
 {{ define "main" }}
   <h1>{{ .Title }}</h1>
   {{ .Content }}
-    <div class="taxonomy">
-    <ul>
   {{ range .Pages }}
-      <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
   {{ end }}
-    </ul>
-    </div>
 {{ end }}

src/scss/_component.scss

@@ -54,15 +54,11 @@ figure > figcaption {
 .pagination {
 	@include flexbox-grid-mixins.grid($flex-wrap: nowrap, $justify-content: space-between);
 	font-weight: bold;
-
 	> * {
 		@extend %none-stack;
 	}
 }
-
+.nav-prev {}
-.nav-prev {
-}
-
 .nav-next {
 	margin-left: auto;
 }
@@ -96,42 +92,36 @@ figure > figcaption {
 .panel-primary {
 	--panel-border-color: #{variable.$default-border-color};
 }
-
 .panel-notice {
 	--panel-font-color: #fff;
 	--panel-background-color: #b0b0b0;
 	--custom-link-text-color: #fff;
 	--custom-link-text-hover-color: #fff;
 }
-
 .panel-recipe {
 	--panel-font-color: #000;
 	--panel-background-color: #{variable.$light-grey-background-color};
 	--custom-link-text-color: #{variable.$default-link-text-color};
 	--custom-link-text-hover-color: #{variable.$default-link-text-hover-color};
 }
-
 .panel-success {
 	--panel-font-color: #fff;
 	--panel-background-color: #609f43;
 	--custom-link-text-color: #fff;
 	--custom-link-text-hover-color: #fff;
 }
-
 .panel-caution {
 	--panel-font-color: #fff;
 	--panel-background-color: #de776d;
 	--custom-link-text-color: #fff;
 	--custom-link-text-hover-color: #fff;
 }
-
 .panel-warning {
 	--panel-font-color: #fff;
 	--panel-background-color: #e67e22;
 	--custom-link-text-color: #fff;
 	--custom-link-text-hover-color: #fff;
 }
-
 .panel-danger {
 	--panel-font-color: #fff;
 	--panel-background-color: #{variable.$danger-background-color};
@@ -139,11 +129,8 @@ figure > figcaption {
 	--custom-link-text-hover-color: #fff;
 }
 
-.panel-header {
+.panel-header {}
-}
+.panel-body {}
-
-.panel-body {
-}
 
 .button {
 	display: inline-block;
@@ -178,7 +165,6 @@ figure > figcaption {
 	--button-background-hover-color: #3b89c5;
 	--button-border-color: transparent;
 }
-
 .button-success {
 	--button-font-color: #fff;
 	--button-font-hover-color: #fff;
@@ -186,7 +172,6 @@ figure > figcaption {
 	--button-background-hover-color: #256905;
 	--button-border-color: transparent;
 }
-
 .button-caution {
 	--button-font-color: #fff;
 	--button-font-hover-color: #fff;
@@ -194,7 +179,6 @@ figure > figcaption {
 	--button-background-hover-color: #d45145;
 	--button-border-color: transparent;
 }
-
 .button-warning {
 	--button-font-color: #fff;
 	--button-font-hover-color: #fff;
@@ -202,7 +186,6 @@ figure > figcaption {
 	--button-background-hover-color: #db7012;
 	--button-border-color: transparent;
 }
-
 .button-danger {
 	--button-font-color: #fff;
 	--button-font-hover-color: #fff;
@@ -231,11 +214,9 @@ figure > figcaption h4 {
 		list-style: none;
 		padding-left: 0;
 	}
-
 	li {
 		border-top: 1px solid variable.$default-border-color;
 	}
-
 	> nav > ul > li:first-child {
 		border-top: unset;
 	}
@@ -243,47 +224,34 @@ figure > figcaption h4 {
 	ul > li li a {
 		margin-left: 2rem * 1;
 	}
-
 	ul ul > li li a {
 		margin-left: 2rem * 2;
 	}
-
 	ul ul ul > li li a {
 		margin-left: 2rem * 3;
 	}
-
 	ul ul ul ul > li li a {
 		margin-left: 2rem * 4;
 	}
-
 	ul ul ul ul ul > li li a {
 		margin-left: 2rem * 5;
 	}
 
 }
 
-.taxonomy {
-  -webkit-column-width: 200px;
-  -moz-column-width: 200px;
-  column-width: 200px;
-}
-
 .ais-SearchBox {
 	.ais-SearchBox-input {
 		width: 70%;
 	}
-
 	button {
 		margin-left: .2rem;
 		padding: .4rem;
 	}
 }
-
 .ais-Stats {
 	font-size: 80%;
 	color: #70757a;
 }
-
 .ais-Hits-item {
 	@extend %stack;
 
@@ -291,12 +259,10 @@ figure > figcaption h4 {
 		font-size: 140%;
 		font-weight: normal;
 	}
-
 	p {
 		@extend %unset-stack;
 		color: #3C4043;
 	}
-
 	.lastmod {
 		font-size: 90%;
 		color: #70757a;
@@ -306,13 +272,11 @@ figure > figcaption h4 {
 .ais-Pagination {
 	margin-top: 1em;
 }
-
 .ais-Pagination-list {
 	list-style: none;
 	padding-left: 0;
 	@include flexbox-grid-mixins.grid($flex-wrap: wrap, $justify-content: center);
 }
-
 .ais-Pagination-item {
 	padding: .6rem;
 }
@@ -326,7 +290,6 @@ figure > figcaption h4 {
 		font-size: 80%;
 		color: #666;
 	}
-
 	.copy-btn {
 		margin-left: auto;
 
@@ -341,7 +304,6 @@ figure > figcaption h4 {
 		margin-bottom: .2rem;
 		outline: none;
 	}
-
 	.code-content {
 		@include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%);
 
@@ -367,9 +329,7 @@ figure > figcaption h4 {
 }
 
 @keyframes fade-tooltip {
-  to {
+  to { opacity: 0; }
-    opacity: 0;
-  }
 }
 
 .edit-page-picto {

src/scss/_project.scss

@@ -42,7 +42,6 @@ header {
 		padding: 0;
 		margin: 0;
 	}
-
 	li {
 		display: inline-block;
 		margin-right: 1.8rem;
@@ -62,7 +61,6 @@ header {
 			background: var(--custom-background-color, #000);
 			width: 140px;
 			font-size: 80%;
-
 			a {
 				color: var(--custom-font-color, #fff);
 			}
@@ -92,11 +90,9 @@ header {
 				width: auto;
 				background: transparent;
 				padding: 0 .4rem;
-
 				+ li {
 					padding-top: .2rem;
 				}
-
 				a {
 					color: currentColor;
 				}
@@ -108,7 +104,6 @@ header {
 		display: block;
 		color: currentColor;
 		text-decoration: none;
-
 		&:hover {
 			text-decoration: underline;
 		}
@@ -156,19 +151,15 @@ main {
 	nav > ul > li li a {
 		padding-left: 1rem + 1rem * 1;
 	}
-
 	nav > ul ul > li li a {
 		padding-left: 1rem + 1rem * 2;
 	}
-
 	nav > ul ul ul > li li a {
 		padding-left: 1rem + 1rem * 3;
 	}
-
 	nav > ul ul ul ul > li li a {
 		padding-left: 1rem + 1rem * 4;
 	}
-
 	nav > ul ul ul ul ul > li li a {
 		padding-left: 1rem + 1rem * 5;
 	}

src/scss/chroma.scss

@@ -1,310 +1,59 @@
-/* Background */
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
-.chroma {
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
-  color: #f8f8f2;
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-  background-color: #272822
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; }
-}
+/* LineHighlight */ .chroma .hl { background-color: #ffffcc; display: block; width: 100% }
-
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; }
-/* Error */
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
-.chroma .err {
+/* Keyword */ .chroma .k { color: #66d9ef }
-  color: #960050;
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
-  background-color: #1e0010
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
-}
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
-
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
-/* LineTableTD */
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
-.chroma .lntd {
+/* KeywordType */ .chroma .kt { color: #66d9ef }
-  vertical-align: top;
+/* NameAttribute */ .chroma .na { color: #a6e22e }
-  padding: 0;
+/* NameClass */ .chroma .nc { color: #a6e22e }
-  margin: 0;
+/* NameConstant */ .chroma .no { color: #66d9ef }
-  border: 0;
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
-}
+/* NameException */ .chroma .ne { color: #a6e22e }
-
+/* NameFunction */ .chroma .nf { color: #a6e22e }
-/* LineTable */
+/* NameOther */ .chroma .nx { color: #a6e22e }
-.chroma .lntable {
+/* NameTag */ .chroma .nt { color: #f92672 }
-  border-spacing: 0;
+/* Literal */ .chroma .l { color: #ae81ff }
-  padding: 0;
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
-  margin: 0;
+/* LiteralString */ .chroma .s { color: #e6db74 }
-  border: 0;
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
-  width: 100%;
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
-  overflow: auto;
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
-  display: block;
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
-}
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
-
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
-/* LineHighlight */
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
-.chroma .hl {
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
-  background-color: #ffffcc;
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
-  display: block;
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
-  width: 100%
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
-}
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
-
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
-/* LineNumbersTable */
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
-.chroma .lnt {
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
-  margin-right: 0.4em;
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
-  padding: 0 0.4em 0 0.4em;
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
-  display: block;
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
-}
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
-
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
-/* LineNumbers */
+/* Operator */ .chroma .o { color: #f92672 }
-.chroma .ln {
+/* OperatorWord */ .chroma .ow { color: #f92672 }
-  margin-right: 0.4em;
+/* Comment */ .chroma .c { color: #75715e }
-  padding: 0 0.4em 0 0.4em;
+/* CommentHashbang */ .chroma .ch { color: #75715e }
-}
+/* CommentMultiline */ .chroma .cm { color: #75715e }
-
+/* CommentSingle */ .chroma .c1 { color: #75715e }
-/* Keyword */
+/* CommentSpecial */ .chroma .cs { color: #75715e }
-.chroma .k {
+/* CommentPreproc */ .chroma .cp { color: #75715e }
-  color: #66d9ef
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
-}
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
-
+/* GenericEmph */ .chroma .ge { font-style: italic }
-/* KeywordConstant */
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
-.chroma .kc {
+/* GenericStrong */ .chroma .gs { font-weight: bold }
-  color: #66d9ef
+/* GenericSubheading */ .chroma .gu { color: #75715e }
-}
-
-/* KeywordDeclaration */
-.chroma .kd {
-  color: #66d9ef
-}
-
-/* KeywordNamespace */
-.chroma .kn {
-  color: #f92672
-}
-
-/* KeywordPseudo */
-.chroma .kp {
-  color: #66d9ef
-}
-
-/* KeywordReserved */
-.chroma .kr {
-  color: #66d9ef
-}
-
-/* KeywordType */
-.chroma .kt {
-  color: #66d9ef
-}
-
-/* NameAttribute */
-.chroma .na {
-  color: #a6e22e
-}
-
-/* NameClass */
-.chroma .nc {
-  color: #a6e22e
-}
-
-/* NameConstant */
-.chroma .no {
-  color: #66d9ef
-}
-
-/* NameDecorator */
-.chroma .nd {
-  color: #a6e22e
-}
-
-/* NameException */
-.chroma .ne {
-  color: #a6e22e
-}
-
-/* NameFunction */
-.chroma .nf {
-  color: #a6e22e
-}
-
-/* NameOther */
-.chroma .nx {
-  color: #a6e22e
-}
-
-/* NameTag */
-.chroma .nt {
-  color: #f92672
-}
-
-/* Literal */
-.chroma .l {
-  color: #ae81ff
-}
-
-/* LiteralDate */
-.chroma .ld {
-  color: #e6db74
-}
-
-/* LiteralString */
-.chroma .s {
-  color: #e6db74
-}
-
-/* LiteralStringAffix */
-.chroma .sa {
-  color: #e6db74
-}
-
-/* LiteralStringBacktick */
-.chroma .sb {
-  color: #e6db74
-}
-
-/* LiteralStringChar */
-.chroma .sc {
-  color: #e6db74
-}
-
-/* LiteralStringDelimiter */
-.chroma .dl {
-  color: #e6db74
-}
-
-/* LiteralStringDoc */
-.chroma .sd {
-  color: #e6db74
-}
-
-/* LiteralStringDouble */
-.chroma .s2 {
-  color: #e6db74
-}
-
-/* LiteralStringEscape */
-.chroma .se {
-  color: #ae81ff
-}
-
-/* LiteralStringHeredoc */
-.chroma .sh {
-  color: #e6db74
-}
-
-/* LiteralStringInterpol */
-.chroma .si {
-  color: #e6db74
-}
-
-/* LiteralStringOther */
-.chroma .sx {
-  color: #e6db74
-}
-
-/* LiteralStringRegex */
-.chroma .sr {
-  color: #e6db74
-}
-
-/* LiteralStringSingle */
-.chroma .s1 {
-  color: #e6db74
-}
-
-/* LiteralStringSymbol */
-.chroma .ss {
-  color: #e6db74
-}
-
-/* LiteralNumber */
-.chroma .m {
-  color: #ae81ff
-}
-
-/* LiteralNumberBin */
-.chroma .mb {
-  color: #ae81ff
-}
-
-/* LiteralNumberFloat */
-.chroma .mf {
-  color: #ae81ff
-}
-
-/* LiteralNumberHex */
-.chroma .mh {
-  color: #ae81ff
-}
-
-/* LiteralNumberInteger */
-.chroma .mi {
-  color: #ae81ff
-}
-
-/* LiteralNumberIntegerLong */
-.chroma .il {
-  color: #ae81ff
-}
-
-/* LiteralNumberOct */
-.chroma .mo {
-  color: #ae81ff
-}
-
-/* Operator */
-.chroma .o {
-  color: #f92672
-}
-
-/* OperatorWord */
-.chroma .ow {
-  color: #f92672
-}
-
-/* Comment */
-.chroma .c {
-  color: #75715e
-}
-
-/* CommentHashbang */
-.chroma .ch {
-  color: #75715e
-}
-
-/* CommentMultiline */
-.chroma .cm {
-  color: #75715e
-}
-
-/* CommentSingle */
-.chroma .c1 {
-  color: #75715e
-}
-
-/* CommentSpecial */
-.chroma .cs {
-  color: #75715e
-}
-
-/* CommentPreproc */
-.chroma .cp {
-  color: #75715e
-}
-
-/* CommentPreprocFile */
-.chroma .cpf {
-  color: #75715e
-}
-
-/* GenericDeleted */
-.chroma .gd {
-  color: #f92672
-}
-
-/* GenericEmph */
-.chroma .ge {
-  font-style: italic
-}
-
-/* GenericInserted */
-.chroma .gi {
-  color: #a6e22e
-}
-
-/* GenericStrong */
-.chroma .gs {
-  font-weight: bold
-}
-
-/* GenericSubheading */
-.chroma .gu {
-  color: #75715e
-}

static/css/theme.css

@@ -985,12 +985,6 @@ figure > figcaption h4 {
   margin-left: 10rem;
 }
 
-.taxonomy {
-  -webkit-column-width: 150px;
-  -moz-column-width: 150px;
-  column-width: 150px;
-}
-
 .ais-SearchBox .ais-SearchBox-input {
   width: 70%;
 }