Added favicons to fix #4, plus icon per #2

Author: pschfr

harp.json

@@ -3,9 +3,19 @@
 		"title": "Watchlist",
 		"githubURL": "https://github.com/pschfr/watchlist",
 		"movies": {
+			"Eight Crazy Nights": { "watched": true },
+			"The Mist": { "watched": false },
+			"Weird Science": { "watched": false },
+			"The Hunchback of Notre Dame": { "watched": true },
+			"All Dogs Go to Heaven": { "watched": false },
+			"All Dogs Go to Heaven 2": { "watched": false },
+			"The Prince of Egypt": { "watched": true },
 			"The Hills Have Eyes": { "watched": false },
+			"The Hills Have Eyes II": { "watched": false },
 			"EuroTrip": { "watched": true },
-			"The Purge: Anarchy": { "watched": false },
+			"The Purge": { "watched": true },
+			"The Purge: Anarchy": { "watched": true },
+			"The Purge: Election Year": { "watched": true },
 			"The Visit": { "watched": false },
 			"Edward Scissorhands": { "watched": false },
 			"Miss Peregrine's Home for Peculiar Children": { "watched": false },
@@ -14,19 +24,35 @@
 			"Logan": { "watched": false },
 			"Get Out": { "watched": true },
 			"Beauty and the Beast": { "watched": false },
-			"The Animatrix": { "watched": true },
 			"The Matrix": { "watched": false },
-			"Oliver and Company": { "watched": true },
+			"The Matrix Reloaded": { "watched": false },
+			"The Matrix Revolutions": { "watched": false },
+			"The Animatrix": { "watched": false },
+			"Oliver and Company": { "watched": false },
 			"Dreamgirls": { "watched": false },
 			"The Five Heartbeats": { "watched": false },
 			"Blade": { "watched": true },
+			"Blade II": { "watched": false },
+			"Blade Trinity": { "watched": false },
 			"Cats Don't Dance": { "watched": true },
 			"The Boy in the Striped Pajamas": { "watched": false },
 			"The Lovely Bones": { "watched": false },
 			"Corpse Bride": { "watched": false },
 			"Child's Play": { "watched": true },
+			"Child's Play 2": { "watched": true },
+			"Child's Play 3": { "watched": true },
+			"Bride of Chucky": { "watched": true },
+			"Seed of Chucky": { "watched": true },
+			"Curse of Chucky": { "watched": false },
 			"James and the Giant Peach": { "watched": true },
 			"Saw": { "watched": true },
+			"Saw II": { "watched": true },
+			"Saw III": { "watched": true },
+			"Saw IV": { "watched": true },
+			"Saw V": { "watched": true },
+			"Saw VI": { "watched": false },
+			"Saw 3D": { "watched": false },
+			"Jigsaw": { "watched": false },
 			"Problem Child": { "watched": false },
 			"Earth Girls are Easy": { "watched": false },
 			"Drop Dead Fred": { "watched": false },
@@ -51,6 +77,7 @@
 			"Harold and Kumar Go to White Castle": { "watched": true },
 			"I, Robot": { "watched": true },
 			"Scary Movie": { "watched": true },
+			"Hostel": { "watched": true },
 			"Hostel II": { "watched": true },
 			"50 First Dates": { "watched": true },
 			"Dawn of the Dead": { "watched": true },
@@ -60,7 +87,14 @@
 			"Mean Girls": { "watched": true },
 			"Accepted": { "watched": true },
 			"Chappie": { "watched": true },
-			"The Invention of Lying": { "watched": true }
+			"The Invention of Lying": { "watched": true },
+			"Sausage Party": { "watched": true },
+			"Don't Breathe": { "watched": true },
+			"South Park: Bigger, Longer & Uncut": { "watched": true },
+			"The Internship": { "watched": true },
+			"Jeepers Creepers": { "watched": true },
+			"American Psycho": { "watched": true },
+			"Grandma's Boy": { "watched": true }
 		}
 	}
 }

public/_layout.jade

@@ -4,8 +4,8 @@ html(lang="en")
 		meta(charset="utf-8")
 		meta(http-equiv="X-UA-Compatible" content="IE=edge")
 		meta(name="viewport" content="width=device-width, initial-scale=1")
-		meta(name="theme-color" content="#222")
-		title #{title}
+		!= partial("_partials/_favicons")
+		title= title
 		link(rel="stylesheet" href=(environment == "production" ? "/watchlist/main.css" : "/main.css"))
 	body
 		!= partial("_partials/_header")

public/_partials/_favicons.jade

@@ -0,0 +1,10 @@
+link(rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png")
+link(rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png")
+link(rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png")
+link(rel="manifest" href="favicons/manifest.json")
+link(rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#222222")
+link(rel="shortcut icon" href="favicons/favicon.ico")
+meta(name="apple-mobile-web-app-title" content=title)
+meta(name="application-name" content=title)
+meta(name="msapplication-config" content="favicons/browserconfig.xml")
+meta(name="theme-color" content="#222222")

public/_partials/_header.jade

@@ -2,10 +2,13 @@ nav.navbar.navbar-inverse.navbar-fixed-top
 	.container-fluid
 		.row
 			.col-xs-12
-				h1 #{title}
+				h1= title
 					span.pull-right
+						a(href="https://github.com/pschfr/watchlist/issues/2" title="Add Movie" target="_blank" tabindex="-1")
+							img(src=(environment == 'production' ? '/watchlist/svg/plus.svg' : 'svg/plus.svg'))
+						| 
 						a(href="https://www.themoviedb.org/" title="Data provided by The Movie Database" target="_blank" tabindex="-1")
 							img(src=(environment == 'production' ? '/watchlist/svg/tmdb.svg' : 'svg/tmdb.svg'))
 						| 
-						a(href="#{githubURL}" title="View the source on GitHub" target="_blank" tabindex="-1")
+						a(href=githubURL title="View the source on GitHub" target="_blank" tabindex="-1")
 							img(src=(environment == 'production' ? '/watchlist/svg/github.svg' : 'svg/github.svg'))

public/favicons/android-chrome-192x192.png

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

public/favicons/android-chrome-512x512.png

@@ -0,0 +1,18 @@
+{
+    "name": "Watchlist",
+    "icons": [
+        {
+            "src": "favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "favicons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#222222",
+    "background_color": "#222222",
+    "display": "standalone"
+}