Merge pull request #64 from dothidden/63-feat-add-logo-to-site

feat: add logo and favicon
dothidden · Oct 22, 2023 · b6b6d7e · b6b6d7e
2 parents 8219c64 + 40f17dc
commit b6b6d7e
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 2 deletions.
diff --git a/assets/css/dark.css b/assets/css/dark.css
@@ -151,3 +151,7 @@ a:hover {
     background: royalblue;
     color: whitesmoke;
 }
+
+.background-logo:before {
+    opacity: 0.20;
+}
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -12,6 +12,7 @@
     /* other vars */
     --borderradius: 1px;
     --taglineheight: 2.1em;
+    --logo-size: 75vh;
 }
 html {
     color: #232333;
@@ -404,3 +405,25 @@ table td{
     text-align: center;
     margin: 4rem 4rem;
 }
+
+.background-logo:before {
+    content: "";
+    position: fixed;
+    height: var(--logo-size);
+    width: var(--logo-size);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    background-image: url('/images/logo-4000x4000.png');
+    background-repeat: no-repeat;
+    background-size: contain;
+    opacity: 0.15;
+    z-index: -10;
+}
+
+@media screen and (min-height: 100vw) {
+    .background-logo:before {
+        --logo-size: 75vw;
+    }
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     {{- partial "header.html" . -}}
-    <body>
+    <body class="background-logo">
         <div class="content">
         {{- partial "head.html" . -}}
         {{- block "main" . }}{{- end }}

diff --git a/layouts/index.html b/layouts/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 	{{ partial "header.html" . }}
-	<body>
+	<body class="background-logo">
 		<div class="content">
 			{{ partial "head.html" . }}
 

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -4,6 +4,10 @@
 	{{- $title := ( .Title ) -}}
 	{{- $siteTitle := ( .Site.Title ) -}}
 
+    <link rel="shortcut icon" type="image/png" href="/images/logo-192x192.png">
+    <link rel="shortcut icon" sizes="192x192" href="/images/logo-192x192.png">
+    <link rel="apple-touch-icon" href="/images/logo-192x192.png">
+
 	{{- if .IsHome -}}
 	<title>{{ $siteTitle }} | Home</title>
 	{{- else if eq .Kind "section" -}}

diff --git a/static/images/logo-192x192.png b/static/images/logo-192x192.png
diff --git a/static/images/logo-4000x4000.png b/static/images/logo-4000x4000.png
diff --git a/static/images/logo-512x512.png b/static/images/logo-512x512.png