124 lines
4.6 KiB
HTML
124 lines
4.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="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="logo192.png" />
|
|
<link rel="manifest" href="manifest.json" />
|
|
<style>
|
|
@import "styles/variables.css";
|
|
@import "styles/variables-dark.css" screen and (prefers-color-scheme: dark);
|
|
@import "styles/extrasmall.css";
|
|
@import "styles/small.css" only screen and (min-width: 370px) and (max-width: 767px);
|
|
@import "styles/smallmedium.css" only screen and (min-width: 768px) and (max-width: 1023px);
|
|
@import "styles/medium.css" only screen and (min-width: 1024px);
|
|
@import "styles/large.css" only screen and (min-width: 1366px);
|
|
@import "styles/extralarge.css" only screen and (min-width: 1921px);
|
|
|
|
@font-face {
|
|
font-family: "GlacialBold";
|
|
src: 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("fonts/glacialindifference-italic-webfont.woff2") format("woff2"),
|
|
url("fonts/glacialindifference-italic-webfont.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Glacial";
|
|
src: url("fonts/glacialindifference-regular-webfont.woff2") format("woff2"),
|
|
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("logo512.png");
|
|
}
|
|
|
|
header#archived {
|
|
background: rgb(149 40 40 / 48%);
|
|
border-radius: 2rem;
|
|
position: fixed;
|
|
padding: 1rem 2rem;
|
|
font-size: 1.5rem;
|
|
letter-spacing: 1.5px;
|
|
text-transform: uppercase;
|
|
z-index: 99;
|
|
backdrop-filter: blur(7px);
|
|
font-family: "GlacialBold";
|
|
left: 15rem;
|
|
right: 15rem;
|
|
top: 3rem;
|
|
}
|
|
</style>
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7VZCY223NG"></script>
|
|
<script>function gtag() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "G-7VZCY223NG")</script>
|
|
<title>Vax & Me</title>
|
|
</head>
|
|
|
|
<body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K4XHBR6" height="0" width="0"
|
|
style="display:none;visibility:hidden"></iframe></noscript>
|
|
<header id="archived">
|
|
<div>⚠️ Project has been archived.</div>
|
|
</header>
|
|
<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="vaxandme_chart.pdf">Download Chart</a> <a
|
|
href="index.html">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.html">Copyright</a> <a
|
|
href="privacy.html">Privacy</a>
|
|
</div>
|
|
</div>
|
|
<div class="overline by" data-font="sans">Designed & Developed with ❤ by Alba Rajanibala and Ayushya Amitabh
|
|
</div>
|
|
</footer>
|
|
<script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
|
|
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
|
|
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
|
|
<script type="text/babel" src="index.js"></script>
|
|
</body>
|
|
|
|
</html> |