Updating manifest for more universal icons

src/assets/app-icon.svg

@@ -0,0 +1 @@
+<svg id="192b1ddc-b58c-4510-a73c-0fc2a95ef212" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192"><title>app-icon</title><path d="M81.5,129.23,26.33,183.14V8.86L81.5,62.77Zm0-120.37V35.19l62.7,60.18L81.5,156.81v25.08l90.28-86.52Z" style="fill:#08d58f"/></svg>

src/assets/icon.svg

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<path d="M6.6,10.7l-4.4,4.3V1.1l4.4,4.3V10.7z M6.6,1.1v2.1l5,4.8l-5,4.9v2L13.8,8L6.6,1.1z"/>
-</svg>

src/assets/icon_coloured.svg

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<path fill="#08d58f" d="M6.6,10.7l-4.4,4.3V1.1l4.4,4.3V10.7z M6.6,1.1v2.1l5,4.8l-5,4.9v2L13.8,8L6.6,1.1z"/>
-</svg>

src/assets/icon_white.svg

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<path d="M6.6,10.7l-4.4,4.3V1.1l4.4,4.3V10.7z M6.6,1.1v2.1l5,4.8l-5,4.9v2L13.8,8L6.6,1.1z" style="fill: #FFFFFF;" />
-</svg>

src/index.html

@@ -5,28 +5,28 @@
 
 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 	<meta content="width=device-width, initial-scale=1" name="viewport" />
-	<meta name="mobile-web-app-capable" content="yes" >
+	<meta name="viewport" content="width=device-width" />
+
+	<link rel="manifest" href="/iris/manifest.json" />
+
+	<!-- App setup -->
 	<meta name="apple-mobile-web-app-capable" content="yes" />
-	<meta name="theme-color" content="#222222" />
-	<meta name="viewport" content="width=device-width">
-
-	<link rel="shortcut icon" type="image/ico" href="/iris/assets/favicon.ico" />
-	<link rel="shortcut icon" type="image/x-icon" href="/iris/assets/favicon.ico" />
-	<link rel="shortcut-icon" href="/iris/assets/favicon.ico" />
-
-	<!-- Chrome app -->
-	<link rel="manifest" href="/iris/manifest.json">
-
-	<!-- Apple app -->
 	<meta name="apple-mobile-web-app-title" content="Iris" />
 	<meta name="apple-mobile-web-app-capable" content="yes" />
-	<meta name="apple-mobile-web-app-status-bar-style" content="#121212">
-	<link rel="apple-touch-startup-image" href="/iris/assets/logo-full-512.png" />
-	<link rel="apple-touch-icon" sizes="192x192" href="/iris/assets/logo-app-192.png" />
-	<link rel="apple-touch-icon" sizes="512x512" href="/iris/assets/logo-app-512.png" />
-	<link rel="mask-icon" href="/iris/assets/icon_coloured.svg" color="#08d58f" />
+	<meta name="apple-mobile-web-app-status-bar-style" content="#121212" />
+	<meta name="mobile-web-app-capable" content="yes" />
+	<meta name="theme-color" content="#222222" />
+	
+	<!-- Icons -->
+	<link rel="apple-touch-startup-image" href="/iris/assets/app-icon_512.png" />
+	<link rel="apple-touch-icon" sizes="192x192" href="/iris/assets/logo-app_192.png" />
+	<link rel="apple-touch-icon" sizes="512x512" href="/iris/assets/logo-app_512.png" />
+	<link rel="shortcut icon" type="image/ico" href="/iris/assets/app-icon_64.png" />
+	<link rel="shortcut icon" type="image/x-icon" href="/iris/assets/app-icon_64.png" />
+	<link rel="shortcut-icon" href="/iris/assets/app-icon_64.png" />
+	<link rel="mask-icon" href="/iris/assets/app-icon.svg" color="#08d58f" />
 
-	<!-- Loading screen -->
+	<!-- Loading screen styles -->
 	<style>
 		html {			
 			background-color: #121212;

src/manifest.json

@@ -1,20 +1,25 @@
 {
-  "manifest_version": 2.5,
+  "manifest_version": 2.6,
   "short_name": "Iris",
   "name": "Iris",
   "icons": [
     {
-      "src": "/iris/assets/logo-app-192.png",
+      "src": "/iris/assets/app-icon_64.png",
+      "type": "image/png",
+      "sizes": "64x64"
+    },
+    {
+      "src": "/iris/assets/app-icon_192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "/iris/assets/logo-icon-256.png",
+      "src": "/iris/assets/app-icon_256.png",
       "type": "image/png",
       "sizes": "256x256"
     },
     {
-      "src": "/iris/assets/logo-full-512.png",
+      "src": "/iris/assets/app-icon_512.png",
       "type": "image/png",
       "sizes": "512x512"
     }

src/scss/components/_modal.scss

@@ -8,7 +8,7 @@
 	right: 0;
 	z-index: 999;
 	background: darken($darkest_grey, 2%);
-	overflow-y: scroll;
+	overflow-y: auto;
 
 	.controls {
 		position: absolute;
@@ -52,6 +52,7 @@
 
 		h1 {
 			padding-bottom: 20px;
+			padding-right: 60px;
 		}
 
 		form {

src/scss/components/_sidebar.scss

@@ -30,7 +30,7 @@ aside{
 		opacity: 0.2;
 
 		background: {
-			image: url('../assets/icon.svg');
+			image: url('../assets/app-icon.svg');
 			position: 50% 50%;
 			repeat: no-repeat;
 			size: contain;

src/scss/global/_core.scss

@@ -42,29 +42,29 @@ html {
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
 }
 
+*::-webkit-scrollbar{
+	width: 8px;
+	height: 8px;
+}
+
+*::-webkit-scrollbar-track {
+	background: $dark_grey;
+}
+
+*::-webkit-scrollbar-thumb {
+	@include animate();
+	background: $grey;
+	border-radius: 4px;
+
+	&:hover {
+		background: $mid_grey;
+	}
+}
+
 body {
 	overflow-y: scroll;
 	overflow-x: hidden;
 
-	&::-webkit-scrollbar{
-		width: 8px;
-		height: 8px;
-	}
-
-	&::-webkit-scrollbar-track {
-		background: $dark_grey;
-	}
-
-	&::-webkit-scrollbar-thumb {
-		@include animate();
-		background: $grey;
-		border-radius: 4px;
-
-		&:hover {
-			background: $mid_grey;
-		}
-	}
-
 	&.touch-dragging,
 	&.no-scrollbars {
 		overflow-y: hidden;