Fixes. Adds icons

rowanhogan · Sep 17, 2015 · c4e9030 · c4e9030
1 parent ce79bbc
commit c4e9030
Show file tree

Hide file tree

Showing 32 changed files with 205 additions and 105 deletions.
diff --git a/android-chrome-144x144.png b/android-chrome-144x144.png
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
diff --git a/android-chrome-36x36.png b/android-chrome-36x36.png
diff --git a/android-chrome-48x48.png b/android-chrome-48x48.png
diff --git a/android-chrome-72x72.png b/android-chrome-72x72.png
diff --git a/android-chrome-96x96.png b/android-chrome-96x96.png
diff --git a/app.js b/app.js
@@ -71,6 +71,7 @@
     $(document).on('click', '#toggle-styles', function(e) {
       e.preventDefault();
 
+      $(this).toggleClass('active');
       $('#custom-styles').toggleClass('visible');
     });
 

diff --git a/apple-touch-icon-114x114.png b/apple-touch-icon-114x114.png
diff --git a/apple-touch-icon-120x120.png b/apple-touch-icon-120x120.png
diff --git a/apple-touch-icon-144x144.png b/apple-touch-icon-144x144.png
diff --git a/apple-touch-icon-152x152.png b/apple-touch-icon-152x152.png
diff --git a/apple-touch-icon-180x180.png b/apple-touch-icon-180x180.png
diff --git a/apple-touch-icon-57x57.png b/apple-touch-icon-57x57.png
diff --git a/apple-touch-icon-60x60.png b/apple-touch-icon-60x60.png
diff --git a/apple-touch-icon-72x72.png b/apple-touch-icon-72x72.png
diff --git a/apple-touch-icon-76x76.png b/apple-touch-icon-76x76.png
diff --git a/apple-touch-icon-precomposed.png b/apple-touch-icon-precomposed.png
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/browserconfig.xml b/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/mstile-70x70.png"/>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <square310x310logo src="/mstile-310x310.png"/>
+      <wide310x150logo src="/mstile-310x150.png"/>
+      <TileColor>#000000</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/favicon-16x16.png b/favicon-16x16.png
diff --git a/favicon-194x194.png b/favicon-194x194.png
diff --git a/favicon-32x32.png b/favicon-32x32.png
diff --git a/favicon-96x96.png b/favicon-96x96.png
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -1,14 +1,36 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
   <title>Wikireadia</title>
-  <link rel="shortcut icon" href="./favicon.ico">
+
+  <meta charset="UTF-8">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="viewport" content="width=device-width">
+  <meta name="apple-mobile-web-app-title" content="Wikireadia">
+  <meta name="application-name" content="Wikireadia">
+  <meta name="msapplication-TileColor" content="#000000">
+  <meta name="msapplication-TileImage" content="/mstile-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194">
+  <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="/manifest.json">
   <link rel="stylesheet" type="text/css" href="./style.css">
 </head>
 <body>
   <header>
-    <a href="/">Home</a>
     <form id="search-form" type="POST">
       <input type='search' placeholder="Search...">
       <button type="submit">Search</button>
@@ -23,7 +45,7 @@ <h3>Wikipedia viewer with custom styles</h3>
 
   </div>
 
-  <div id="theme-changer-container">
+  <footer id="theme-changer-container">
     <label>Theme:</label>
     <select id="theme-changer">
       <option value=''>Light</option>
@@ -32,11 +54,11 @@ <h3>Wikipedia viewer with custom styles</h3>
     </select>
 
     <small><em>Inverted</em> normalizes images when screen is inverted &mdash; Good for night reading.</small>
-  </div>
 
-  <style id="custom-styles" type="text/css" contenteditable></style>
+    <button id="toggle-styles">Toggle Styles</button>
+    <style id="custom-styles" type="text/css" contenteditable></style>
+  </footer>
 
-  <button id="toggle-styles">Toggle Styles</button>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js" type="text/javascript"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js" type="text/javascript"></script>

diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,41 @@
+{
+	"name": "Wikireadia",
+	"icons": [
+		{
+			"src": "\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": "0.75"
+		},
+		{
+			"src": "\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": "1.0"
+		},
+		{
+			"src": "\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": "1.5"
+		},
+		{
+			"src": "\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": "2.0"
+		},
+		{
+			"src": "\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": "3.0"
+		},
+		{
+			"src": "\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": "4.0"
+		}
+	]
+}
diff --git a/mstile-144x144.png b/mstile-144x144.png
diff --git a/mstile-150x150.png b/mstile-150x150.png
diff --git a/mstile-310x150.png b/mstile-310x150.png
diff --git a/mstile-310x310.png b/mstile-310x310.png
diff --git a/mstile-70x70.png b/mstile-70x70.png