chore(build): move to react 18 + vite

2023-02-02 22:15:00 -07:00
parent ced8732edb
commit 1b8d6c48fc
46 changed files with 198 additions and 450 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Phosphor Icons</title>
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#35313D" />
+    <meta
+      name="description"
+      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
+    />
+    <meta name="author" content="Tobias Fried" />
+
+    <!-- GOOGLE META -->
+    <meta itemprop="name" content="Phosphor Icons" />
+    <meta
+      itemprop="description"
+      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
+    />
+    <meta
+      itemprop="image"
+      content="https://phosphoricons.com/phosphor-opengraph.png"
+    />
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "Project",
+        "url": "https://phosphoricons.com",
+        "email": "hello@phosphoricons.com",
+        "location": "Brooklyn, NY",
+        "description": "A flexible icon family for interfaces, diagrams, presentations — whatever, really.",
+        "logo": "https://phosphoricons.com/favicon-512.png"
+      }
+    </script>
+
+    <!-- FACEBOOK META -->
+    <meta property="og:title" content="Phosphor Icons" />
+    <meta property="og:site_name" content="Phosphor Icons" />
+    <meta
+      property="og:description"
+      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://phosphoricons.com" />
+    <meta
+      property="og:image"
+      content="https://phosphoricons.com/phosphor-opengraph.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:alt" content="Phosphor Icons logo" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+
+    <!-- TWITTER META -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Phosphor Icons" />
+    <meta
+      name="twitter:description"
+      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
+    />
+    <meta
+      name="twitter:image"
+      content="https://phosphoricons.com/phosphor-opengraph.png"
+    />
+    <meta name="twitter:site" content="@_phosphoricons" />
+    <meta name="twitter:creator" content="@friedtm" />
+
+    <link rel="apple-touch-icon" href="/favicon-192.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/manifest.json" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <noscript>
+      <div>
+        <strong>Enable JavaScript to check out Phosphor Icons!</strong>
+        <p>You can also find us at:</p>
+        <ul>
+          <li>
+            <a href="https://twitter.com/_phosphoricons">@_phosphoricons</a> on
+            Twitter
+          </li>
+          <li>
+            <a href="mailto:hello@phosphoricons.com">hello@phosphoricons.com</a>
+            via email
+          </li>
+        </ul>
+        <small>
+          Phosphor Icons is created by
+          <a href="https://helenazhang.com">Helena Zhang</a> and
+          <a href="https://tobiasfried.com">Tobias Fried</a>.
+        </small>
+      </div>
+    </noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>