From e44234821b6fad1a61ef21a8832ce0f3439d0e3f Mon Sep 17 00:00:00 2001
From: Richard Feldman <richard.t.feldman@gmail.com>
Date: Sat, 11 Aug 2018 14:26:17 -0400
Subject: [PATCH] Fix index.html

---
 advanced/server/public/index.html | 7 +++----
 intro/server/public/index.html    | 7 +++----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/advanced/server/public/index.html b/advanced/server/public/index.html
index 4622d2a..c2b5f2a 100644
--- a/advanced/server/public/index.html
+++ b/advanced/server/public/index.html
@@ -18,10 +18,6 @@
     <link href="/fonts.css" rel="stylesheet" type="text/css">
     <!-- Import the custom Bootstrap 4 theme from our hosted CDN -->
     <link rel="stylesheet" href="/main.css">
-    <style>/* Loading spinner courtesy of https://github.com/tobiasahlin/SpinKit */
-    .sk-three-bounce { margin-right: 10px; } .sk-three-bounce .sk-child { width: 14px; height: 14px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } .sk-three-bounce .sk-bounce3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }
-    </style>
-
 
     <script src="/elm.js"></script>
   </head>
@@ -31,6 +27,9 @@
 
       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) {
diff --git a/intro/server/public/index.html b/intro/server/public/index.html
index 4622d2a..c2b5f2a 100644
--- a/intro/server/public/index.html
+++ b/intro/server/public/index.html
@@ -18,10 +18,6 @@
     <link href="/fonts.css" rel="stylesheet" type="text/css">
     <!-- Import the custom Bootstrap 4 theme from our hosted CDN -->
     <link rel="stylesheet" href="/main.css">
-    <style>/* Loading spinner courtesy of https://github.com/tobiasahlin/SpinKit */
-    .sk-three-bounce { margin-right: 10px; } .sk-three-bounce .sk-child { width: 14px; height: 14px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } .sk-three-bounce .sk-bounce3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }
-    </style>
-
 
     <script src="/elm.js"></script>
   </head>
@@ -31,6 +27,9 @@
 
       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) {