v1.0.0/release

2021-04-14 01:22:39 -04:00
parent f8da0347da
commit 6accac1ea4
37 changed files with 4186 additions and 233 deletions
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- Google Tag Manager -->
+    <script>
+      (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != "dataLayer" ? "&l=" + l : "";
+        j.async = true;
+        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, "script", "dataLayer", "GTM-K4XHBR6");
+    </script>
+    <!-- End Google Tag Manager -->
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Learn about the expected side effects of COVID-19 Vaccines"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <style>
+      @import "%PUBLIC_URL%/styles/variables.css";
+      @import "%PUBLIC_URL%/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
+      @import "%PUBLIC_URL%/styles/extrasmall.css";
+      @import "%PUBLIC_URL%/styles/small.css" only screen and (min-width: 400px)
+        and (max-width: 767px);
+      @import "%PUBLIC_URL%/styles/smallmedium.css" only screen and
+        (min-width: 768px) and (max-width: 1023px);
+      @import "%PUBLIC_URL%/styles/medium.css" only screen and
+        (min-width: 1024px);
+      @import "%PUBLIC_URL%/styles/large.css" only screen and
+        (min-width: 1366px);
+      @import "%PUBLIC_URL%/styles/extralarge.css" only screen and
+        (min-width: 1921px);
+      @font-face {
+        font-family: "GlacialBold";
+        src: url("%PUBLIC_URL%/fonts/glacialindifference-bold-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+      }
+      @font-face {
+        font-family: "GlacialItalic";
+        src: url("%PUBLIC_URL%/fonts/glacialindifference-italic-webfont.woff2")
+            format("woff2"),
+          url("%PUBLIC_URL%/fonts/glacialindifference-italic-webfont.woff")
+            format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+      }
+      @font-face {
+        font-family: "Glacial";
+        src: url("%PUBLIC_URL%/fonts/glacialindifference-regular-webfont.woff2")
+            format("woff2"),
+          url("%PUBLIC_URL%/fonts/glacialindifference-regular-webfont.woff")
+            format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+      }
+      [data-font="sans"] {
+        font-family: "Glacial", sans-serif;
+        font-display: swap;
+      }
+      [data-font="sans-bold"] {
+        font-family: "GlacialBold", sans-serif;
+        font-display: swap;
+      }
+      [data-font="sans-italic"] {
+        font-family: "GlacialItalic", sans-serif;
+        font-style: italic;
+        font-display: swap;
+      }
+      .logo {
+        background-image: url("%PUBLIC_URL%/logo512.png");
+      }
+    </style>
+    <!-- Google Analytics -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-7VZCY223NG"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+      gtag("config", "G-7VZCY223NG");
+    </script>
+    <title>Vax & Me</title>
+  </head>
+  <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript>
+      <iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-K4XHBR6"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      >
+      </iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    <div id="root"></div>
+    <footer data-font="sans">
+      <div>
+        <h6 class="overline" data-font="sans">FDA Data Sources</h6>
+        <a href="https://www.fda.gov/media/144416/download">PFizer-BioNTech</a>
+        <a href="https://www.fda.gov/media/144637/download">Moderna</a>
+        <a href="https://www.fda.gov/media/146304/download">J&J Janssen</a>
+      </div>
+      <div>
+        <h6 class="overline" data-font="sans">Download</h6>
+        <a href="%PUBLIC_URL%/vaxandme_chart.pdf">Visualized Chart</a>
+      </div>
+      <div>
+        Designed &amp; Developed with ❤ by Alba Rajanibala and Ayushya Amitabh
+      </div>
+    </footer>
+  </body>
+</html>