add favicon, set title, fix title font size on mobile

3 years ago · 5c9746ba90
parent f040741dfd
commit 5c9746ba90
3 changed files with 7 additions and 3 deletions
--- a/assets/images/favicon.ico
+++ b/assets/images/favicon.ico
--- a/assets/sass/main.sass
+++ b/assets/sass/main.sass
@ -18,7 +18,7 @@ $slope-size: 6vw
 $extra-padding: 2vw

 body
-  font: 1.5em $regular-font-stack
+  font: 1.3em $regular-font-stack
  color: $color-dark-brown
  background: $color-mint

@ -34,7 +34,7 @@ a:active
  color: $color-light-dark-brown

 #website-title
-  font-size: 3.5em
+  font-size: calc(1.6em + 2vw)
  margin-top: 30px
  margin-left: 30px
  font-family: $website-title-font-stack
@ -42,7 +42,7 @@ a:active
  color: $color-white

 #blog-button
-  font-size: 150%
+  font-size: calc(1.1em + 0.5vw)
  font-weight: bold
  color: $color-dark-mint
  margin-top: 30px
--- a/layouts/index.html
+++ b/layouts/index.html
@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.LanguageCode }}">
    <head>
+        <title>Florian Schrofner</title>
+        {{ $favicon := resources.Get "images/favicon.ico"}}
+        <link rel="shortcut icon" href="{{$favicon.Permalink}}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
        {{ partial "css.html" . }}
        {{ partial "script_prepend.html" . }}
    </head>