jekyll-theme-profile 1.8.4 → 1.8.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 170036b5178432b2e86e982346a8895b8758af76ce6d06d51f368c39dd78a075
-  data.tar.gz: 625304ca5346c58c02731398c47088fad3f623f1acd72e9d2e18b14f7299924f
+  metadata.gz: 9898d76037a44648a544a0e55be21c87068ffe5dbbfedf6d9b8988ae149c51e7
+  data.tar.gz: 59c490d46718934edd9de4672d5c0cbdf17557860037fb4cc5a241267c77853b
 SHA512:
-  metadata.gz: 36dfb3861cbaddaf2e2ff6289b9b06091a04b15553c641fd5a5293c29fd7386196a1a5a93eb33fd47dd1ec00a651a330ce4a08b63e19f214916e1cd88a483ff1
-  data.tar.gz: 7f0366544fef23ce6305970c1765271180e1e7d1f1b373fe70617faa6df4c62f22817e13c8e88af4ea4dbb7327e75ee374fdaf7f43fee8618fa924bf09827bea
+  metadata.gz: 9490534c90e37b61445ffd26dc980e6ef77d9b7f45d4c74f2ced5bf52735674f5c8abe1d8bdcd5800e2658cecb9bf3151e191447d7714d6a911438692817621c
+  data.tar.gz: c0187da606072cffdf05b586390d3c8c2e4460e5905a46aa922b7f834b58925c8f5ceec078f61202506bac8b3f841d18aa139564fe14ebe77730b685852f010d

data/_includes/post-timeline-card.html

@@ -22,9 +22,8 @@
   <div class="col-12 col-md-7">
     <div class="ml-5 mt-5">
       {%- if post.video %}
-      <div class="image-container mb-5">
-        <iframe height="490" width="100%" src="{{ post.video }}" frameborder="0" gesture="media"
-          allow="encrypted-media; fullscreen; picture-in-picture" allowfullscreen></iframe>
+      <div id="Timeline-video-container" class="image-container mb-5">
+        <iframe id="Timeline-video" src="{{ post.video }}" frameborder="0" height="inherited" width="inherited"></iframe>
       </div>
       {%- elsif post.image %}
       <div class="image-container mb-5">

data/assets/js/timeline.js

@@ -1,29 +1,49 @@
-// Fix timeline anchors
 document.addEventListener("DOMContentLoaded", function () {
-  console.log("Timeline script is running!");
+    console.log("Timeline script is running!");
 
-  function updateTopBarHeight() {
-      // Recalculate topBarHeight
-      var topBarElement = document.querySelector('.topbar');
-      topBarHeight = topBarElement ? topBarElement.offsetHeight : 0;
+    function updateTopBarHeight() {
+        // Recalculate topBarHeight
+        var topBarElement = document.querySelector('.topbar');
+        topBarHeight = topBarElement ? topBarElement.offsetHeight : 0;
 
-      // Update styles for each timeline title
-      timelineTitles.forEach(function (title) {
-          title.style.top = topBarHeight + "px";
-      });
-  }
+        // Update styles for each timeline title
+        timelineTitles.forEach(function (title) {
+            title.style.top = topBarHeight + "px";
+        });
+        console.log("Updated offsetHeight!");
+    }
 
-  // Default topBarHeight to 0 if .topbar doesn't exist
-  var topBarHeight = 0;
-  var timelineTitles = document.querySelectorAll(".TimelineItem-title");
+    // Set dimensions for all iframes with the same ID
+    function setIframeDimensions() {
+        var iframes = document.querySelectorAll('iframe[id="Timeline-video"]');
+        console.log(iframes.length);
+        var container = document.getElementById('Timeline-video-container');
 
-  // Initial update
-  updateTopBarHeight();
+        // Get the container's dimensions
+        var containerWidth = container.offsetWidth;
+        var containerHeight = container.offsetHeight;
+        if (iframes) {
+            iframes.forEach(function (iframe) {
+                iframe.style.width = containerWidth + 'px';
+                iframe.style.height = containerHeight + 'px';
+            });
+            console.log("Updated iframes width x height: " + containerWidth + " x " + containerHeight);
+        }
+    }
 
-  // Add event listener for window resize
-  window.addEventListener('resize', function () {
-      // Call the function to update topBarHeight and adjust styles
-      console.log("Updated height!");
-      updateTopBarHeight();
-  });
+    // Default topBarHeight to 0 if .topbar doesn't exist
+    var topBarHeight = 0;
+    var timelineTitles = document.querySelectorAll(".TimelineItem-title");
+
+    // Initial update
+    updateTopBarHeight();
+    setIframeDimensions();
+
+    // Add event listener for window resize
+    window.addEventListener('resize', function () {
+        // Call the function to update topBarHeight and adjust styles
+        console.log("resizing elements");
+        updateTopBarHeight();
+        setIframeDimensions();
+    });
 });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-profile
 version: !ruby/object:Gem::Version
-  version: 1.8.4
+  version: 1.8.5
 platform: ruby
 authors:
 - Allison Thackston
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-12-18 00:00:00.000000000 Z
+date: 2023-12-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll