favicon + og tags update

Nate created

Change summary

server/favicon.ico                              |  0 
server/static/browserconfig.xml                 |  2 
server/static/favicon.png                       |  0 
server/static/images/android-chrome-192x192.png |  0 
server/static/images/android-chrome-512x512.png |  0 
server/static/images/apple-touch-icon.png       |  0 
server/static/images/favicon-16x16.png          |  0 
server/static/images/favicon-32x32.png          |  0 
server/static/images/favicon.png                |  0 
server/static/images/favicon.svg                |  4 
server/static/images/mstile-144x144.png         |  0 
server/static/images/mstile-150x150.png         |  0 
server/static/images/mstile-310x150.png         |  0 
server/static/images/mstile-310x310.png         |  0 
server/static/images/mstile-70x70.png           |  0 
server/static/images/safari-pinned-tab.svg      | 19 +++++++
server/static/images/zed-og-image.png           |  0 
server/static/images/zed-twitter-image.png      |  0 
server/static/safari-pinned-tab.svg             | 49 -------------------
server/static/site.webmanifest                  |  4 
server/templates/partials/layout.hbs            | 28 +++++++---
21 files changed, 43 insertions(+), 63 deletions(-)

Detailed changes

server/static/browserconfig.xml 🔗

@@ -2,7 +2,7 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/static/mstile-150x150.png"/>
+            <square150x150logo src="/static/images/mstile-150x150.png"/>
             <TileColor>#000000</TileColor>
         </tile>
     </msapplication>

server/static/favicon.svg → server/static/images/favicon.svg 🔗

@@ -1,10 +1,10 @@
 <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
   <style>
-		path, mask {
+		path {
         fill: #000000;
       }
       @media ( prefers-color-scheme: dark ) {
-        path, mask {
+        path {
           fill: #FFFFFF;
         }
       }

server/static/images/safari-pinned-tab.svg 🔗

@@ -0,0 +1,19 @@
+<?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="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+  <style>
+		path {
+        fill: #000000;
+      }
+      @media ( prefers-color-scheme: dark ) {
+        path {
+          fill: #FFFFFF;
+        }
+      }
+	</style>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M256 0C114.615 0 0 114.615 0 256C0 397.385 114.615 512 256 512C397.385 512 512 397.385 512 256C512 114.615 397.385 0 256 0ZM256 64C149.961 64 64 149.961 64 256C64 362.039 149.961 448 256 448C362.039 448 448 362.039 448 256C448 149.961 362.039 64 256 64Z"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M160 160L376 160L238 304H304L352 352H136L274 208H208L160 160Z"/>
+</svg>

server/static/safari-pinned-tab.svg 🔗

@@ -1,49 +0,0 @@
-<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M3278 6996 c-1 -2 -39 -6 -83 -10 -490 -38 -1003 -200 -1450 -459
--102 -59 -288 -180 -305 -197 -3 -3 -43 -34 -90 -70 -90 -69 -111 -86 -198
--165 -352 -320 -662 -745 -837 -1145 -25 -58 -50 -114 -55 -125 -45 -93 -150
--427 -176 -560 -2 -11 -10 -54 -19 -95 -29 -147 -35 -193 -52 -370 -15 -163
--8 -592 12 -711 2 -13 6 -46 9 -74 21 -182 109 -547 165 -680 5 -11 25 -65 46
--120 63 -166 249 -531 312 -610 4 -6 34 -49 65 -95 171 -256 432 -534 708
--755 92 -74 370 -265 386 -265 4 0 15 -6 23 -14 46 -40 413 -212 571 -268 83
--29 268 -87 293 -92 12 -2 60 -13 107 -24 109 -27 200 -44 299 -58 25 -3 57
--8 71 -10 163 -25 682 -25 842 1 13 2 46 7 73 10 71 10 87 13 115 18 14 3 43
-8 65 12 22 4 76 16 120 27 44 10 87 21 96 23 223 51 591 200 823 334 49 28 91
-51 93 51 10 0 268 180 353 247 151 118 324 281 450 422 36 41 70 79 76 85 65
-68 263 353 352 508 46 79 172 331 172 342 0 3 11 29 24 58 57 127 151 421 182
-573 17 81 54 301 59 350 4 33 9 71 11 85 9 47 11 525 3 605 -15 165 -21 220
--24 225 -2 3 -6 30 -10 60 -9 75 -69 337 -99 435 -135 446 -345 845 -627 1195
--425 527 -976 912 -1614 1128 -167 56 -419 119 -555 137 -19 3 -46 7 -60 10
--13 2 -52 7 -86 11 -33 3 -74 8 -90 10 -32 5 -540 14 -546 10z m437 -880 c149
--14 226 -26 345 -52 379 -81 752 -256 1060 -498 155 -121 351 -319 460 -465
-14 -18 34 -45 46 -59 76 -99 197 -309 268 -468 95 -212 175 -479 200 -674 3
--25 8 -54 10 -66 10 -49 19 -219 19 -344 0 -191 -12 -313 -49 -500 -31 -153
--25 -131 -68 -272 -227 -744 -813 -1374 -1547 -1662 -103 -40 -308 -103 -394
--120 -37 -8 -72 -15 -105 -21 -261 -50 -595 -51 -884 -4 -176 29 -402 89 -501
-133 -16 8 -41 17 -55 21 -42 12 -303 141 -366 181 -140 88 -175 113 -286 201
--300 237 -550 546 -716 883 -75 154 -91 191 -130 305 -56 166 -101 346 -117
-470 -3 28 -8 57 -10 65 -23 89 -23 545 1 663 2 12 7 42 10 67 3 25 15 86 25
-135 11 50 22 104 25 120 11 58 94 295 139 398 177 404 471 777 819 1038 87 65
-194 139 201 139 4 0 19 8 33 19 101 70 367 193 529 244 74 24 199 58 263 71
-80 18 121 25 169 31 30 4 63 8 74 11 11 2 61 6 111 10 50 3 92 7 93 8 5 5 262
--1 328 -8z"/>
-<path d="M2190 4813 c0 -1 147 -150 327 -330 l327 -328 446 -1 c245 -1 447 -2
-448 -3 2 0 -37 -43 -86 -93 -49 -51 -114 -118 -143 -149 -65 -68 -394 -412
--535 -559 -56 -58 -130 -134 -164 -170 -34 -36 -131 -137 -215 -225 -84 -88
--177 -185 -206 -215 -76 -80 -440 -459 -469 -489 -14 -14 -33 -35 -42 -46 -17
--21 129 -22 2770 -15 l162 0 -327 328 -328 327 -447 0 c-308 -1 -445 2 -440
-10 3 5 44 50 91 99 231 240 537 559 591 616 47 50 322 337 526 549 169 175
-225 234 414 432 91 95 184 192 207 216 23 24 36 43 30 44 -39 1 -2937 4 -2937
-2z"/>
-</g>
-</svg>

server/static/site.webmanifest 🔗

@@ -1,6 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
+    "name": "Zed – a lightning fast, collaborative code editor written natively in Rust",
+    "short_name": "Zed",
     "icons": [
         {
             "src": "/static/android-chrome-192x192.png",

server/templates/partials/layout.hbs 🔗

@@ -3,22 +3,32 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86">
-    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
-    <link rel="shortcut icon" href="/static/favicon.png">
-    <link rel="shortcut icon" href="/static/favicon.svg">
+    
+    <link rel="mask-icon" href="/static/images/favicon.svg" color="#000000">
+    <link rel="alternate icon" type="image/png" href="/static/images/favicon.png">
+    <link rel="shortcut icon" href="/static/images/favicon.svg">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/images/apple-touch-icon.png">
+    <link rel="manifest" href="/static/site.webmanifest">
+
     <link rel="stylesheet" href="/static/styles.css">
     <link rel="stylesheet" href="/static/prose.css">
 
-    <!-- Social stuff -->
-    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
-    <link rel="manifest" href="/static/site.webmanifest">
-    <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#000000">
+    <link rel="mask-icon" href="/static/images/safari-pinned-tab.svg" color="#000000">
     <meta name="msapplication-TileColor" content="#000000">
     <meta name="msapplication-config" content="/static/browserconfig.xml">
     <meta name="theme-color" content="#000">
 
-    <title>Zed – a lightning fast, collaborative code editor written natively in Rust</title>
+    <!-- Open Graph stuff -->
+    <meta name="twitter:card" content="summary" />
+    <meta property="twitter:image" content="/static/images/zed-twitter-image.png" />
+    <meta name="twitter:image:alt" content="An image of Zed's logo, sharp Z inside a circle, in white on a black background." />
+    <meta property="og:url" content="https://zed.dev/" />
+    <meta property="og:title" content="Introducing Zed" />
+    <meta property="og:description" content="A lightning-fast, collaborative code editor written in Rust." />
+    <meta property="og:image" content="/static/images/zed-og-image.png" />
+    <meta property="og:type" content="website" />
+
+    <title>Zed</title>
 
 </head>