From 4c8c6b24c68d1ca29c8a9ff4bff83aae73f57ffc Mon Sep 17 00:00:00 2001
From: lafleur <lafleur@boum.org>
Date: Mon, 16 Nov 2020 20:51:32 +0100
Subject: [PATCH] scope differentiates - with spans around

---
 assets/css/style.scss        | 8 +++-----
 layouts/partials/header.html | 4 +---
 layouts/partials/scope.html  | 4 +++-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 3dc280e..b203afc 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -32,7 +32,7 @@ header {
     a {
         color: white;
     }
-    a.exposed, span.exposed {
+    span.exposed span.title {
         font-weight: bold;
         font-size: 1.8em;
     }
@@ -65,11 +65,9 @@ header {
         align-items: baseline;
         justify-content: space-around;
         max-width: 1200px;
-        padding-bottom: 6em;
-        span {
-            -webkit-animation: exposed 1s ease forwards;
-        }
+        padding-bottom: 8em;
         span.exposed {
+            -webkit-animation: exposed 1s ease forwards;
             position: absolute;
             top: 4rem;
         }
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index d1861a0..bb01a60 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -19,9 +19,7 @@
   <nav>
     {{ range $.Site.Sections }}
       {{ if eq $currentPage.Section .Section }}
-        <span class="exposed">
-          {{ partial "scope.html" $currentPage }}
-        </span>
+        {{ partial "scope.html" $currentPage }}
       {{ else }}
         <a href="{{ .Permalink }}">
           {{ .Title | markdownify }}
diff --git a/layouts/partials/scope.html b/layouts/partials/scope.html
index 59ea95b..3fcf9c5 100644
--- a/layouts/partials/scope.html
+++ b/layouts/partials/scope.html
@@ -1,4 +1,6 @@
-{{- template "scoper" .Parent -}} {{ .Title }}
+<span class="exposed">
+  {{- template "scoper" .Parent -}} <span class="title">{{ .Title }}</span>
+</span>
 {{- define "scoper" -}}
   {{- if not .IsHome -}}
     {{- template "scoper" .Parent }}<a href="{{ .RelPermalink }}">{{ .Title }}</a> > {{ end -}}