Merge pull request #56 from dms-viz/55-markdown-descriptions-in-the-j…

…son-specification Accomodate markdown descriptions in the `.json` specification
dms-viz · Oct 20, 2023 · d4bb687 · d4bb687
2 parents 191114b + c4d360d
commit d4bb687
Show file tree

Hide file tree

Showing 7 changed files with 28,470 additions and 203 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -277,3 +277,21 @@
 ### Removed
 
 - N/A
+
+## [0.3.0] - 2023-10-19
+
+### Added
+
+- Markdown can now be rendered from both a URL and a local JSON file.
+
+### Changed
+
+- Refactored Main.js entrypoint to the application to be a bit simpler.
+
+### Deprecated
+
+- N/A
+
+### Removed
+
+- N/A
diff --git a/v0/css/style.css b/v0/css/style.css
@@ -521,5 +521,18 @@ kbd {
   font-weight: bold;
 }
 
+.spinner {
+  border: 5px solid rgba(255,255,255,0.3);
+  border-radius: 50%;
+  border-top: 5px solid #000;
+  width: 40px;
+  height: 40px;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
 
 
diff --git a/v0/data/example.json b/v0/data/example.json
diff --git a/v0/index.html b/v0/index.html
@@ -368,6 +368,25 @@ <h1 class="logo">
             ><i class="bx bx-x"></i
           ></span>
         </div>
+        <!-- Add this somewhere in your body -->
+        <div
+          id="loadingScreen"
+          style="
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(255, 255, 255, 0.8);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+          "
+        >
+          <div class="spinner"></div>
+          <!-- You can use any loading spinner or gif here -->
+        </div>
         <!-- Chart contains the main D3 chart -->
         <div class="chart" id="chart"></div>
         <!-- Protein contains the protein(s) -->