From 51ebee945e0eaafd74cf908f5bee7ffae0e094fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laure=CE=B7t?= <laurentfainsin@protonmail.com>
Date: Fri, 8 Oct 2021 18:32:15 +0200
Subject: [PATCH] feat: now using flex for the 11ty-nav

---
 .eleventy.js                        |  1 -
 .vscode/launch.json                 |  4 ++--
 package.json                        |  2 +-
 src/_includes/layout_eportfolio.njk |  8 ++++++--
 src/scss/eportfolio.scss            |  6 ++++++
 src/scss/style.scss                 | 17 -----------------
 6 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 2d00fd8..c9cc8df 100755
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -1,6 +1,5 @@
 const pluginNavigation = require("@11ty/eleventy-navigation")
 const htmlmin = require("html-minifier");
-
 const markdownIt = require("markdown-it");
 const markdownItAttrs = require('markdown-it-attrs');
 const options = {
diff --git a/.vscode/launch.json b/.vscode/launch.json
index caf4a9d..b534d5c 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -4,9 +4,9 @@
     {
       "type": "node",
       "request": "launch",
-      "name": "Launch via NPM",
+      "name": "Serve the website",
       "console": "integratedTerminal",
-      "runtimeExecutable": "npm",
+      "runtimeExecutable": "yarn",
       "runtimeArgs": [
         "run",
         "start"
diff --git a/package.json b/package.json
index da74b74..1477009 100755
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "watch:sass": "sass --no-source-map --watch src/scss:_site/css",
     "watch:eleventy": "eleventy --serve",
-    "build:sass": "sass --no-source-map src/scss:_site/css",
+    "build:sass": "sass --no-source-map --style compressed src/scss:_site/css",
     "build:eleventy": "ELEVENTY_ENV=prod eleventy",
     "start": "npm-run-all build:sass --parallel watch:*",
     "build": "npm-run-all build:sass build:eleventy"
diff --git a/src/_includes/layout_eportfolio.njk b/src/_includes/layout_eportfolio.njk
index 6a6c42c..fc4011d 100755
--- a/src/_includes/layout_eportfolio.njk
+++ b/src/_includes/layout_eportfolio.njk
@@ -23,8 +23,12 @@ username: Laureηt
       <i class="blink" style="display:inline;">_</i>
     </header>
 
-    <nav id="11ty-nav" role="navigation">
-      {{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
+    <nav role="navigation">
+      <div class="11ty-nav">
+        {% for entry in collections.all | eleventyNavigation %}
+          <a href="{{ entry.url | url }}">{{ entry.title }}</a>
+        {% endfor %}
+      </div>
       <hr>
     </nav>
 
diff --git a/src/scss/eportfolio.scss b/src/scss/eportfolio.scss
index 80981d9..a53d37e 100644
--- a/src/scss/eportfolio.scss
+++ b/src/scss/eportfolio.scss
@@ -4,7 +4,13 @@ hr {
 }
 
 nav {
+  div {
+    display: flex;
+    gap: 1rem;
+  }
+
   hr {
+    margin: 0.5rem 0 2rem 0;
     visibility: visible;
   }
 }
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 4498f14..6a5aaf5 100755
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -85,23 +85,6 @@ video {
   margin: 0 auto;
 }
 
-nav {
-  ul {
-    list-style: none;
-    padding: 0;
-    margin: 1em 0 0 0;
-
-    li {
-      display: inline;
-      margin-right: .5em;
-    }
-  }
-
-  hr {
-    margin: 0.5rem 0 2rem 0;
-  }
-}
-
 @media only screen and (max-width: 64rem) {
   body {
     width: calc(100% - 4rem);