fix(standalone): Publish standalone html file

Kitware · May 30, 2017 · cfbca5e · cfbca5e
1 parent 7d50b47
commit cfbca5e
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 3 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -11,9 +11,8 @@
         width: 120px;
         height: 120px;
         position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
+        left: calc(50vw - 60px);
+        top: calc(50vh - 60px);
         animation: spin 2s linear infinite;
       }
 

diff --git a/dist/standalone.html b/dist/standalone.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+      .loading {
+        border: 16px solid #f3f3f3; /* Light grey */
+        border-top: 16px solid #3498db; /* Blue */
+        border-radius: 50%;
+        width: 120px;
+        height: 120px;
+        position: absolute;
+        left: calc(50vw - 60px);
+        top: calc(50vh - 60px);
+        animation: spin 2s linear infinite;
+      }
+
+      @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript" src="https://unpkg.com/itk-vtk-image-viewer/dist/itkVtkImageViewer.js">
+    </script>
+  </body>
+</html>
diff --git a/doc/content/docs/index.md b/doc/content/docs/index.md
@@ -2,3 +2,5 @@ title: Overview
 ---
 
 ![How it works](./howToUse.jpg)
+
+<iframe src="https://unpkg.com/itk-vtk-image-viewer/dist/standalone.html" width="100%" height="300px" />
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,3 +2,5 @@ title: Overview
		---

		![How it works](./howToUse.jpg)

		<iframe src="https://unpkg.com/itk-vtk-image-viewer/dist/standalone.html" width="100%" height="300px" />