Doc updates

chanan · Mar 12, 2020 · 90fc698 · 90fc698
1 parent cb5ba93
commit 90fc698
Show file tree

Hide file tree

Showing 2 changed files with 108 additions and 46 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -1,46 +1,77 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width">
-    <title>BlazorStyled Documentation Site</title>
-    <meta name="description" content="CSS in Blazor Components">
-    <meta name="keywords" content="css, design, blazor, razor">
-    <base href="/" />
-    <style id="styled"></style>
-    <script type="text/javascript">
-        // Single Page Apps for GitHub Pages
-        // https://github.com/rafrex/spa-github-pages
-        // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
-        // ----------------------------------------------------------------------
-        // This script checks to see if a redirect is present in the query string
-        // and converts it back into the correct url and adds it to the
-        // browser's history using window.history.replaceState(...),
-        // which won't cause the browser to attempt to load the new url.
-        // When the single page app is loaded further down in this file,
-        // the correct url will be waiting in the browser's history for
-        // the single page app to route accordingly.
-        (function(l) {
-          if (l.search) {
-            var q = {};
-            l.search.slice(1).split('&').forEach(function(v) {
-              var a = v.split('=');
-              q[a[0]] = a.slice(1).join('=').replace(/~and~/g, '&');
-            });
-            if (q.p !== undefined) {
-              window.history.replaceState(null, null,
-                l.pathname.slice(0, -1) + (q.p || '') +
-                (q.q ? ('?' + q.q) : '') +
-                l.hash
-              );
-            }
-          }
-        }(window.location))
-      </script>
-</head>
-<body>
-    <app>Loading...</app>
-    <script src="_framework/blazor.webassembly.js"></script>
-    <script async defer src="https://buttons.github.io/buttons.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width">
+    <title>BlazorStyled Documentation Site</title>
+    <meta name="description" content="CSS in Blazor Components">
+    <meta name="keywords" content="css, design, blazor, razor">
+    <base href="/" />
+    <style>
+      app {
+          position: relative;
+          display: flex;
+          flex-direction: column;
+      }
+
+      #blazor-error-ui {
+          background: lightyellow;
+          bottom: 0;
+          box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+          display: none;
+          left: 0;
+          padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+          position: fixed;
+          width: 100%;
+          z-index: 1000;
+      }
+
+      #blazor-error-ui .dismiss {
+          cursor: pointer;
+          position: absolute;
+          right: 0.75rem;
+          top: 0.5rem;
+      }
+  </style>
+    <script type="text/javascript">
+        // Single Page Apps for GitHub Pages
+        // https://github.com/rafrex/spa-github-pages
+        // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
+        // ----------------------------------------------------------------------
+        // This script checks to see if a redirect is present in the query string
+        // and converts it back into the correct url and adds it to the
+        // browser's history using window.history.replaceState(...),
+        // which won't cause the browser to attempt to load the new url.
+        // When the single page app is loaded further down in this file,
+        // the correct url will be waiting in the browser's history for
+        // the single page app to route accordingly.
+        (function(l) {
+          if (l.search) {
+            var q = {};
+            l.search.slice(1).split('&').forEach(function(v) {
+              var a = v.split('=');
+              q[a[0]] = a.slice(1).join('=').replace(/~and~/g, '&');
+            });
+            if (q.p !== undefined) {
+              window.history.replaceState(null, null,
+                l.pathname.slice(0, -1) + (q.p || '') +
+                (q.q ? ('?' + q.q) : '') +
+                l.hash
+              );
+            }
+          }
+        }(window.location))
+      </script>
+</head>
+<body>
+    <app>Loading...</app>
+
+    <div id="blazor-error-ui">
+      An unhandled error has occurred.
+      <a href="" class="reload">Reload</a>
+      <a class="dismiss">🗙</a>
+    </div>
+    <script src="_framework/blazor.webassembly.js"></script>
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+</body>
+</html>
diff --git a/src/Sample/wwwroot/index.html b/src/Sample/wwwroot/index.html
@@ -5,9 +5,40 @@
     <meta name="viewport" content="width=device-width" />
     <title>Blazor Styled</title>
     <base href="/" />
+    <style>
+        app {
+            position: relative;
+            display: flex;
+            flex-direction: column;
+        }
+
+        #blazor-error-ui {
+            background: lightyellow;
+            bottom: 0;
+            box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+            display: none;
+            left: 0;
+            padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+            position: fixed;
+            width: 100%;
+            z-index: 1000;
+        }
+
+        #blazor-error-ui .dismiss {
+            cursor: pointer;
+            position: absolute;
+            right: 0.75rem;
+            top: 0.5rem;
+        }
+    </style>
 </head>
 <body>
     <app>Loading...</app>
+    <div id="blazor-error-ui">
+        An unhandled error has occurred.
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss">🗙</a>
+    </div>
     <script src="_framework/blazor.webassembly.js"></script>
 </body>
 </html>