install alpha deps

site/package-lock.json

@@ -3677,17 +3677,17 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sapper": {
-      "version": "0.22.10",
-      "resolved": "https://registry.npmjs.org/sapper/-/sapper-0.22.10.tgz",
-      "integrity": "sha512-5/PLHQ+5L5gtPJt8NEhT78tQr4AkgNz9RiV+h/S0r9ghfdFXcxalpqHgT7ZxRehEk2lmSX/CQ0rGPldZSjPkYQ==",
+      "version": "0.25.0-alpha1",
+      "resolved": "https://registry.npmjs.org/sapper/-/sapper-0.25.0-alpha1.tgz",
+      "integrity": "sha512-zVD/9T0JRC9HveX06OfC04NLIbM3J834evccRGXhOqB3cI9wJeCESnwu2toYVCKPbS2qRNZIdOtKlKc0BhTXAw==",
       "dev": true,
       "requires": {
-        "html-minifier": "^3.5.16",
+        "html-minifier": "^3.5.20",
         "shimport": "0.0.11",
-        "source-map-support": "^0.5.6",
-        "sourcemap-codec": "^1.4.1",
+        "source-map-support": "^0.5.9",
+        "sourcemap-codec": "^1.4.3",
         "string-hash": "^1.1.3",
-        "tslib": "^1.9.1"
+        "tslib": "^1.9.3"
       }
     },
     "select": {
@@ -4076,9 +4076,9 @@
       }
     },
     "svelte": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-2.16.0.tgz",
-      "integrity": "sha512-1x1zCZpNnuwQdH+9tTeM0QYv33TVEFIxrrd88Mv80EcaomIlA9IvFLIThc8OFsCMHwrjllbIRNmsVfwlOxI7MA==",
+      "version": "3.0.0-alpha6",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.0.0-alpha6.tgz",
+      "integrity": "sha512-UBYZ1RMyhWVu7XEXfDtDQr9q2XWGuh61Wsy0Rln3BlQwuAv5du3j7bqUOygxVPmQYEWNL6dMBUFjXetG1Ylc9A==",
       "dev": true
     },
     "terser": {

site/package.json

@@ -39,7 +39,7 @@
     "rollup-plugin-replace": "^2.0.0",
     "rollup-plugin-svelte": "^4.2.1",
     "rollup-plugin-terser": "^1.0.1",
-    "sapper": "^0.22.1",
-    "svelte": "^2.0.0"
+    "sapper": "^0.25.0-alpha1",
+    "svelte": "^3.0.0-alpha6"
   }
 }

site/src/routes/index.html

@@ -12,7 +12,7 @@
 
 <!-- <svelte:window bind:scrollY={sy}/> -->
 
-<section class='container'>
+<section class="hero container">
 	<img class="logo" src="logo.svg" style="transform: translate(0,{sy * 0.2}px)">
 
 	<h2>What if web apps could write themselves?</h2>
@@ -92,7 +92,7 @@
 		will-change: transform;
 	}
 
-	h1 {
+	.hero h1 {
 		text-align: center;
 		margin: 2rem 0;
 		font-size: 6rem;
@@ -102,7 +102,7 @@
 		text-transform: uppercase;
 	}
 
-	h2 {
+	.hero h2 {
 		text-align: center;
 		display: block;
 		position: relative;
@@ -110,6 +110,8 @@
 		text-align: center;
 		width: 100%;
 		text-transform: lowercase;
+		font-weight: 300;
+		opacity: 0.7;
 	}
 
 	.learn-btn {
@@ -150,7 +152,7 @@
 	}
 
 	@media screen and (min-width: 870px) {
-		h1 {
+		.hero h1 {
 			position: relative;
 			top: -.8rem;
 			font-size: 18rem;