First changes

assets/scss/_header.scss

@@ -7,7 +7,7 @@
   padding: 20px;
 
   .dark-theme & {
-    background: #252627;
+    background: $dark-background-secondary;
   }
 
   &__right {

assets/scss/_logo.scss

@@ -22,7 +22,7 @@
     display: inline-block;
     width: 10px;
     height: 1rem;
-    background: #fe5186;
+    background: $cursor-color;
     margin-left: 5px;
     border-radius: 1px;
     animation: cursor 1s infinite;
@@ -33,11 +33,16 @@
       animation: none;
     }
   }
-
 }
 
 @keyframes cursor {
-  0% { opacity: 0; }
+  0% {
-  50% { opacity: 1; }
+    opacity: 0;
-  100% { opacity: 0; }
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
 }

assets/scss/_menu.scss

@@ -5,7 +5,7 @@
   z-index: 9999;
 
   .dark-theme & {
-    background: #252627;
+    background: $dark-background-secondary;
   }
 
   @media #{$media-size-phone} {

assets/scss/_variables.scss

@@ -8,12 +8,14 @@ $light-color-secondary: #999;
 $light-border-color: #dcdcdc;
 
 /* dark theme colors */
-$dark-background: #292a2d;
+$dark-background: #34363a;
-$dark-background-secondary: #3b3d42;
+$dark-background-secondary: #404653;
-$dark-color: #a9a9b3;
+$dark-color: #d4d4d4;
-$dark-color-secondary: #73747b;
+$dark-color-secondary: #a1a1a1;
 $dark-border-color: #4a4b50;
 
+$cursor-color: #912727;
+
 $media-size-phone: "(max-width: 684px)";
 $media-size-tablet: "(max-width: 900px)";
 

layouts/index.html

@@ -2,16 +2,17 @@
 <main aria-role="main">
   <div>
     <h1>{{ .Site.Title }}</h1>
+    <h3>{{ .Site.Params.Subtitle }}</h3>
 
-            {{- with .Site.Params.homeSubtitle }}
+    {{ with .Site.Params.homeSubtitle }}
     <p>{{.}}</p>
-            {{- end }}
+    {{ end }}
 
-            {{- with .Site.Params.social }}
+    {{ with .Site.Params.social }}
     <div>
       {{ partial "social-icons.html" . }}
     </div>
-            {{- end }}
+    {{ end }}
   </div>
 </main>
 {{ end }}

layouts/partials/logo.html

@@ -1,9 +1,10 @@
-<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{else}}{{ .Site.BaseURL }}{{ end }}" style="text-decoration: none;">
+<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{else}}{{ .Site.BaseURL }}{{ end }}"
+    style="text-decoration: none;">
     <div class="logo">
         {{ if .Site.Params.Logo.path }}
         <img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />
         {{ else }}
-            <span class="logo__mark">></span>
+        <span class="logo__mark">$</span>
         <span class="logo__text">{{ with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span>
         <span class="logo__cursor"></span>
         {{ end }}

layouts/partials/svg.html

@@ -16,6 +16,8 @@
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
 {{- else if (eq .name "youtube") -}}
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
+{{- else if (eq .name "gitea") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M6 3v12"></path><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>
 {{- else if (eq .name "email") -}}
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
 {{- else if (eq .name "telegram") -}}