hematite 0.1.11 → 0.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 450bc32b43ae3caf2e08adc9fda7154419b1fc617014d3e8cb75fe0708591664
-  data.tar.gz: d388090f953e7e25f4a7232242d46bb6cb115abf9cb739fa8b45494b1f032fef
+  metadata.gz: 3bf0eaea458e2c4fba03dbcc759aaa04eb811832e1850b210d5e5a378fab2526
+  data.tar.gz: 80dcbb081d5342365d4f119ffcb6f1dfd2be5b6533e23b0c23a18bde93709b54
 SHA512:
-  metadata.gz: b3ed73686b9e75eeedd0c4033adaef7f2f7749d0554f08252803f8f908f6173efc869074944e042814760cf9d0150de0d39c92fc56d7bfdec87c250f9e6bb485
-  data.tar.gz: b147929fea494e53217aa1dfb96957c0aa27d7b5aa4a812e0fe0d1997151d9a8eebfa6788d05871e640c2e6e5085494f221d3372d4304872d1736649dcf106c7
+  metadata.gz: 23b88d8d1249320f6b4712e19d9a00f0a2bc0de0ef1e191aab371e56e019f38da43b8f26726e0e6d22a9a271bd647dc175bae4d58997222a04a4939700642908
+  data.tar.gz: 916e067da5e530e001003b82f83d3a91241ba268823112662ff87102c16e5800c70b2d909d8e150c9a9c08017d9f6f4d7c5c76ac980f2faf4a8e22caa77bb625

data/_includes/img/loading_icon.svg

@@ -0,0 +1,70 @@
+<svg
+   viewBox="0 0 64.0 64.0"
+   version="1.1"
+   class="loading-icon-root"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <style>
+.loading-icon-root {
+    cursor: pointer;
+    width: 64px;
+    height: 64px;
+}
+
+.loading-icon-root .rect {
+    fill: var(--primary-text-color);
+
+    transform: translate(0, 0);
+    transform-origin: 32px 32px;
+    animation: loading-icon-anim 1.5s ease infinite;
+}
+
+.loading-icon-root .rect2 {
+    animation-delay: 0.25s;
+}
+
+.loading-icon-root .rect3 {
+    animation-delay: 0.5s;
+}
+
+.loading-icon-root .rect4 {
+    animation-delay: 0.65s;
+}
+
+@keyframes loading-icon-anim {
+    0% { transform: rotate(0); }
+    100% { transform: rotate(-360deg) scale(1, 1); }
+}
+  </style>
+  <g
+     id="layer1">
+    <rect
+       width="9"
+       height="9"
+       x="10"
+       y="10"
+       ry="4.5"
+       class="rect" />
+    <rect
+       width="9"
+       height="9"
+       x="10"
+       y="10"
+       ry="4.5"
+       class="rect rect2" />
+    <rect
+       width="9"
+       height="9"
+       x="10"
+       y="10"
+       ry="4.5"
+       class="rect rect3" />
+    <rect
+       width="9"
+       height="9"
+       x="10"
+       y="10"
+       ry="4.5"
+       class="rect rect4" />
+  </g>
+</svg>

data/_layouts/remark_slideshow.html

@@ -14,6 +14,12 @@ layout: default
 
 {% assign frame_resource_url = 'assets/html/remark_presentation_frame.html' | relative_url %}
 
+<div class='loading-icon-container'>
+    <center>
+        {% include img/loading_icon.svg %}
+    </center>
+</div>
+
 <main class="slideshow-mode">
     <iframe
             id="presentation_frame"
@@ -113,13 +119,18 @@ layout: default
         `);
 
         presentationWin.initPresentation = (async () => {
-            presentationDoc.title = presentationFrame.title;
-            await slideshow.start(presentationFrame.contentWindow, config);
-
-            // Ensure that mermaid has already been run!
-            if (presentationWin.mermaid) {
-                presentationWin.mermaid.init();
-                console.log("Ran mermaid!");
+            try {
+                presentationDoc.title = presentationFrame.title;
+                await slideshow.start(presentationFrame.contentWindow, config);
+
+                // Ensure that mermaid has already been run!
+                if (presentationWin.mermaid) {
+                    presentationWin.mermaid.init();
+                }
+            }
+            finally {
+                // Hide the loading icon
+                document.querySelector(".loading-icon-container")?.remove();
             }
         });
 

data/_sass/_layout.scss

@@ -178,6 +178,9 @@ main.slideshow-mode {
         // Transition immediately!
         transition: width 0s ease, max-width 0s ease;
     }
+
+    // Don't scroll, let the inner frame do that.
+    overflow: hidden;
 }
 
 // On mobile devices,

data/assets/html/remark_presentation_frame.html

@@ -20,7 +20,14 @@ h1, h2, h3 {
     font-weight: normal;
 }
 
-.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono', monospace; }
+.remark-code, .remark-inline-code, body.mdSourceView {
+    font-family: 'Ubuntu Mono', monospace;
+}
+
+body.mdSourceView {
+    background: white;
+    color: black;
+}
 
 /* Show hidden slides to allow preprocessors (e.g. mermaid) to
    properly account for container size.

data/assets/js/layout/remark_slideshow.mjs

@@ -77,6 +77,20 @@ function focusSlideFromHash(slideshow) {
     }
 }
 
+/// Returns true iff the slide viewer should only display markdown.
+function shouldOnlyDisplayMd() {
+    let pageArgs = UrlHelper.getPageArgs();
+    if (!pageArgs) {
+        return false;
+    }
+
+    if (pageArgs.md_only) {
+        return true;
+    }
+
+    return false;
+}
+
 async function main(targetWindow, config) {
     // True if touch navigation is enabled.
     let usingCustomTouchNav = false;
@@ -88,6 +102,13 @@ async function main(targetWindow, config) {
         }));
     }
 
+    // If the user has requested that only the page's markdown be shown,
+    if (shouldOnlyDisplayMd()) {
+        targetWindow.document.body.innerText = config?.source;
+        targetWindow.document.body.classList.add('mdSourceView');
+        return;
+    }
+
     // Customize touchscreen navigation — the default remark
     // navigation can break buttons, zooming.
     if (config?.navigation?.touch === true
@@ -150,6 +171,7 @@ async function main(targetWindow, config) {
 
                 if (handlingGesture) {
                     evt.preventDefault();
+                    elemContainer.setPointerCapture();
                 }
             }
         });
@@ -205,16 +227,20 @@ function addExtendedControls(targetWindow, slideshow) {
         targetWindow.print();
     };
 
+    let updateBtns = (slideIdx) => {
+        prevSlideBtn.disabled = (slideIdx == 0);
+        nextSlideBtn.disabled = (slideIdx + 1 >= slideshow.getSlideCount());
+    };
+
     slideshow.on('showSlide', function(newSlide) {
         if (!newSlide) {
             return;
         }
 
-        prevSlideBtn.disabled = (newSlide.getSlideIndex() == 0);
-        nextSlideBtn.disabled = (newSlide.getSlideIndex() + 1 >= slideshow.getSlideCount());
+        updateBtns(newSlide.getSlideIndex());
     });
 
-
+    updateBtns(0);
 
     nav.replaceChildren(prevSlideBtn, nextSlideBtn, spacer, printBtn);
     targetWindow.document.body.appendChild(nav);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hematite
 version: !ruby/object:Gem::Version
-  version: 0.1.11
+  version: 0.1.12
 platform: ruby
 authors:
 - Henry Heino
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-05-28 00:00:00.000000000 Z
+date: 2022-05-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -37,6 +37,7 @@ files:
 - _includes/extern_library_imports.html
 - _includes/footer.html
 - _includes/img/hamburger_menu.svg
+- _includes/img/loading_icon.svg
 - _includes/img/search_icon.svg
 - _includes/katex_includes.html
 - _includes/mermaid_includes.html