1 files changed, 15 insertions, 12 deletions

diff --git a/default.template b/default.template
index f87666c..b49b4d6 100644
--- a/default.template
+++ b/default.template
@@ -31,8 +31,8 @@
         margin: 0; padding: 0; border: none;
         display: grid;
 //        grid-template-areas:
-//          "logo0 trail"
-//          "logo1 head"
+//          "logo trail"
+//          "logo head"
 //          "menu body"
 //          "history foot";
         grid-template-columns: auto 1fr auto auto;
@@ -41,9 +41,7 @@
 //        grid-auto-rows: minmax(auto, auto);
         overflow-x: auto; overflow-y: auto;
       }
-      .boxLogo0   {grid-area: logo0;   grid-column: 1 / 1; grid-row: 1 / 1; height: min-content;}
-      .boxLogo1   {grid-area: logo1;   grid-column: 1 / 1; grid-row: 2 / 2; height: min-content;}
-
+      .boxLogo    {grid-area: logo;    grid-column: 1 / 1; grid-row: 1 / 2; height: min-content;}
       .boxTrail   {grid-area: trail;   grid-column: 2 / 4; grid-row: 1 / 1; height: min-content;}
       .boxHead    {grid-area: head;    grid-column: 2 / 4; grid-row: 2 / 2; height: min-content; text-align: right;}
 
@@ -67,15 +65,18 @@
       #modeToggleBody:checked ~ body background-image: linear-gradient($karenPurple$, $onefangPurple$);{}
       #modeToggleBody:checked ~ pre {background-image: linear-gradient(to right, $onefangPurple$, $PinkFloyd$);}
       #modeToggleBody:checked ~ .modeBtn  {color: black;}
+
+      #modeToggleMenu:checked ~ .boxLogo  {display: none;}
+      #modeToggleMenu:checked ~ .boxHead  {display: none;}
+//      #modeToggleMenu:checked ~ .boxTrail  {display: none;}
+
+      #modeToggleMenu:checked ~ .boxMenu  {display: none;}
       #modeToggleBody:checked ~ .boxBody  {background: white; color: black;}
       #modeToggleBody:checked ~ .boxBody a:active  {color: $devuanDevuanalink$;}
       #modeToggleBody:checked ~ .boxBody a:link    {color: $devuanDevuanlink$;}
       #modeToggleBody:checked ~ .boxBody a:visited {color: $devuanDevuanvlink$;}
       #modeToggleBody:checked ~ .boxBody a:hover   {color: $devuanDevuanhlink$;}
-      #modeToggleMenu:checked ~ .boxLogo0  {display: none;}
-      #modeToggleMenu:checked ~ .boxHead  {display: none;}
-      #modeToggleMenu:checked ~ .boxTrail  {display: none;}
-      #modeToggleMenu:checked ~ .boxMenu  {display: none;}
+
       #modeToggleMenu:checked ~ .boxHistory  {display: none;}
       #modeToggleMenu:checked ~ .boxFoot  {display: none;}
       #modeToggleMenu:checked ~ .boxnyaw  {display: none;}
@@ -85,10 +86,10 @@
     <div class="boxWrapper">
       <input type="checkbox" id="modeToggleMenu"/>
       <input type="checkbox" id="modeToggleBody"/>
-      <div class="boxLogo0"><header><nav>
+      <div class="boxLogo"><header><nav>
         <a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a>
       </nav></header></div>
-      <div class="boxLogo1"><header><nav>
+      <div class="boxTrail"><header><nav>
         <b class="toolTip" title="🍔 hides or shows non content.
 🕶 switches between dark and light themes.
 🪵 will be for logging in, when I have written that bit.
@@ -98,11 +99,13 @@
         <b class="toolTip"><label for="modeToggleBody" class='modeBtn'>&#x1F576;</label></b>
         <b class="toolTip">&#129717;</b>
         <b class="toolTip">&#128269;</b>
+        <b> &nbsp; &#x1f463; &nbsp; $trail$ </b>
       </nav></header></div>
-      <div class="boxTrail"><header><nav><b> &nbsp; &#x1f463; &nbsp; $trail$ </b></nav></header></div>
       <div class="boxHead"><header><nav><b>$header$</b> &nbsp; </nav></header></div>
+
       <div class="boxMenu"><nav><p><b>$menu$</b></p></nav></div>
       <div class="boxBody"><main>$body$<br/></main></div>
+
       <div class="boxHistory"><footer>$history$</footer></div>
       <div class="boxFoot"><footer>$footer$</footer></div>
       <div class="boxnyaw"><footer>