Add temporary landing page

shaperilio · Mar 28, 2020 · 0e44054 · 0e44054
1 parent 8094aef
commit 0e44054
Show file tree

Hide file tree

Showing 32 changed files with 292 additions and 17 deletions.
diff --git a/.arc b/.arc
@@ -1,10 +1,23 @@
 @app
-covid-local
+covid-atlas
 
-@events
-crawler
-processor
+@aws
+profile covidatlas
+region us-west-1
 
-# @http
-# get /api/fetch/normal
-# get /api/fetch/headless
+@cdn
+
+@static
+fingerprint true
+
+@http
+
+# @events
+# crawler
+# processor
+
+# @scheduled
+# runner
+
+@macros
+architect/macro-node-prune
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,9 @@
-cache/*
-dist/
-node_modules
 .DS_Store
 .vscode
+cache/*
 coronavirus-data-sources/
+dist/
+node_modules
+public/static.json
+sam.json
+sam.yaml
diff --git a/package.json b/package.json
@@ -30,11 +30,11 @@
     "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.4",
     "@adobe/spectrum-css": "^2.18.0",
     "@js-joda/core": "^2.0.0",
+    "@lorenzofox3/for-await": "^0.2.1",
     "@turf/boolean-point-in-polygon": "^6.2.0-alpha.1",
     "@turf/center": "^6.2.0-alpha.1",
     "@turf/helpers": "^6.2.0-alpha.1",
     "@turf/union": "^6.2.0-alpha.1",
-    "@lorenzofox3/for-await": "^0.2.1",
     "ajv": "^6.12.0",
     "cheerio": "^1.0.0-rc.3",
     "csv-parse": "^4.8.8",
@@ -55,6 +55,7 @@
   "devDependencies": {
     "@architect/architect": "^6.3.2",
     "@architect/functions": "^3.8.1",
+    "@architect/macro-node-prune": "^1.0.1",
     "@babel/core": "^7.8.7",
     "@babel/preset-env": "^7.8.7",
     "@rollup/plugin-json": "^4.0.2",

diff --git a/public/favicon/android-icon-144x144.png b/public/favicon/android-icon-144x144.png
diff --git a/public/favicon/android-icon-192x192.png b/public/favicon/android-icon-192x192.png
diff --git a/public/favicon/android-icon-36x36.png b/public/favicon/android-icon-36x36.png
diff --git a/public/favicon/android-icon-48x48.png b/public/favicon/android-icon-48x48.png
diff --git a/public/favicon/android-icon-72x72.png b/public/favicon/android-icon-72x72.png
diff --git a/public/favicon/android-icon-96x96.png b/public/favicon/android-icon-96x96.png
diff --git a/public/favicon/apple-icon-114x114.png b/public/favicon/apple-icon-114x114.png
diff --git a/public/favicon/apple-icon-120x120.png b/public/favicon/apple-icon-120x120.png
diff --git a/public/favicon/apple-icon-144x144.png b/public/favicon/apple-icon-144x144.png
diff --git a/public/favicon/apple-icon-152x152.png b/public/favicon/apple-icon-152x152.png
diff --git a/public/favicon/apple-icon-180x180.png b/public/favicon/apple-icon-180x180.png
diff --git a/public/favicon/apple-icon-57x57.png b/public/favicon/apple-icon-57x57.png
diff --git a/public/favicon/apple-icon-60x60.png b/public/favicon/apple-icon-60x60.png
diff --git a/public/favicon/apple-icon-72x72.png b/public/favicon/apple-icon-72x72.png
diff --git a/public/favicon/apple-icon-76x76.png b/public/favicon/apple-icon-76x76.png
diff --git a/public/favicon/apple-icon-precomposed.png b/public/favicon/apple-icon-precomposed.png
diff --git a/public/favicon/apple-icon.png b/public/favicon/apple-icon.png
diff --git a/public/favicon/browserconfig.xml b/public/favicon/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
diff --git a/public/favicon/favicon-16x16.png b/public/favicon/favicon-16x16.png
diff --git a/public/favicon/favicon-32x32.png b/public/favicon/favicon-32x32.png
diff --git a/public/favicon/favicon-96x96.png b/public/favicon/favicon-96x96.png
diff --git a/public/favicon/favicon.ico b/public/favicon/favicon.ico
diff --git a/public/favicon/manifest.json b/public/favicon/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
diff --git a/public/favicon/ms-icon-144x144.png b/public/favicon/ms-icon-144x144.png
diff --git a/public/favicon/ms-icon-150x150.png b/public/favicon/ms-icon-150x150.png
diff --git a/public/favicon/ms-icon-310x310.png b/public/favicon/ms-icon-310x310.png
diff --git a/public/favicon/ms-icon-70x70.png b/public/favicon/ms-icon-70x70.png
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>COVID Atlas</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
+		<link rel="icon" type="image/png" sizes="192x192"  href="/_static/${arc.static('favicon/android-icon-192x192.png')}">
+		<link rel="icon" type="image/png" sizes="32x32" href="/_static/${arc.static('favicon/favicon-32x32.png')}">
+		<link rel="icon" type="image/png" sizes="96x96" href="/_static/${arc.static('favicon/favicon-96x96.png')}">
+		<link rel="icon" type="image/png" sizes="16x16" href="/_static/${arc.static('favicon/favicon-16x16.png')}">
+		<link rel="apple-touch-icon" sizes="57x57" href="/_static/${arc.static('favicon/apple-icon-57x57.png')}">
+		<link rel="apple-touch-icon" sizes="60x60" href="/_static/${arc.static('favicon/apple-icon-60x60.png')}">
+		<link rel="apple-touch-icon" sizes="72x72" href="/_static/${arc.static('favicon/apple-icon-72x72.png')}">
+		<link rel="apple-touch-icon" sizes="76x76" href="/_static/${arc.static('favicon/apple-icon-76x76.png')}">
+		<link rel="apple-touch-icon" sizes="114x114" href="/_static/${arc.static('favicon/apple-icon-114x114.png')}">
+		<link rel="apple-touch-icon" sizes="120x120" href="/_static/${arc.static('favicon/apple-icon-120x120.png')}">
+		<link rel="apple-touch-icon" sizes="144x144" href="/_static/${arc.static('favicon/apple-icon-144x144.png')}">
+		<link rel="apple-touch-icon" sizes="152x152" href="/_static/${arc.static('favicon/apple-icon-152x152.png')}">
+		<link rel="apple-touch-icon" sizes="180x180" href="/_static/${arc.static('favicon/apple-icon-180x180.png')}">
+		<link rel="shortcut icon" href="/_static/${arc.static('favicon/favicon.ico')}">
+		<!-- <link rel="manifest" href="/_static/${arc.static('favicon/manifest.json')}"> -->
+		<meta name="msapplication-TileImage" content="/_static/${arc.static('favicon/ms-icon-144x144.png')}">
+		<style>
+
+			@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,500");
+			@import url("https://fonts.googleapis.com/css?family=Merriweather:400,500");
+
+			html {
+				-webkit-text-size-adjust: 100%;
+					-ms-text-size-adjust: 100%;
+			}
+
+			body {
+				font: 15px/1.5 "Merriweather", Georgia, serif;
+				color: #333;
+				background-color: #fff;
+				margin: 0;
+				-webkit-font-smoothing: antialiased;
+				-moz-osx-font-smoothing: grayscale;
+			}
+
+
+			a {
+				color: #2d8ce0;
+				position: relative;
+				text-decoration: none;
+			}
+
+			a:hover, a:focus {
+				color: #2d8ce0;
+			}
+
+			::-moz-focus-inner {
+				padding: 0;
+				border: 0;
+			}
+
+			:focus {
+				outline: 0;
+			}
+
+			#container {
+				width: 95%;
+				min-width: 300px;
+				padding-right: 10px;
+			}
+
+			.main-text {
+				font: 900 20px/1 "Open Sans", Helvetica, sans-serif;
+				font-weight: bold;
+				text-transform: uppercase;
+			    letter-spacing: 2px;
+			}
+
+			.main-text-small {
+				font-size: 15px;
+			}
+
+			.logo {
+				max-width: 600px;
+			}
+
+			.section {
+				z-index: 1;
+				position: relative;
+				padding: 46px 0 96px 96px;
+				width: calc(100vw - 96px - 7em);
+				display: -webkit-box;
+				display: flex;
+				box-sizing: border-box;
+			}
+
+			@media (max-width: 1024px) {
+				.section {
+					padding: 48px 0 48px 48px;
+					width: calc(100vw - 48px - 7em);
+				}
+			}
+
+			@media (max-width: 950px) {
+				.section {
+					padding: 6.5vw;
+					width: 100%;
+				}
+			}
+
+			@media (max-width: 600px) {
+				.section {
+					display: block;
+					min-height: 0;
+				}
+			}
+
+			.column-section {
+				-webkit-box-orient: vertical;
+				-webkit-box-direction: normal;
+				flex-direction: column;
+			}
+
+			@media (max-width: 600px) {
+				.column-section-main {
+					-webkit-box-orient: vertical;
+					-webkit-box-direction: normal;
+					flex-direction: column;
+				}
+			}
+
+			.section-intro {
+				-webkit-box-pack: justify;
+				justify-content: space-between;
+			}
+
+			.intro {
+				font-size: 20px;
+				font-weight: 100;
+				margin-bottom: 1rem;
+				max-width: 1000px;
+			}
+
+			@media (max-width: 600px) {
+				.intro {
+					font-size: 18px;
+					margin-bottom: 1.5rem;
+				}
+			}
+
+			.footer {
+				position: relative;
+			    padding-top: 30px;
+				right: 48px;
+				bottom: 48px;
+				display: -webkit-box;
+				display: flex;
+				-webkit-box-orient: vertical;
+				-webkit-box-direction: normal;
+				flex-direction: column;
+				-webkit-box-align: end;
+				align-items: flex-end;
+			}
+
+			@media (max-width: 1024px) {
+				.footer {
+					right: 48px;
+					bottom: 48px;
+				}
+			}
+
+			@media (max-width: 600px) {
+				.footer {
+					position: relative;
+					right: auto;
+					bottom: auto;
+					padding: 20px 6.5vw 7.5vw;
+					-webkit-box-align: start;
+					align-items: flex-start;
+				}
+			}
+
+			.footer-links {
+				margin-top: 1em;
+				line-height: 1;
+			}
+
+			@media (max-width: 950px) {
+				.footer-links {
+					display: inline;
+				}
+			}
+		</style>
+	</head>
+	<body>
+	<div id="container">
+		<section class="section column-section section-intro">
+    <div class="header">
+      <div class="logo">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 725.94 200"><defs><style>.a{fill:#1e0a46}.b{fill:none;stroke:#2d8de1;stroke-miterlimit:10;stroke-width:3.62px}</style></defs><path class="a" d="M469.59 79.66h5.7l16.46 44.68h-6.45l-4.13-11.83h-17.83l-4.26 11.83H453zm9.83 27.66L472.35 87h-.06l-7.2 20.28zM515.54 85h-14v-5.28h34V85h-13.87v39.36h-6.13zM553.91 79.72H560v39.18h22.59v5.44h-28.68zM615.55 79.66h5.7l16.46 44.68h-6.45l-4.13-11.83H609.3l-4.3 11.83h-6.13zm9.83 27.66L618.31 87h-.06l-7.2 20.28zM652.3 114.27l5.57-2.13c1.75 4.82 6.13 7.57 11.83 7.57 5.44 0 10-2.5 10-7.32 0-4.26-2.88-6.07-6.63-7.2l-8.13-2.19c-6.13-1.69-10.14-4.76-10.14-11.64 0-7.7 6.45-12.45 14.71-12.45 7.07 0 13.2 2.75 15.39 8.82l-5.32 2.13c-1.87-3.82-5.38-5.76-10.2-5.76-4.25 0-8.57 2.07-8.57 6.76 0 3.38 2.44 5.51 7.13 6.82l8.2 2.25c5.26 1.38 9.58 4.57 9.58 12 0 7.82-6.64 13.2-16.27 13.2-8.14-.04-15.02-3.67-17.15-10.86zM55.38 109V95.37c0-11 8.89-16.4 18.77-16.4 8.64 0 18.09 4.38 18.09 14.71v2.06H81.73v-1c0-4.69-4-6.63-7.39-6.63-3.94 0-7.76 2.06-7.76 7.13v13.52c0 4.57 3.32 7.19 7.89 7.19 3.44 0 7.26-2 7.26-6.63v-1.06h10.51v2.19c0 10.26-9.2 14.64-17.84 14.64-9.82 0-19.02-4.94-19.02-16.09zM110 108.76V95.87c0-11.33 9.26-16.9 18.84-16.9C138.81 79 148 84.29 148 95.8v12.39c0 11.65-9.58 16.9-18.9 16.9-10 0-19.1-4.82-19.1-16.33zm26.79-.19v-13.2c0-4.7-3.7-7.26-7.89-7.26-4 0-7.7 2.12-7.7 7.32v13.08c0 4.75 3.32 7.38 7.89 7.38 3.96 0 7.72-2.25 7.72-7.32zM162.66 79.72h11.51l8.77 31.48h.18l9-31.48h10.63l-14.51 44.75H176.8zM219.24 79.72h11.2v44.62h-11.2zM250.6 79.72h18.65c9.95 0 18.21 5.32 18.21 15.71V108c0 11.07-8.76 16.33-18.15 16.33H250.6zm18 35.48c4.07 0 7.64-2.56 7.64-7.13V95.8c0-4.31-3.51-6.94-7.95-6.94h-6.49v26.34z"/><path class="b" d="M335.72 135.45l37.9-33.16M401.58 146.87l-64.12-6.01M344.37 96.06l-2.07-25.41M394.88 100.24l26.41 15.32M373.53 85.11l-22.32-19.07M427.82 112.71A55.69 55.69 0 00421.76 77a57.92 57.92 0 00-3.89-6.13M412.06 143.36a55.65 55.65 0 0012.56-19.05M335.32 145.32a55.94 55.94 0 0064.07 7.49c1.12-.61 2.2-1.27 3.25-1.94M331.31 66.09a55.91 55.91 0 00-7.75 64.35 49.52 49.52 0 002.44 4M408.09 60.47a55.94 55.94 0 00-55.27-9M370.68 96.44l-19.94 4.35M342.71 107.7l-9.84 25.77M408.2 70.2L393 84.6M388.84 105.59L405 142"/><circle class="b" cx="413.42" cy="65.25" r="7.19"/><circle class="b" cx="330.31" cy="140.19" r="7.19"/><circle class="b" cx="407.59" cy="147.43" r="6.05"/><circle class="b" cx="426.52" cy="118.6" r="6.05"/><circle class="b" cx="341.22" cy="57.5" r="13.14"/><circle class="b" cx="344.86" cy="102.07" r="6.05"/><circle class="b" cx="383.52" cy="93.64" r="13.14"/></svg>
+      </div>
+    </div>
+			<p class="intro">COVID Atlas provides easy to understand local-level data related to the COVID-19 pandemic. This data sourced exclusively from official public health channels.</p>
+			<p class="intro">This project is community-developed, open source, and publishes all data, research, and related findings in the public domain.</p>
+			<p class="intro">Please back for updates, or view <a href="https://github.com/lazd/coronadatascraper/"  target="_blank">sources</a> for our alpha developer / researcher dataset.</p>
+		</section>
+		<footer class="footer main-text main-text-small">
+			<a class="footer-links link-twitter" href="https://twitter.com/covidatlas" target="_blank">Twitter</a>
+			<a class="footer-links link-facebook" href="https://facebook.com/covidatlas" target="_blank">Facebook</a>
+			<a class="footer-links link-instagram" href="https://instagram.com/covidatlas" target="_blank">Instagram</a>
+		</footer>
+	</div>
+	</body>
+</html>
diff --git a/yarn.lock b/yarn.lock
@@ -146,6 +146,13 @@
     run-waterfall "~1.1.6"
     strftime "~0.10.0"
 
+"@architect/macro-node-prune@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@architect/macro-node-prune/-/macro-node-prune-1.0.1.tgz#4e3683cd081ebd70ed2f64e23333e7122613fa04"
+  integrity sha512-Aqu0thcgZyKyITBZyAPkCy3V2X8eh1MO/qfyP18Hhz/oX3NKsXoHyj6Fav6HKNYDi11Xf5wv/kqlp+7m5Q9fBA==
+  dependencies:
+    "@architect/utils" "~1.5.0"
+
 "@architect/[email protected]", "@architect/package@~1.3.0":
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/@architect/package/-/package-1.3.2.tgz#21df3ced0cc51b6b782306932b8b0b903dc7356e"
@@ -202,7 +209,7 @@
     uuid "~7.0.2"
     ws "~7.2.3"
 
-"@architect/[email protected]", "@architect/utils@~1.5.1":
+"@architect/[email protected]", "@architect/utils@~1.5.0", "@architect/utils@~1.5.1":
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/@architect/utils/-/utils-1.5.2.tgz#8d167ac47786af3ef8dcdb4f660da71ba32d17d7"
   integrity sha512-eUXgvoKuY2zBJmm25OQfiy2BW+26lrGa5Uu85X/2sjOxjYwrjJFHW2C+MijiBXVljbIGaqYPOuRa73lYpP77yA==
@@ -6099,11 +6106,9 @@ node-pre-gyp@*:
     tar "^4.4.2"
 
 node-releases@^1.1.52:
-  version "1.1.52"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.52.tgz#bcffee3e0a758e92e44ecfaecd0a47554b0bcba9"
-  integrity sha512-snSiT1UypkgGt2wxPqS6ImEUICbNCMb31yaxWrOLXjhlt2z2/IBpaOxzONExqSm4y5oLnAqjjRWu+wsDzK5yNQ==
-  dependencies:
-    semver "^6.3.0"
+  version "1.1.53"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
+  integrity sha512-wp8zyQVwef2hpZ/dJH7SfSrIPD6YoJz6BDQDpGEkcA0s3LpAQoxBIYmfIq6QAhC1DhwsyCgTaTTcONwX8qzCuQ==
 
 node-watch@~0.6.3:
   version "0.6.3"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<?xml version="1.0" encoding="utf-8"?>
		<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>