add favicons

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>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

index.html

@@ -1,20 +1,73 @@
 <html>
-<head>
-    <title>Open Argon</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-    <div class="header">
-    <img src="logos/ArLogo.png" alt="Open Argon Logo" class="logo">
-        <h1 class="title">Open Argon</h1>
-    <h3>the programming language so unreactive, it makes noble gases look lively.</h3>
-    <p>
-        Open Argon is a community dedicated to the development and improvement of the Argon programming language. Join us to stay up-to-date on the latest features, discuss ideas, and collaborate on projects.
-    </p></div>
-    <div class="main">
-        <p>Argon is a programming language designed for simplicity and readability. Unlike Python or Go, Argon has a unique syntax that sets it apart. While it may not be the fastest language out there, it prioritizes number accuracy over speed, using rational numbers instead of floats. Argon's focus on readability and accuracy makes it a great choice for scientific and mathematical applications. If you're interested in learning more about Argon and its syntax, <a href="/docs/" target="_blank">check out the documentation</a>.</p>
-        <a href="/wasm-example/"  target="_blank">try the online runtime!</a>
-    </div>
-</body>
+    <head>
+        <title>Open Argon</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="style.css" />
+
+        <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="/apple-touch-icon.png"
+        />
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="/favicon-32x32.png"
+        />
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="194x194"
+            href="/favicon-194x194.png"
+        />
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="192x192"
+            href="/android-chrome-192x192.png"
+        />
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="16x16"
+            href="/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/site.webmanifest" />
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2596be" />
+        <meta name="msapplication-TileColor" content="#ffffff" />
+        <meta name="msapplication-TileImage" content="/mstile-144x144.png" />
+        <meta name="theme-color" content="#ffffff" />
+    </head>
+    <body>
+        <div class="header">
+            <img src="logos/ArLogo.png" alt="Open Argon Logo" class="logo" />
+            <h1 class="title">Open Argon</h1>
+            <h3>
+                the programming language so unreactive, it makes noble gases
+                look lively.
+            </h3>
+            <p>
+                Open Argon is a community dedicated to the development and
+                improvement of the Argon programming language. Join us to stay
+                up-to-date on the latest features, discuss ideas, and
+                collaborate on projects.
+            </p>
+        </div>
+        <div class="main">
+            <p>
+                Argon is a programming language designed for simplicity and
+                readability. Unlike Python or Go, Argon has a unique syntax that
+                sets it apart. While it may not be the fastest language out
+                there, it prioritizes number accuracy over speed, using rational
+                numbers instead of floats. Argon's focus on readability and
+                accuracy makes it a great choice for scientific and mathematical
+                applications. If you're interested in learning more about Argon
+                and its syntax,
+                <a href="/docs/" target="_blank">check out the documentation</a
+                >.
+            </p>
+            <a href="/wasm-example/" target="_blank">try the online runtime!</a>
+        </div>
+    </body>
 </html>

safari-pinned-tab.svg

@@ -0,0 +1,38 @@
+<?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="591.000000pt" height="591.000000pt" viewBox="0 0 591.000000 591.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,591.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1932 4688 c-7 -7 -12 -15 -12 -19 0 -6 -44 -102 -225 -494 -26 -56
+-80 -175 -115 -250 -12 -27 -42 -92 -66 -144 -24 -51 -44 -95 -44 -96 0 -2
+-29 -65 -65 -140 -36 -76 -65 -139 -65 -141 0 -2 -19 -43 -41 -91 -67 -143
+-105 -225 -127 -273 -11 -25 -36 -79 -55 -120 -41 -89 -81 -176 -112 -245 -13
+-27 -39 -84 -58 -125 -39 -85 -306 -665 -345 -750 -13 -30 -46 -102 -73 -158
+-27 -57 -49 -105 -49 -107 0 -1 -20 -45 -44 -96 -24 -52 -57 -124 -74 -160
+l-30 -67 138 0 137 0 18 41 c10 23 44 98 76 167 79 175 101 222 147 325 22 50
+53 119 70 155 16 36 40 88 52 115 47 104 78 171 98 215 11 25 88 194 170 375
+83 182 164 362 182 400 17 39 39 86 47 105 9 19 28 62 44 95 15 33 59 130 97
+215 39 85 86 190 106 232 20 42 36 79 36 81 0 3 20 47 44 98 44 96 156 343
+175 389 6 14 15 32 20 40 5 8 22 46 39 83 30 68 30 68 46 45 9 -12 16 -26 16
+-29 0 -4 23 -55 50 -114 28 -59 50 -108 50 -110 0 -2 23 -52 50 -110 28 -58
+50 -108 50 -110 0 -1 17 -41 39 -87 21 -45 185 -405 364 -798 550 -1210 588
+-1293 616 -1355 15 -33 68 -148 117 -255 48 -107 93 -198 98 -202 13 -9 255
+-8 261 2 2 4 -6 29 -20 56 -20 42 -59 126 -165 359 -12 28 -42 92 -66 143 -24
+52 -44 95 -44 97 0 1 -22 49 -49 106 -27 57 -73 158 -103 224 -52 113 -67 145
+-148 320 -18 39 -68 148 -111 243 -44 95 -97 210 -118 255 -21 45 -48 105 -61
+132 -12 28 -51 113 -87 190 -36 77 -76 163 -88 190 -24 53 -56 123 -112 245
+-43 92 -235 511 -313 680 -31 69 -69 151 -85 182 l-27 57 -122 0 c-80 0 -127
+-4 -134 -11z"/>
+<path d="M5418 3825 c-2 -2 -23 -5 -48 -8 -168 -21 -357 -96 -495 -197 -97
+-71 -209 -207 -258 -312 -10 -20 -21 -39 -25 -42 -4 -2 -7 119 -6 270 1 245
+-1 274 -15 274 -95 3 -213 1 -218 -3 -4 -4 -8 -2398 -4 -2568 l1 -27 123 2
+122 1 1 725 c1 399 4 752 8 785 16 138 26 185 57 279 62 184 181 347 324 441
+147 96 315 144 523 146 l73 1 -2 119 -1 120 -79 -2 c-43 -1 -80 -3 -81 -4z"/>
+</g>
+</svg>

site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Open Argon",
+    "short_name": "Open Argon",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}