diff --git a/ideas.md b/ideas.md
index 41a10b9..0f2b2d7 100644
--- a/ideas.md
+++ b/ideas.md
@@ -6,6 +6,7 @@
 - tux icon
  
 # Tiny
+- shrink font sizing for mobile
 - contact page
 - click on name for base URL
  
@@ -20,5 +21,7 @@
   - push to base16 repo
 - loop through URL sections
 - add CSS grid layout
+  - use to make me equation columns for desktop
+    - box layout for mobile
 - terminal simulator for site
   - cd/ls diff. pages
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 52851e3..676a288 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -24,6 +24,16 @@
   {{ if eq $isHomePage false }} - 
   {{ .Site.Title }}
   {{ end }}</title> -->
+
+<!-- <link rel="shortcut icon" type="image/png" href="imgs/icons/gitlab.png" id="favicon"/> -->
+<link rel="apple-touch-icon" sizes="180x180" href="{{ "img/favicon/apple-touch-icon.png" | relURL }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ "img/favicon/favicon-32x32.png" | relURL }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ "img/favicon/favicon-16x16.png" | relURL }}">
+<link rel="manifest" href="{{ "img/favicon/site.webmanifest" | relURL }}">
+<link rel="mask-icon" href="{{ "img/favicon/safari-pinned-tab.svg" | relURL }}" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#2b5797">
+<meta name="theme-color" content="#ffffff">
+
 <title>
   {{ .Site.Title }} &nbsp;• &nbsp;~{{ .Page.RelPermalink }}
 </title>
diff --git a/static/img/favicon/android-chrome-192x192.png b/static/img/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..74aa909
Binary files /dev/null and b/static/img/favicon/android-chrome-192x192.png differ
diff --git a/static/img/favicon/android-chrome-512x512.png b/static/img/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..ca9a96a
Binary files /dev/null and b/static/img/favicon/android-chrome-512x512.png differ
diff --git a/static/img/favicon/apple-touch-icon.png b/static/img/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..767f156
Binary files /dev/null and b/static/img/favicon/apple-touch-icon.png differ
diff --git a/static/img/favicon/browserconfig.xml b/static/img/favicon/browserconfig.xml
new file mode 100644
index 0000000..f9c2e67
--- /dev/null
+++ b/static/img/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/static/img/favicon/favicon-16x16.png b/static/img/favicon/favicon-16x16.png
new file mode 100644
index 0000000..fec8175
Binary files /dev/null and b/static/img/favicon/favicon-16x16.png differ
diff --git a/static/img/favicon/favicon-32x32.png b/static/img/favicon/favicon-32x32.png
new file mode 100644
index 0000000..f02676f
Binary files /dev/null and b/static/img/favicon/favicon-32x32.png differ
diff --git a/static/img/favicon/favicon.ico b/static/img/favicon/favicon.ico
new file mode 100644
index 0000000..9491009
Binary files /dev/null and b/static/img/favicon/favicon.ico differ
diff --git a/static/img/favicon/mstile-150x150.png b/static/img/favicon/mstile-150x150.png
new file mode 100644
index 0000000..6d93ea5
Binary files /dev/null and b/static/img/favicon/mstile-150x150.png differ
diff --git a/static/img/favicon/safari-pinned-tab.svg b/static/img/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..6f44a48
--- /dev/null
+++ b/static/img/favicon/safari-pinned-tab.svg
@@ -0,0 +1,38 @@
+<?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="640.000000pt" height="640.000000pt" viewBox="0 0 640.000000 640.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M395 5373 c-10 -3 -31 -12 -45 -21 -47 -29 -301 -287 -322 -327 -27
+-50 -31 -132 -11 -193 17 -50 -30 -1 1248 -1285 l346 -347 -418 -420 c-1061
+-1064 -1150 -1156 -1169 -1195 -18 -38 -25 -134 -12 -175 12 -43 48 -87 170
+-208 168 -167 197 -185 299 -184 88 1 77 -9 1125 1039 648 649 1007 1015 1019
+1039 38 80 29 171 -23 242 -13 18 -468 477 -1010 1019 -701 701 -998 991
+-1027 1004 -38 18 -123 23 -170 12z"/>
+<path d="M3106 1763 c-3 -3 -17 -7 -30 -9 -30 -3 -83 -28 -112 -52 -51 -43
+-91 -141 -85 -207 1 -11 2 -24 2 -30 0 -58 0 -93 0 -105 0 -8 0 -46 -1 -85 -2
+-127 17 -190 72 -244 44 -43 116 -73 168 -72 8 0 51 0 95 0 44 0 85 0 90 0 6
+0 38 2 73 3 34 2 62 1 62 -2 0 -3 26 -4 57 -2 32 1 74 2 93 1 19 0 44 0 55 1
+11 1 25 1 30 1 182 0 244 0 260 0 11 0 95 -1 187 -3 93 -2 168 0 168 3 0 3 23
+3 50 -1 28 -4 50 -3 50 0 0 4 19 4 43 0 23 -3 56 -3 74 1 17 3 37 3 43 -1 6
+-4 29 -4 50 0 22 4 42 5 44 2 3 -2 58 -4 123 -3 65 1 125 2 133 2 8 0 80 0
+160 0 178 0 143 0 342 -3 93 -2 168 0 168 3 0 3 23 3 50 -1 28 -4 50 -3 50 0
+0 4 19 4 43 0 23 -3 56 -3 74 1 17 3 37 3 43 -1 6 -4 29 -4 50 0 22 4 42 5 44
+2 6 -5 200 -4 263 2 76 8 132 44 179 116 l29 45 3 217 c2 245 -3 273 -67 341
+-58 61 -109 77 -246 76 -38 0 -77 0 -85 0 -71 2 -113 0 -121 -4 -5 -4 -9 -1
+-9 5 0 6 -4 9 -9 5 -5 -3 -45 -5 -88 -5 -43 1 -98 0 -123 -1 -25 -1 -52 -1
+-60 0 -8 0 -96 0 -195 0 -99 0 -186 0 -192 0 -7 1 -19 1 -25 2 -7 1 -38 1 -68
+0 -70 -1 -230 -2 -250 -1 -8 0 -24 0 -35 0 -11 -1 -27 -1 -35 -1 -8 0 -42 0
+-75 0 -33 0 -67 0 -75 0 -8 0 -62 0 -120 0 -58 0 -112 0 -120 0 -60 2 -113 0
+-121 -4 -5 -4 -9 -3 -9 2 0 4 -43 6 -95 3 -52 -3 -105 -3 -117 0 -13 4 -42 3
+-65 0 -24 -4 -43 -3 -43 2 0 5 -4 7 -9 3 -5 -3 -45 -5 -88 -5 -43 1 -98 0
+-123 -1 -25 -1 -52 -1 -60 0 -8 0 -96 0 -195 0 -99 0 -186 0 -192 0 -31 2 -41
+2 -95 1 -31 -1 -61 1 -66 4 -5 3 -12 3 -16 -1z"/>
+</g>
+</svg>
diff --git a/static/img/favicon/site.webmanifest b/static/img/favicon/site.webmanifest
new file mode 100644
index 0000000..37dbe39
--- /dev/null
+++ b/static/img/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Kevin Mok",
+    "short_name": "Kevin Mok",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}