Revised color scheme

11 files changed, 33 insertions, 35 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index bf96aa9..f435c20 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,7 +1,7 @@
 {{ define "main" }}

 

-<h1 style="margin: 0 0 0.5em 0;">

-  {{- .Title -}}

+<h1 style="margin: 0 0 0.5em 0; font-size: 2.5em;">

+  {{ if eq .Kind "taxonomy" }}#{{ end }}{{- .Title -}}

 </h1>

 

 {{ range (.Paginator .Site.Params.theme.paginateNum).Pages }}

@@ -9,14 +9,14 @@
   class="list-sections"

   style="border-top: dashed 1px; margin: 0; padding: 12px 0;"

 >

-  <span style="font-size: 0.65em; font-style: italic;"

+  <span style="font-size: 0.85em; font-style: italic;"

     ><time>{{- dateFormat .Site.Params.theme.dateFormat .Date }}</time> &middot;

     {{.Site.Params.author }}</span

   >

   <a href="{{ .Permalink | relURL }}">

     <h2 style="margin: 0; font-size: 1.2em;">{{ .Title -}}</h2>

   </a>

-  <p style="margin: 0; font-size: 0.8em;">

+  <p style="margin: 0; font-size: 0.9em;">

     {{ .Summary | plainify | truncate 100 }}

   </p>

 </div>

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index e61397a..9a029ff 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,7 +2,7 @@
 <div

   style="display: flex; flex-direction: column;"

 >

-  <h1 style="margin: 0 0 0.25em 0; font-size: 2em;">

+  <h1 style="margin: 0 0 0.25em 0; font-size: 2.5em;">

     {{- .Title -}}

   </h1>

   <div class="sharing-icons">

@@ -12,8 +12,9 @@
     {{ partial "metadata" . }}

   </div>

 </div>

-<div style="margin-bottom: 3.5em; font-style: italic; font-size: 0.9em;">by {{ .Site.Params.author }} &middot;

-  <time>{{ dateFormat .Site.Params.theme.dateFormat .Date }}</time></div>

+<div style="margin-bottom: 1.5em; font-style: italic; font-size: 0.9em;">by {{ .Site.Params.author }} &middot;

+  <time>{{ dateFormat .Site.Params.theme.dateFormat .Date }}</time>

+</div>

 <div class="content">

   {{ .Content }}

 </div>

diff --git a/layouts/partials/breadcrumb.html b/layouts/partials/breadcrumb.html
index 6de8efa..32c6c5e 100644
--- a/layouts/partials/breadcrumb.html
+++ b/layouts/partials/breadcrumb.html
@@ -1,27 +1,27 @@
 <div

   class="breadcrumb"

-  style="padding: 12px 0; line-height: 0.85em; text-align: right;"

+  style="padding: 12px 0; line-height: 0.9em; text-align: right;"

 >

   {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}

 </div>

+

 {{ define "breadcrumbnav" }}

 {{ if .p1.Parent }}

 {{ template "breadcrumbnav" (dict "p1" .p1.Parent "p2" .p2 ) }}

 {{ else if not .p1.IsHome }}

 {{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 ) }}

 {{ end }}

-<span style="font-size: 0.8em;">

-  {{ if .p1.Parent }}/{{- end -}}

+

+<span style="font-size: 0.9em;">

+  {{- if .p1.Parent -}}/{{- end -}}

   <a

     href="{{ if eq .p1 .p2 }}#{{ else }}{{ .p1.Permalink }}{{ end }}"

     class="breadcrumb-link {{ if eq .p1 .p2 }}active{{ end }}"

-    style="margin-left: 5px; font-size: 0.85em; color:{{ if eq .p1 .p2 }}var(--primaryColor){{else}}var(--textColor){{ end }};"

+    style="margin-left: 5px; font-size: 0.9em; color:{{ if eq .p1 .p2 }}var(--primaryHover){{else}}var(--primary){{ end }};"

     >{{- if .p1.IsHome -}}<i>{{- partial "icons/home" . -}}</i>{{- end -}}

-    {{- if gt (len .p1.Title) 15 -}}

-    {{- substr .p1.Title 0 15 -}}...

-    {{- else -}}

-    {{- .p1.Title -}}

-    {{- end -}}</a

+  

+    {{- .p1.Title | truncate 15 -}}

+ </a

   >

 </span>

 {{ end }}

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 29248e6..d51d779 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer style="display: flex; flex-direction: column; margin-top: 2em;">

+<footer style="display: flex; flex-direction: column; margin: 2em 0 0 0;">

   <div

     style="

       position: fixed;

@@ -14,13 +14,13 @@
       style="

         display: none;

         transform: rotate(-90deg);

-        background-color: var(--bgLighter);

+        background-color: var(--bgAbove);

         border-radius: 50%;

-        border: solid 2px var(--primaryColor);

+        border: solid 2px var(--primary);

         padding: 10px;

         position: absolute;

         cursor: pointer;

-        right: 0;

+        right: 10px;

         font-size: 1.25em;

       "

       >{{ partial "icons/chevron" . }}</i

@@ -36,9 +36,10 @@
   {{ end }}

   <div

     style="

-      font-size: 0.8em;

-      background-color: var(--bgDarker);

-      box-shadow: 0px 0px 2px 2px black;

+      font-size: 0.9em;

+      background-color: var(--bgAbove);

+      box-shadow: 0px 0px 2px 2px var(--bgBelow);

+      padding-bottom: 5px;

     "

   >

     <div style="display: flex; flex-wrap: wrap;">

diff --git a/layouts/partials/hamburgerCross.html b/layouts/partials/hamburgerCross.html
index c93c344..8f2c1cd 100644
--- a/layouts/partials/hamburgerCross.html
+++ b/layouts/partials/hamburgerCross.html
@@ -7,7 +7,6 @@
     z-index: 50;

     width: 50px;

     height: 50px;

-    font-size: 1.2em;

   "

   onclick="myFunction()"

 >

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index be7aba8..6559bce 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -22,10 +22,7 @@
   {{ end -}}

 

   <link rel="stylesheet" href="{{ `/css/main.css` | relURL }}" />

-  <link

-    href="https://fonts.googleapis.com/css2?family=Mukta:wght@300;700&display=swap"

-    rel="stylesheet"

-  />

+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Fira+Code&display=swap" rel="stylesheet"> 

 

   <style>

     html {

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 851af18..36976a1 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -7,8 +7,8 @@
   z-index: 10;

   transition: all 0.3s;

   height: {{ if not .IsHome}}60px{{ else }}0{{ end }};

-  box-shadow: {{ if not .IsHome}} 0px 0px 2px 2px black {{ else }} none {{ end }};

-  background-color: {{ if not .IsHome}} var(--bgDarker) {{ else }} inherit {{ end }};

+  box-shadow: {{ if not .IsHome}} 0px 0px 2px 2px var(--bgBelow) {{ else }} none {{ end }};

+  background-color: {{ if not .IsHome}} var(--bgAbove) {{ else }} inherit {{ end }};

   "

 >

   {{ partial "hamburgerCross.html" . }}{{ if not .IsHome}}

diff --git a/layouts/partials/intro.html b/layouts/partials/intro.html
index 2c32f80..2da9240 100644
--- a/layouts/partials/intro.html
+++ b/layouts/partials/intro.html
@@ -5,7 +5,7 @@
     flex-wrap: wrap;

     align-items: center;

     justify-content: center;

-    color: var(--primaryColor);

+    color: var(--primary);

     text-align: center;

     margin-bottom: 1em;

   "

diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 9868f4d..0a87cee 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -16,7 +16,7 @@
   <div

     class="menu-container"

     style="

-      background-color: var(--bgColor);

+      background-color: var(--bgAbove);

       display: flex;

       flex-direction: column;

       justify-content: center;

@@ -24,7 +24,7 @@
       padding: 6px;

       border: solid 1px var(--textColor);

       border-radius: 5px;

-      box-shadow: 3px 3px 5px 2px black;

+      box-shadow: 3px 3px 5px 2px var(--bgBelow);

     "

   >

     <a class="menu-item" href="/"><i>{{ partial "icons/home" . }}</i>Home</a>

diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index 3e81e9c..eb12725 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -9,7 +9,7 @@
         class="metadata-items"
         href="{{ $name | relURL }}/{{ . | urlize }}"
         title="{{ $name }}"
-        style="margin-right: 0.5em; text-decoration: underline; font-size: 0.8em;"
+        style="margin-right: 0.5em; text-decoration: underline; font-size: 0.9em;"
       >
         {{- . -}}
       </a>
diff --git a/layouts/partials/social.html b/layouts/partials/social.html
index cf5ca2a..13ca40a 100644
--- a/layouts/partials/social.html
+++ b/layouts/partials/social.html
@@ -14,7 +14,7 @@
       class="social-icon"

       style="

         display: inline-flex;

-        font-size: 1.4em;

+        font-size: 1.6em;

         padding: 10px;

         border-radius: 50%;

         align-self: center;