use “sjs” icon and change name to Sami J. Samhuri

harp.json

@@ -1,7 +1,7 @@
 {
   "globals": {
     "site": "samhuri.net",
-    "author": "Sami Samhuri",
+    "author": "Sami J. Samhuri",
     "email": "sami@samhuri.net",
     "url": "https://samhuri.net"
   }

public/_layout.ejs

@@ -35,7 +35,13 @@
   <title><%= site %></title>
 <% } -%>
 
-  <link rel="icon" type="image/gif" href="/images/favicon.gif">
+  <link rel="icon" type="image/png" href="/images/favicon-32x32.png">
+  <link rel="shortcut icon" href="/images/favicon.ico">
+  <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
+  <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#aa0000">
+  <link rel="manifest" href="/images/manifest.json">
+  <meta name="msapplication-config" content="/images/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">
 
 <% for (var i in allStyles) { -%>
   <link rel="stylesheet" href="<%= allStyles[i] %>">

public/about.md

@@ -1,4 +1,4 @@
-I'm Sami Samhuri, a software developer and general technology geek. Sometimes
+I'm Sami J. Samhuri, a software developer and general technology geek. Sometimes
 I write my thoughts and post my projects here. I moved to [Victoria, BC][vic]
 in 2003 to study computer science at the [University of Victoria][uvic], and
 then dropped out a couple of years later.

public/images/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/images/mstile-150x150.png"/>
+      <TileColor>#aa0000</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

public/images/manifest.json

@@ -0,0 +1,16 @@
+{
+	"name": "",
+	"icons": [
+		{
+			"src": "\/images\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/images\/android-chrome-256x256.png",
+			"sizes": "256x256",
+			"type": "image\/png"
+		}
+	],
+	"theme_color": "#ffffff"
+}

public/images/safari-pinned-tab.svg

@@ -0,0 +1,30 @@
+<?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="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 1500 l0 -1500 1500 0 1500 0 0 1500 0 1500 -1500 0 -1500 0 0
+-1500z m1637 900 c46 -28 67 -65 67 -120 0 -55 -21 -92 -67 -120 -90 -55 -208
+9 -209 114 -2 111 116 183 209 126z m-773 -386 c32 -8 78 -23 102 -33 l42 -19
+-33 -89 c-18 -48 -37 -88 -42 -87 -4 0 -30 10 -58 23 -68 31 -189 40 -233 17
+-36 -19 -52 -43 -52 -81 0 -58 33 -84 195 -155 127 -55 162 -77 212 -134 92
+-104 91 -278 0 -383 -120 -136 -411 -163 -618 -58 -19 10 -35 19 -37 20 -2 2
+15 46 38 98 l42 94 66 -33 c110 -56 246 -62 297 -14 19 18 25 34 25 65 0 75
+-27 101 -192 182 -162 81 -225 132 -260 210 -29 65 -28 167 2 227 68 141 281
+205 504 150z m1590 0 c32 -8 78 -23 102 -33 l42 -19 -33 -89 c-18 -48 -37 -88
+-42 -87 -4 0 -30 10 -58 23 -68 31 -189 40 -233 17 -36 -19 -52 -43 -52 -81 0
+-58 33 -84 195 -155 127 -55 162 -77 212 -134 92 -104 91 -278 0 -383 -120
+-136 -411 -163 -618 -58 -19 10 -35 19 -37 20 -2 2 15 46 38 98 l42 94 66 -33
+c110 -56 246 -62 297 -14 19 18 25 34 25 65 0 75 -27 101 -192 182 -162 81
+-225 132 -260 210 -29 65 -28 167 2 227 68 141 281 205 504 150z m-756 -494
+c1 -281 -2 -534 -8 -585 -26 -237 -170 -349 -477 -371 l-93 -7 0 110 0 110 91
+6 c110 7 183 38 214 89 19 31 20 54 23 485 l3 452 -93 3 -93 3 -3 89 c-2 49 0
+95 2 103 5 11 47 13 218 11 l213 -3 3 -495z"/>
+</g>
+</svg>

public/images/sjs.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<svg width="300" height="300" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <title>Logo</title>
+  <text xml:space="preserve" text-anchor="start" font-family="'Trebuchet MS', Gadget, sans-serif" font-size="12" id="logo" y="11" x="1" stroke-width="0" stroke="#000" fill="#000000">sjs</text>
+ </g>
+</svg>