150 lines
5.2 KiB
HTML
150 lines
5.2 KiB
HTML
<!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: 370px)
|
|
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 class="link-container">
|
|
<div id="data-sources">
|
|
<h6 class="overline" data-font="sans">FDA Data Sources</h6>
|
|
<a id="fda-pfizer" href="https://www.fda.gov/media/144416/download">PFizer-BioNTech</a>
|
|
<a id="fda-moderna" href="https://www.fda.gov/media/144637/download">Moderna</a>
|
|
<a id="fda-j&j" href="https://www.fda.gov/media/146304/download">J&J Janssen</a>
|
|
</div>
|
|
<div>
|
|
<h6 class="overline" data-font="sans">Links</h6>
|
|
<a href="%PUBLIC_URL%/vaxandme_chart.pdf">Download Chart</a>
|
|
<a href="/">Home</a>
|
|
<a
|
|
target="_blank"
|
|
href="https://www.gavi.org/vaccineswork/what-difference-between-efficacy-and-effectiveness"
|
|
rel="noreferrer"
|
|
>
|
|
What is efficacy? ↗
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<h6 class="overline" data-font="sans">Legal</h6>
|
|
<a href="/copyright">Copyright</a>
|
|
<a href="/privacy">Privacy</a>
|
|
</div>
|
|
</div>
|
|
<div class="overline by" data-font="sans">
|
|
Designed & Developed with ❤ by Alba Rajanibala and Ayushya Amitabh
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|