rebased webc to main

_includes/components/nav-primary.webc

@@ -36,10 +36,17 @@
   display: grid;
   grid-template-columns: auto 1fr auto;
   gap: 1em 0.25em;
-  margin-block: 0.5em 0.5em;
+  margin-block: 2em 0.5em;
   margin-inline: var(--page-margin-inline);
 }
 
+@media (max-width: 780px) {
+  :host {
+    margin-block: 1em 0.5em;
+    margin-inline: calc(var(--page-margin-inline) * 0.5);
+  }
+}
+
 /* => CONTAINER */
 nav {
   display: grid;
@@ -87,6 +94,14 @@ nav-link[data-name="<~"] {
   margin: 0;
 }
 
+@media (max-width: 780px) {
+  #sub {
+    grid-column: 1 / -1;
+    font-size: 1.25em;
+  }
+}
+
+
 #sub > ul {
   grid-row: 1 / span 1;
   grid-column: 1 / span 1;

assets/css/main.css

@@ -41,6 +41,7 @@ a, a:visited {
 img {
   max-width: 100%;
   height: auto;
+  outline: 1px dotted var(--neutral-900);
 }
 
 hr {
@@ -63,7 +64,6 @@ ul {
 
 li {
   padding: 0.2em 0 0.2em 1em;
-  text-indent: -0.5em;
 }
 
 li:before {
@@ -128,8 +128,8 @@ nav#sub > ul > li {
 }
 
 nav#sub > ul > li:before {
-  content: "";
+  content: '';
-  padding-right: 16px;
+  padding: unset;
 }
 
 nav#sub > ul > li:hover {
@@ -209,20 +209,6 @@ section.page h1 {
     padding: 0;
   }
 
-  /* --> NAVIGATION <-- */
-  nav {
-    margin: 23px 0px 8px;
-    font-size: 1.5em;
-  }
-
-  nav>span {
-    margin-right: 8px;
-  }
-
-  nav>span.active::after {
-    margin-left: 8px;
-  }
-
   /* --> MAINPAGE CONSTRUCTION <-- */
   section ul.subMenu {
     font-size: 1.5em;
@@ -270,29 +256,11 @@ section.page h1 {
     padding: 0;
   }
 
-  /* --> NAVIGATION <-- */
-  nav {
-    margin: 23px 0px 8px;
-    font-size: 1.75em;
-  }
-
-  nav>span {
-    margin-right: 8px;
-  }
-
-  nav>span.active::after {
-    position: relative;
-    top: 2px;
-    margin-left: 8px;
-  }
-
-  /* --> MAINPAGE CONSTRUCTION <-- */
-
   /* --> SUBCONTENT CONSTRUCTION <-- */
   section.page {
     display: inherit;
-    max-width: 650px;
+    grid-gap: 1em;
-    grid-gap: 24px;
+    margin-inline: calc(var(--page-margin-inline) * 0.5);
   }
 
   section.page h1 {

package.json

@@ -10,13 +10,8 @@
     "markdown-it-link-attributes": "^4.0.1"
   },
   "scripts": {
-<<<<<<< HEAD
-    "dev": "eleventy --serve --incremental",
-    "test": "echo \"Error: no test specified\" && exit 1"
-=======
     "dev": "eleventy --serve",
     "build": "eleventy"
->>>>>>> main
   },
   "repository": {
     "type": "git",