0.8.1 - PWA and favicons

R74nCom · Jan 6, 2022 · b542dda · b542dda
1 parent c2880bb
commit b542dda
Show file tree

Hide file tree

Showing 34 changed files with 213 additions and 3 deletions.
diff --git a/changelog.txt b/changelog.txt
@@ -4,6 +4,11 @@
     + ~~Electricity~~ & Machines Update
     + Mod Manager Update
 
+[Version 0.8.1]
+    + Progressive web app support
+    + Confirms when you are about to leave the page
+    + Favicons and social cards
+
 [Version 0.8 - Electricity]
     + Mobile Support (Potentially buggy)
     + Electricity

diff --git a/icons/android-chrome-192x192.png b/icons/android-chrome-192x192.png
diff --git a/icons/android-chrome-384x384.png b/icons/android-chrome-384x384.png
diff --git a/icons/apple-touch-icon-114x114-precomposed.png b/icons/apple-touch-icon-114x114-precomposed.png
diff --git a/icons/apple-touch-icon-114x114.png b/icons/apple-touch-icon-114x114.png
diff --git a/icons/apple-touch-icon-120x120-precomposed.png b/icons/apple-touch-icon-120x120-precomposed.png
diff --git a/icons/apple-touch-icon-120x120.png b/icons/apple-touch-icon-120x120.png
diff --git a/icons/apple-touch-icon-144x144-precomposed.png b/icons/apple-touch-icon-144x144-precomposed.png
diff --git a/icons/apple-touch-icon-144x144.png b/icons/apple-touch-icon-144x144.png
diff --git a/icons/apple-touch-icon-152x152-precomposed.png b/icons/apple-touch-icon-152x152-precomposed.png
diff --git a/icons/apple-touch-icon-152x152.png b/icons/apple-touch-icon-152x152.png
diff --git a/icons/apple-touch-icon-180x180-precomposed.png b/icons/apple-touch-icon-180x180-precomposed.png
diff --git a/icons/apple-touch-icon-180x180.png b/icons/apple-touch-icon-180x180.png
diff --git a/icons/apple-touch-icon-57x57-precomposed.png b/icons/apple-touch-icon-57x57-precomposed.png
diff --git a/icons/apple-touch-icon-57x57.png b/icons/apple-touch-icon-57x57.png
diff --git a/icons/apple-touch-icon-60x60-precomposed.png b/icons/apple-touch-icon-60x60-precomposed.png
diff --git a/icons/apple-touch-icon-60x60.png b/icons/apple-touch-icon-60x60.png
diff --git a/icons/apple-touch-icon-72x72-precomposed.png b/icons/apple-touch-icon-72x72-precomposed.png
diff --git a/icons/apple-touch-icon-72x72.png b/icons/apple-touch-icon-72x72.png
diff --git a/icons/apple-touch-icon-76x76-precomposed.png b/icons/apple-touch-icon-76x76-precomposed.png
diff --git a/icons/apple-touch-icon-76x76.png b/icons/apple-touch-icon-76x76.png
diff --git a/icons/apple-touch-icon-precomposed.png b/icons/apple-touch-icon-precomposed.png
diff --git a/icons/apple-touch-icon.png b/icons/apple-touch-icon.png
diff --git a/icons/browserconfig.xml b/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="icons/mstile-150x150.png?v=2"/>
+            <TileColor>#e6d577</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/icons/favicon-16x16.png b/icons/favicon-16x16.png
diff --git a/icons/favicon-32x32.png b/icons/favicon-32x32.png
diff --git a/icons/favicon.ico b/icons/favicon.ico
diff --git a/icons/mstile-150x150.png b/icons/mstile-150x150.png
diff --git a/icons/safari-pinned-tab.svg b/icons/safari-pinned-tab.svg
diff --git a/icons/site.webmanifest b/icons/site.webmanifest
@@ -0,0 +1,20 @@
+{
+    "name": "Sandboxels",
+    "short_name": "Sandboxels",
+    "icons": [
+        {
+            "src": "icons/android-chrome-192x192.png?v=2",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/android-chrome-384x384.png?v=2",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#e6d577",
+    "background_color": "#e6d577",
+    "start_url": "https://sandboxels.r74n.com",
+    "display": "standalone"
+}
diff --git a/icons/wallpaper.png b/icons/wallpaper.png
diff --git a/index.html b/index.html
@@ -1,14 +1,49 @@
+<!DOCTYPE html>
 <html>
 
 <head>
     <meta charset="utf-8">
     <title>Sandboxels</title>
-    <meta charset="utf-8">
     <meta name="description" content="A falling sand simulation game.">
     <meta name="keywords" content="falling sand, elements, pixel art, simulator, powder">
     <meta name="author" content="R74n">
+    <meta name="copyright" content="R74n">
     <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="follow">
+
+    <!--Favicons-->
+    <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png?v=2">
+    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png?v=2">
+    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png?v=2">
+    <link rel="manifest" href="manifest.json">
+    <link rel="mask-icon" href="icons/safari-pinned-tab.svg?v=2" color="#2167ff">
+    <link rel="shortcut icon" href="icons/favicon.ico?v=2">
+    <meta name="msapplication-TileColor" content="#e6d577">
+    <meta name="theme-color" content="#e6d577">
+
+    <!--OpenGraph-->
+    <meta property="og:locale" content="en_US">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Sandboxels">
+    <meta property="og:description" content="A falling sand simulation game.">
+    <meta property="og:url" content="https://sandboxels.r74n.com">
+    <meta property="og:site_name" content="Sandboxels">
+    <meta property="og:image" content="icons/wallpaper.png">
+    <meta property="og:image:width" content="1980">
+    <meta property="og:image:height" content="971">
+    <meta property="og:image:type" content="image/png">
+    <meta property="og:image:alt" content="A rainforest made in Sandboxels">
+
+    <!--Twitter-->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:description" content="A falling sand simulation game.">
+    <meta name="twitter:title" content="Sandboxels">
+    <meta name="twitter:site:id" content="1436857621827530753">
+    <meta name="twitter:image" content="icons/wallpaper.png">
+    <meta name="twitter:image:alt" content="A rainforest made in Sandboxels">
+    <meta name="twitter:creator:id" content="1436857621827530753">
+
     <script src="https://R74n.com/load.js"></script>
 
     <style>
@@ -4150,6 +4185,11 @@
                 if (e.touches) e = e.touches[0];
                 return false;
             }
+            window.onbeforeunload = function(){ // Confirm leaving page if there are pixels on-screen
+                if (currentPixels.length > 0){
+                    return 'Are you sure you want to leave?';
+                }
+            };
             shiftDown = 0;
             // If the user presses [ or -, decrease the mouse size by 2
             document.addEventListener("keydown", function(e) {
@@ -4315,7 +4355,7 @@
 
 <body>
     <h1 class="pagetitle">
-    <a href="https://R74n.com" class="backbutton">&lt;</a>
+    <a href="https://R74n.com" class="backbutton" target="_blank">&lt;</a>
     Sandboxels</h1>
     <div id="gameDiv">
         <canvas id="game" width="800" height="600" oncontextmenu="return false;">
@@ -4331,7 +4371,7 @@ <h1 class="pagetitle">
                 <div id="categoryControls"></div>
                 <div id="elementControls"></div>
             </div>
-            <div id="extraInfo"><small><a href="controls.txt" target="_blank">Controls</a> • <a href="changelog.txt" target="_blank">Changelog</a> • <a href="https://docs.google.com/document/d/1R8xljj_J-K5oU-9y4louwplQmM-ZBvUfXmhbgj5LYdk/edit?usp=sharing" target="_blank">Feedback</a></small></div>
+            <div id="extraInfo"><small><a href="https://sandboxels.R74n.com/changelog.txt" target="_blank">Controls</a> • <a href="https://sandboxels.R74n.com/changelog.txt" target="_blank">Changelog</a> • <a href="https://docs.google.com/document/d/1R8xljj_J-K5oU-9y4louwplQmM-ZBvUfXmhbgj5LYdk/edit?usp=sharing" target="_blank">Feedback</a></small></div>
         </div>
     </div>
 

diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,28 @@
+{
+  "name": "Sandboxels",
+  "short_name": "Sandboxels",
+  "theme_color": "#e6d577",
+  "background_color": "#000000",
+  "display": "standalone",
+  "scope": "/",
+  "start_url": "https://sandboxels.r74n.com",
+  "description": "A falling sand simulation game",
+  "orientation": "any",
+  "icons": [
+    {
+      "src": "icons/android-chrome-192x192.png?v=2",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+        "src": "icons/android-chrome-384x384.png?v=2",
+        "sizes": "384x384",
+        "type": "image/png"
+    },
+    {
+        "src": "icons/apple-touch-icon.png?v=2",
+        "sizes": "180x180",
+        "type": "image/png"
+    }
+  ]
+}
diff --git a/offline.html b/offline.html
@@ -0,0 +1 @@
+index.html