Simplified header

10 files changed, 31 insertions, 46 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 09b9585..ec1a07a 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -37,7 +37,7 @@ body {
 
 main {
     @include iro-responsive-env(('sm', 'md')) {
-        font-size: iro-responsive-set((1rem, 1 / 16 * 19rem));
+        font-size: iro-responsive-set((1rem, 1 / 16 * 18rem));
     }
 }
 
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index eea1764..ca7abd3 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -22,7 +22,7 @@ $font-fam--large: 'Garet', $font-fam--text;
 $font-fam--mono:  'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
 $font-size:       16px;
 $line-height:     1.7;
-$content--width:  46rem;
+$content--width:  42rem;
 
 @include iro-execute {
     $gray0: hsl(220, 5%, 7%);
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 1a10345..341be75 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -1,9 +1,8 @@
 @include namespace('header') {
     @include store((
         --colors: (
-            --bg:     prop(--colors --bg-lo, $global: true),
-            --fg:     prop(--colors --fg-lo, $global: true),
-            --border: prop(--colors --bg, $global: true),
+            --bg: prop(--colors --bg-lo, $global: true),
+            --fg: prop(--colors --fg-lo, $global: true),
             --hover: (
                 --bg: prop(--colors --fg-lo, $global: true),
                 --fg: prop(--colors --bg-hi, $global: true),
@@ -26,13 +25,9 @@
     ), 'light');
 
     @include component(namespace()) {
-        height: prop(--dims --height);
-
-        @include element('nav') {
-            display:    inline-flex;
-            height:     100%;
-            box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
-        }
+        display: flex;
+        height:  prop(--dims --height);
+        filter:  drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
 
         @include element('item') {
             padding:          0 prop(--dims --pad-x);
@@ -43,7 +38,7 @@
             transition:       background-color .2s, color .2s, border-left-color .2s;
 
             @include next-twin-element {
-                border-left: 1px solid prop(--colors --border);
+                margin-left: 2px;
             }
 
             &:hover,
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 6abaeb0..1de4dc5 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -9,7 +9,7 @@
                 --fg: prop(--colors --accent --strong, $global: true),
                 --bg: prop(--colors --bg-hi, $global: true),
             ),
-            --obj-border: prop(--colors --obj, $global: true),
+            --obj-border: prop(--colors --obj-hi, $global: true),
         ),
         --dims: (
             --meta: (
@@ -67,13 +67,5 @@
             background-color: transparent;
             color:            currentColor;
         }
-
-        @include media('<=sm') {
-            font-size: 1 / 16 * 17em;
-        }
-
-        @include media('<=xs') {
-            font-size: 1em;
-        }
     }
 }
diff --git a/content/9thPK7O3xn/dreams/index.md b/content/9thPK7O3xn/dreams/index.md
index 8c72776..bce4433 100644
--- a/content/9thPK7O3xn/dreams/index.md
+++ b/content/9thPK7O3xn/dreams/index.md
@@ -3,6 +3,6 @@ title:                Dream Journal
 position:             9
 layout:               list
 list_order:           date_desc
-show_read_indicators: true
+list_read_indicators: true
 create_feed:          true
 ---
diff --git a/content/9thPK7O3xn/misc/index.md b/content/9thPK7O3xn/misc/index.md
index 840b8c9..572cc05 100644
--- a/content/9thPK7O3xn/misc/index.md
+++ b/content/9thPK7O3xn/misc/index.md
@@ -2,6 +2,6 @@
 title:                Other stuff
 position:             10
 layout:               list
-show_read_indicators: true
+list_read_indicators: true
 create_feed:          true
 ---
diff --git a/content/9thPK7O3xn/pages/index.md b/content/9thPK7O3xn/pages/index.md
index 583b34b..0dccffb 100644
--- a/content/9thPK7O3xn/pages/index.md
+++ b/content/9thPK7O3xn/pages/index.md
@@ -2,6 +2,6 @@
 title:                Pages
 position:             0
 layout:               list
-show_read_indicators: true
+list_read_indicators: true
 create_feed:          true
 ---
diff --git a/templates/base.html b/templates/base.html
index 6424447..e736864 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -44,25 +44,23 @@
 </head>
 
 <body>
-    <header class="c-header">
-        <nav class="c-header__nav">
-            <a class="c-header__item c-header__item--icon" href="/" title="$site.title$">
-                <svg class="c-header__icon" width="1em" height="1em">
-                    <use href="/symbols.svg#logo"></use>
-                </svg>
-            </a>
-            $if(namespace.root.is_index)$
-            $else$
-                $for(menus.main.items)$
-                    $if(it.active)$
-                        <a class="c-header__item" href="$it.url$">
-                            $it.label$
-                        </a>
-                    $endif$
-                $endfor$
-            $endif$
-        </nav>
-    </header>
+    <nav class="c-header">
+        <a class="c-header__item c-header__item--icon" href="/" title="$site.title$">
+            <svg class="c-header__icon" width="1em" height="1em">
+                <use href="/symbols.svg#logo"></use>
+            </svg>
+        </a>
+        $if(namespace.root.is_index)$
+        $else$
+            $for(menus.main.items)$
+                $if(it.active)$
+                    <a class="c-header__item" href="$it.url$">
+                        $it.label$
+                    </a>
+                $endif$
+            $endfor$
+        $endif$
+    </nav>
         
     <main>
         $if(namespace.root.is_index)$
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index f8c3fab..a3af43c 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -14,7 +14,7 @@ $body$
                 <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$">
                     $for(it.pages.all)$
                         <a href="$it.url.rel$" class="c-card-list__card c-card">
-                            $if(pages.all.show_read_indicators)$
+                            $if(pages.all.list_read_indicators)$
                                 <div class="c-card__block c-card__block--indicator"></div>
                             $endif$
                             $if(pages.all.icon)$
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 208b267..2ef02ab 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -9,7 +9,7 @@ $body$
         <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
             $for(pages.all)$
                 <a href="$it.url.rel$" class="c-card-list__card c-card">
-                    $if(show_read_indicators)$
+                    $if(list_read_indicators)$
                         <div class="c-card__block c-card__block--indicator"></div>
                     $endif$
                     $if(icon)$