+
Designed & Developed with ❤ by Alba Rajanibala and Ayushya Amitabh
diff --git a/website/public/privacy.html b/website/public/privacy.html
new file mode 100644
index 0000000..b7ee5eb
--- /dev/null
+++ b/website/public/privacy.html
@@ -0,0 +1,147 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
Vax & Me | Privacy
+
+
+
+
+
+
+
+
What's collected
+ & How it's used
+
+
+
+
+
+ No personally indentifiable information or user data is
+ collected. Vax & Me only uses Google Analytics on it's website
+ to study website performance, and error prevention.
+
+
+
+
+
+
+ Vax & Me monitors some click, and keystrokes on it's website to
+ detect functionality errors.
+
+
+
+
+
+
+ Volunteered data is linked to Google Analytics Client ID - which
+ is unique to a device and web-browser combination. This is
+ required to prevent data duplicacy and is core to the
+ functionality of Vax & Me.
+
+
+
+
+
+
+
+
diff --git a/website/public/styles/extrasmall.css b/website/public/styles/extrasmall.css
index 204a8b8..3e0acbc 100644
--- a/website/public/styles/extrasmall.css
+++ b/website/public/styles/extrasmall.css
@@ -39,27 +39,32 @@ header {
.logo-container {
display: flex;
width: fit-content;
- align-items: center;
justify-content: center;
+ flex-direction: column;
}
.logo {
background-size: 100%;
width: 5rem;
height: 5rem;
display: inline-block;
+ background-image: url("/logo512.png");
}
.logo-text-container {
- display: none;
justify-content: center;
vertical-align: middle;
flex-direction: column;
flex: 1;
- margin-left: 1.5rem;
+ margin-top: 3.5rem;
}
.logo-text-container p {
font-size: 2.4rem;
}
+.header {
+ font-size: 10rem;
+ letter-spacing: 1rem;
+}
+
.subheader {
font-size: 2.5rem;
margin: 0;
@@ -189,28 +194,30 @@ header {
}
footer {
- font-size: 1.2rem;
padding: 5rem 3.75rem;
width: calc(100vw - 7.5rem);
margin-left: -3.75rem;
background-color: var(--color-secondary-light);
+}
+.link-container {
+ font-size: 1.2rem;
transition: none !important;
display: flex;
flex-direction: column;
}
-footer > div {
+.link-container > div {
flex: 1;
display: flex;
flex-direction: column;
color: var(--color-primary);
}
-footer > div > .overline {
+.link-container > div > .overline {
color: var(--color-primary);
}
-footer > div:not(:first-of-type) {
+.link-container > div:not(:first-of-type) {
margin-top: 3rem;
}
@@ -218,6 +225,16 @@ a {
color: var(--color);
margin-top: 0.75rem;
max-width: fit-content;
+
+}
+
+.link-container a {
+ font-size: 1.8rem;
+}
+
+footer .by {
+ color: var(--color-primary);
+ margin-top: 4rem;
}
@keyframes slideUp {
@@ -268,6 +285,9 @@ a {
justify-content: center;
align-items: center;
background-color: var(--color-secondary-light);
+ border-bottom: 1px solid transparent;
+}
+.input-popup.expanded .input-popup-header {
border-bottom: 1px solid var(--color-tertiary);
}
.input-popup-header-text {
diff --git a/website/public/styles/medium.css b/website/public/styles/medium.css
index 0fa022c..330d556 100644
--- a/website/public/styles/medium.css
+++ b/website/public/styles/medium.css
@@ -4,11 +4,21 @@ body {
height: calc(100vh - 5rem);
}
+.logo-container {
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-start;
+}
.logo {
width: 7.5rem;
height: 7.5rem;
}
-
+.logo-text-container {
+ margin-top: 0;
+ margin-left: 1.5rem;
+ border-left: 1px solid var(--color-secondary);
+ padding-left: 1.5rem;
+}
.intro .overline {
font-size: 3rem;
}
@@ -16,6 +26,11 @@ body {
font-size: 4rem;
}
+.header {
+ font-size: 15rem;
+ letter-spacing: 1.5rem;
+}
+
.overline[data-button] {
display: inline-block;
}
@@ -60,25 +75,23 @@ body {
}
footer {
- font-size: 1.7rem;
padding: 5rem 7.5rem;
width: calc(100vw - 15rem);
margin-left: -7.5rem;
+}
+.link-container {
+ font-size: 1.7rem;
flex-direction: row;
}
-footer > div {
+.link-container > div {
flex-direction: column;
flex: 1;
}
-
-footer > div:not(:first-of-type) {
+.link-container > div:not(:first-of-type) {
margin-left: 3rem;
margin-top: 0;
}
-footer > div:last-of-type {
- flex: 3;
- align-items: flex-end;
-}
+
.input-popup {
height: 10rem;
}
diff --git a/website/public/styles/small.css b/website/public/styles/small.css
index 9f12264..a9c696b 100644
--- a/website/public/styles/small.css
+++ b/website/public/styles/small.css
@@ -1,5 +1,5 @@
.input-popup {
- height: 10rem;
+ height: 11.5rem;
}
.input-popup.expanded {
diff --git a/website/src/index.js b/website/src/index.js
index a0631ee..cfc8e2c 100644
--- a/website/src/index.js
+++ b/website/src/index.js
@@ -111,7 +111,7 @@ const MD_DOSE1_YOUNGER_RESULT = {
FATIGUE: "4",
"MUSCLE PAIN": "2",
"JOINT PAIN": "2",
- "NAUSEA / VOMITING": "1",
+ "NAUSEA OR VOMITING": "1",
FEVER: "1",
CHILLS: "1",
};
@@ -124,7 +124,7 @@ const MD_DOSE2_YOUNGER_RESULT = {
"JOINT PAIN": "5",
CHILLS: "5",
FEVER: "2",
- "NAUSEA / VOMITING": "2",
+ "NAUSEA OR VOMITING": "2",
"MUSCLE PAIN": "1",
};
const MD_DOSE1_OLDER_RESULT = {
@@ -135,7 +135,7 @@ const MD_DOSE1_OLDER_RESULT = {
FATIGUE: "3",
"MUSCLE PAIN": "2",
"JOINT PAIN": "2",
- "NAUSEA / VOMITING": "1",
+ "NAUSEA OR VOMITING": "1",
CHILLS: "1",
FEVER: "<1",
};
@@ -148,7 +148,7 @@ const MD_DOSE2_OLDER_RESULT = {
"MUSCLE PAIN": "5",
"JOINT PAIN": "4",
CHILLS: "3",
- "NAUSEA / VOMITING": "1",
+ "NAUSEA OR VOMITING": "1",
FEVER: "1",
};
const JJ_YOUNGER_RESULT = {
@@ -159,7 +159,7 @@ const JJ_YOUNGER_RESULT = {
FATIGUE: "4",
"MUSCLE PAIN": "4",
"NEED PAIN MED": "3",
- "NAUSEA / VOMITING": "2",
+ "NAUSEA OR VOMITING": "2",
FEVER: "1",
};
const JJ_OLDER_RESULT = {
@@ -169,7 +169,7 @@ const JJ_OLDER_RESULT = {
HEADACHE: "3",
FATIGUE: "3",
"MUSCLE PAIN": "2",
- "NAUSEA / VOMITING": "1",
+ "NAUSEA OR VOMITING": "1",
"NEED PAIN MED": "1",
FEVER: "<1",
};
@@ -214,7 +214,7 @@ const ICONS = {
"JOINT PAIN": "🦵",
FEVER: "🤒",
VOMITING: "🤮",
- "NAUSEA / VOMITING": "🤮",
+ "NAUSEA OR VOMITING": "🤮",
};
class App extends React.Component {
@@ -428,10 +428,6 @@ class App extends React.Component {