Add part9

2018-08-12 14:05:15 -04:00
parent fa84d31f62
commit 17f96d1b56
55 changed files with 5948 additions and 0 deletions
--- a/intro/part9/index.html
+++ b/intro/part9/index.html
@@ -0,0 +1,39 @@
+<!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">
+
+    <!-- We'll access localForage via JavaScript interop! -->
+    <script src="/assets/localForage.min.js"></script>
+
+    <script src="elm.js"></script>
+  </head>
+  <body>
+    <script>
+      localforage.getItem("session", function(session) {
+        // 👉 TODO: Instead of `null`, pass the session for Elm.Main's flags.
+        var app = Elm.Main.init({flags: session});
+
+        app.ports.storeSession.subscribe(function(session) {
+          localForage.setItem("session", session, function() {
+            app.ports.onSessionChange.send(session);
+          });
+        });
+    </script>
+  </body>
+</html>