feat: opengraph design

public/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/favicons/safari-pinned-tab.svg

@@ -0,0 +1,18 @@
+<?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">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 4420 l0 -700 2320 0 2320 0 0 -230 0 -230 -2320 0 -2320 0 0 -700
+0 -700 2320 0 2320 0 0 -230 0 -230 -2320 0 -2320 0 0 -700 0 -700 2560 0
+2560 0 0 235 0 235 -2320 0 -2320 0 0 230 0 230 2320 0 2320 0 0 700 0 700
+-2320 0 -2320 0 0 230 0 230 2320 0 2320 0 0 700 0 700 -2320 0 -2320 0 0 230
+0 230 2320 0 2320 0 0 235 0 235 -2560 0 -2560 0 0 -700z"/>
+</g>
+</svg>

public/favicons/site.webmanifest

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

public/static/logo.svg

@@ -0,0 +1,20 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_271_118)">
+<rect width="512" height="47" fill="#CCCCCC"/>
+<rect y="93" width="512" height="47" fill="#CCCCCC"/>
+<rect y="186" width="512" height="47" fill="#CCCCCC"/>
+<rect y="279" width="512" height="47" fill="#CCCCCC"/>
+<rect y="372" width="512" height="47" fill="#CCCCCC"/>
+<rect y="465" width="512" height="47" fill="#CCCCCC"/>
+<rect y="47" width="48" height="46" fill="#CCCCCC"/>
+<rect x="464" y="140" width="48" height="46" fill="#CCCCCC"/>
+<rect y="233" width="48" height="46" fill="#CCCCCC"/>
+<rect x="464" y="326" width="48" height="46" fill="#CCCCCC"/>
+<rect y="419" width="48" height="46" fill="#CCCCCC"/>
+</g>
+<defs>
+<clipPath id="clip0_271_118">
+<rect width="512" height="512" fill="white"/>
+</clipPath>
+</defs>
+</svg>