diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 4ca9906..f9ff0c5 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,5 +1,5 @@
 {{ partial "header.html" . }}
-<section class="article-list">
+<section id="content" role="main">
   <h1>{{ .Title }}</h1>
   {{ range .Data.Pages }}
   {{ if eq .Type "post"}}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index b9aea11..67a0832 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,6 +1,6 @@
 <div class="clear"></div>
 </div>
-<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url({{ .Site.BaseURL}}/img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;">
+<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url({{ .Site.BaseURL}}/img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;box-shadow: 0 50vh 0 50vh #1d1e1e;">
   <div id="footer-container">
   {{ with .Site.Params.footer_1 }}<div class="footer-column">{{ . }}</div>{{ end }}
   {{ with .Site.Params.footer_2 }}<div class="footer-column">{{ . }}</div>{{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 126e602..4608c44 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -4,8 +4,15 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
   <title>{{ if ne .URL "/" }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}</title>
-  <link rel="shortcut icon" href="{{ .Site.BaseURL }}/img/favicon.ico" />
-  <link rel="apple-touch-icon" href="{{ .Site.BaseURL }}/img/apple-touch-icon.jpg" />
+
+
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.BaseURL }}/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ .Site.BaseURL }}/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ .Site.BaseURL }}/favicon-16x16.png">
+  <link rel="manifest" href="{{ .Site.BaseURL }}/site.webmanifest">
+  <link rel="mask-icon" href="{{ .Site.BaseURL }}/safari-pinned-tab.svg" color="#f4a12c">
+  <meta name="msapplication-TileColor" content="#f4a12c">
+  <meta name="theme-color" content="#f4a12c">
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/font-awesome.min.css" />
 </head>
@@ -18,7 +25,7 @@
     background-image: url({{ .Site.BaseURL }}/img/texture.png),linear-gradient(to bottom, #f4a12c, #d37e06);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner">
 {{ end }}
       <section id="branding">
-        <div id="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></div>
+        <div id="site-title"><a href="{{ .Site.BaseURL }}"><img src="{{ .Site.BaseURL }}/img/logo.svg" /></a></div>
         <nav id="mainmenu">
           <ul>
             <li><a href="{{ .Site.BaseURL }}">Home</a></li>
diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png
new file mode 100644
index 0000000..9aa4953
Binary files /dev/null and b/static/android-chrome-192x192.png differ
diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png
new file mode 100644
index 0000000..a6827a3
Binary files /dev/null and b/static/android-chrome-512x512.png differ
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
new file mode 100644
index 0000000..372957a
Binary files /dev/null and b/static/apple-touch-icon.png differ
diff --git a/static/browserconfig.xml b/static/browserconfig.xml
new file mode 100644
index 0000000..823a365
--- /dev/null
+++ b/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#f4a12c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/static/css/style.css b/static/css/style.css
index f7598e9..403e5f2 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -2,31 +2,31 @@
   font-family: 'Lato';
   font-style: normal;
   font-weight: 100;
-  src: url('fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
-  src: url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-     url('fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
-     url('fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
-     url('fonts/Lato-Hairline.ttf') format('truetype');
+  src: url('../fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
+  src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+     url('../fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
+     url('../fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
+     url('../fonts/Lato-Hairline.ttf') format('truetype');
 }
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 300;
-  src: url('fonts/Lato-Light.eot'); /* IE9 Compat Modes */
-  src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-     url('fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
-     url('fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
-     url('fonts/Lato-Light.ttf') format('truetype');
+  src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
+  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+     url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
+     url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
+     url('../fonts/Lato-Light.ttf') format('truetype');
 }
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
-  src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
-  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-     url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
-     url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
-     url('fonts/Lato-Regular.ttf') format('truetype');
+  src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
+  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+     url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
+     url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
+     url('../fonts/Lato-Regular.ttf') format('truetype');
 }
 
 .lower label:hover,
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
new file mode 100644
index 0000000..5c0fd58
Binary files /dev/null and b/static/favicon-16x16.png differ
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
new file mode 100644
index 0000000..b529501
Binary files /dev/null and b/static/favicon-32x32.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..f10d8ee
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/img/apple-touch-icon.jpg b/static/img/apple-touch-icon.jpg
deleted file mode 100644
index c104393..0000000
Binary files a/static/img/apple-touch-icon.jpg and /dev/null differ
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
deleted file mode 100644
index fd6eb11..0000000
Binary files a/static/img/favicon.ico and /dev/null differ
diff --git a/static/img/logo.svg b/static/img/logo.svg
new file mode 100644
index 0000000..7cd2783
--- /dev/null
+++ b/static/img/logo.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="16.152084mm"
+   height="9.2542696mm"
+   viewBox="0 0 16.152084 9.2542696">
+  <g
+     style="fill:white;"
+     transform="translate(-23.19826,-15.414287)">
+    <g
+       aria-label="∑"
+       transform="scale(1.046646,0.95543285)" >
+      <path
+         d="M 26.779987,17.021171 H 22.82762 l 2.355177,3.465088 q 0.08121,0.09475 0.08121,0.175962 0,0.05414 -0.05414,0.162426 l -2.463461,4.45318 h 4.168935 l 0.06768,-1.543047 q 0.02707,-0.284245 0.216568,-0.284245 h 0.08121 q 0.216568,0 0.216568,0.297781 v 1.77315 q 0,0.297781 -0.297781,0.297781 h -4.737426 q -0.297781,0 -0.297781,-0.257174 v -0.216568 q 0,-0.108284 0.05414,-0.216568 l 2.449926,-4.507322 -2.422855,-3.465089 q -0.08121,-0.108284 -0.08121,-0.243639 v -0.175962 q 0,-0.257174 0.297781,-0.257174 h 4.642678 q 0.297781,0 0.297781,0.297781 v 1.759615 q 0,0.297781 -0.216568,0.297781 h -0.06768 q -0.189497,0 -0.216568,-0.284245 z"
+         />
+    </g>
+    <g aria-label="7">
+      <path
+         d="m 33.952845,23.150704 q 0,-0.263878 0.239889,-0.407811 v -0.347839 l 3.718278,-3.718278 v -1.583267 h -8.156223 v 0.479778 h 7.676445 v 0.899584 l -3.718278,3.718278 v 1.61925 h 1.439334 v -1.019528 l 3.718278,-3.718278 v -2.938639 h -8.827912 q -0.143933,0.239889 -0.407811,0.239889 -0.203906,0 -0.347839,-0.131939 -0.131939,-0.143933 -0.131939,-0.347839 0,-0.203906 0.131939,-0.335844 0.143933,-0.143934 0.347839,-0.143934 0.263878,0 0.407811,0.239889 h 9.307689 v 3.622322 l -3.718278,3.718278 v 1.2954 h -2.398889 v -2.302933 l 3.718278,-3.718278 v -0.2159 h -7.676444 v -1.439333 h 9.115778 v 2.254955 l -3.718278,3.718278 v 0.155928 q 0.239889,0.143933 0.239889,0.407811 0,0.203906 -0.143934,0.347839 -0.131939,0.131939 -0.335844,0.131939 -0.203906,0 -0.347839,-0.131939 -0.131939,-0.143933 -0.131939,-0.347839 z"
+         />
+    </g>
+  </g>
+</svg>
diff --git a/static/mstile-150x150.png b/static/mstile-150x150.png
new file mode 100644
index 0000000..1eb40f1
Binary files /dev/null and b/static/mstile-150x150.png differ
diff --git a/static/safari-pinned-tab.svg b/static/safari-pinned-tab.svg
new file mode 100644
index 0000000..b9ea0dc
--- /dev/null
+++ b/static/safari-pinned-tab.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="912.000000pt" height="912.000000pt" viewBox="0 0 912.000000 912.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,912.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3579 7166 c-3 -3 -14 -7 -25 -10 -40 -9 -64 -19 -64 -27 0 -5 -5 -9
+-11 -9 -26 0 -95 -96 -106 -149 -28 -133 24 -257 132 -314 58 -31 183 -34 239
+-5 47 23 106 76 106 95 0 7 8 13 18 14 58 3 4950 4 4965 1 16 -4 17 -52 17
+-831 l0 -827 -1050 -1051 -1050 -1051 0 -286 c0 -157 -3 -287 -7 -287 -5 -1
+-187 -2 -405 -3 -390 -1 -397 -1 -400 19 -2 11 -3 217 -2 458 l1 438 1049
+1050 1049 1049 1 255 0 255 -2166 0 -2167 0 -1 135 0 135 141 0 c181 1 4380 1
+4428 0 l36 0 -1 -448 -1 -448 -1047 -1049 -1048 -1049 -1 -51 c-1 -27 -1 -71
+0 -96 0 -42 -3 -48 -44 -83 -140 -117 -113 -363 49 -440 74 -35 189 -36 255
+-2 175 92 193 345 32 458 -31 22 -31 91 0 124 13 14 485 488 1049 1052 l1025
+1026 2 638 1 638 -31 1 c-46 0 -5056 0 -5089 0 l-28 -1 0 -405 0 -405 28 -1
+c15 0 990 -1 2167 -2 l2140 -2 0 -59 0 -58 -1050 -1052 -1050 -1052 0 -650 1
+-649 672 -1 c370 0 676 4 678 8 3 5 6 170 5 366 l0 358 1049 1049 1050 1050
+-3 1025 -2 1025 -2621 0 -2621 0 -45 47 c-25 25 -61 54 -79 64 -33 17 -158 32
+-170 20z"/>
+<path d="M140 6979 c-105 -12 -140 -56 -140 -176 0 -131 -13 -109 279 -489 63
+-82 117 -151 120 -154 3 -3 11 -12 16 -22 9 -14 249 -329 302 -395 30 -37 49
+-62 160 -208 58 -77 115 -152 127 -166 12 -15 30 -39 41 -54 11 -16 25 -33 30
+-39 6 -6 22 -27 35 -46 13 -19 27 -37 30 -40 3 -3 25 -32 50 -65 25 -33 53
+-69 63 -79 9 -11 17 -23 17 -26 0 -4 10 -18 23 -32 12 -13 33 -39 47 -58 14
+-18 51 -67 82 -108 l57 -75 -27 -46 c-14 -25 -64 -108 -109 -185 -46 -76 -83
+-143 -83 -147 0 -5 -3 -9 -7 -9 -5 0 -13 -10 -19 -23 -8 -17 -118 -203 -205
+-347 -72 -120 -155 -259 -164 -275 -19 -35 -79 -136 -97 -163 -10 -15 -21 -34
+-25 -42 -4 -8 -73 -125 -153 -260 -81 -135 -193 -324 -250 -420 -57 -96 -109
+-182 -117 -191 -7 -9 -10 -19 -6 -22 3 -4 1 -7 -5 -7 -7 0 -12 -4 -12 -8 0 -5
+-36 -69 -81 -143 -114 -188 -119 -202 -119 -316 0 -110 16 -155 64 -181 29
+-16 137 -17 1486 -20 1070 -2 1466 0 1497 9 46 13 76 39 93 84 8 21 11 188 11
+556 0 469 -2 529 -16 561 -22 46 -47 60 -117 64 -73 5 -121 -14 -143 -56 -24
+-47 -26 -66 -40 -355 -3 -49 -7 -142 -10 -205 -9 -171 -13 -259 -14 -316 l-1
+-51 -1231 -1 c-915 0 -1229 3 -1226 12 4 10 202 338 401 664 44 73 92 152 105
+175 13 23 37 61 52 85 16 24 29 45 29 46 0 2 18 33 39 67 21 35 101 168 177
+294 126 208 163 269 202 330 7 11 15 28 18 38 4 9 10 17 15 17 5 0 9 4 9 9 0
+5 37 69 82 143 89 147 180 297 217 361 13 23 27 44 30 47 7 6 23 34 68 115 45
+83 42 126 -14 183 -7 7 -13 16 -13 20 0 4 -14 23 -30 42 -16 19 -34 40 -40 47
+-5 7 -10 16 -10 22 0 5 -3 11 -8 13 -4 2 -32 37 -62 78 -30 41 -58 80 -63 85
+-4 6 -33 44 -63 85 -31 41 -65 88 -77 103 -11 15 -110 148 -219 295 -109 147
+-204 274 -211 282 -7 8 -23 31 -37 50 -13 19 -27 37 -30 40 -4 3 -11 12 -16
+21 -5 9 -21 32 -36 50 -14 19 -80 106 -145 194 -65 88 -122 165 -128 171 -5 6
+-17 22 -25 34 -13 20 -41 58 -63 85 -38 49 -107 145 -107 150 0 3 524 5 1165
+5 l1165 0 1 -37 c1 -21 3 -47 4 -58 2 -11 6 -58 10 -105 3 -47 8 -101 10 -120
+3 -19 7 -66 10 -105 2 -38 7 -92 10 -120 7 -78 16 -175 20 -230 4 -61 22 -134
+38 -156 38 -50 146 -64 205 -27 55 35 56 44 57 618 0 506 -1 526 -20 559 -11
+19 -37 43 -59 54 -38 20 -56 20 -1435 21 -768 1 -1416 -1 -1441 -5z"/>
+</g>
+</svg>
diff --git a/static/site.webmanifest b/static/site.webmanifest
new file mode 100644
index 0000000..70b749e
--- /dev/null
+++ b/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Sum7",
+    "short_name": "Sum7",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#f4a12c",
+    "background_color": "#f4a12c",
+    "display": "standalone"
+}