Add part8

2018-08-12 09:49:12 -04:00
parent 84b9e97023
commit 5777848d74
55 changed files with 5943 additions and 0 deletions
--- a/intro/part8/index.html
+++ b/intro/part8/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Conduit</title>
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png">
+    <link rel="manifest" href="/assets/site.webmanifest">
+    <link rel="mask-icon" href="/assets/icons/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
+
+    <!-- Import Ionicon icons & Google Fonts our Bootstrap theme relies on -->
+    <link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
+    <link href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
+    <!-- Import the custom Bootstrap 4 theme from our hosted CDN -->
+    <link rel="stylesheet" href="//demo.productionready.io/main.css">
+
+    <script src="elm.js"></script>
+  </head>
+  <body>
+    <script>
+      var app = Elm.Main.init({flags: localStorage.session || null});
+
+      app.ports.storeSession.subscribe(function(session) {
+        localStorage.session = session;
+
+        // Report that the new session was stored succesfully.
+        setTimeout(function() { app.ports.onSessionChange.send(session); }, 0);
+      });
+
+      window.addEventListener("storage", function(event) {
+        if (event.storageArea === localStorage && event.key === "session") {
+          app.ports.onSessionChange.send(event.newValue);
+        }
+      }, false);
+    </script>
+  </body>
+</html>