jscom_ice 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5757d0be4848c97f09910726431394c801472f925e16836152e2d1e12e3ce5ae
-  data.tar.gz: a4583d6a5656492ed1f628ad50537f9e6ae04126d5308df120f19e206272b417
+  metadata.gz: 49dc10821e215dad9aad15bad0bf3c26cc3fff12be23eb45d87492bf04ad3b04
+  data.tar.gz: 4f4ddaac613bf52e88b6604a8c38e7578b4312385e3540c35f9b4f35417e4bf3
 SHA512:
-  metadata.gz: 679e6d2c448bf013cdb31eb37912be8feadf02d43f435786031392de4f9a6366775ec53a9216b0923b9c40cf075bb7c0540c64072a0a899ced0be0c4bd38749a
-  data.tar.gz: 4e86fcc53e0c1638dd54c4a918fb0bcc123207eb2fa3ad7f56955a0200215113d3b2fb041ad0d6302f10bd51a387c8e4f1a53af9fbca68fb7e4dcedf874274d8
+  metadata.gz: e83046aa3ea6e4afeab5ca6d742d16b0e9957834188b7426c90e5b0248dcb064455eeccad9b523017590eaf8f803afe170705e510b517dc5775be7e96e02ba39
+  data.tar.gz: '088e769d3bf5de44fd6b35dc5e7124bb1bcf5dc083f6362cd1e501441c6b247e6860af29ae2d681fd997881d45a066571ec8a1fb25c65964dcc23010c3c44b9f'

data/_includes/image-modal.html

@@ -0,0 +1,10 @@
+<!-- Image Modal - click-to-expand for post images -->
+<div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-xl">
+    <div class="modal-content bg-transparent border-0">
+      <div class="modal-body p-0 text-center">
+        <img src="" alt="" class="img-fluid" id="modalImage">
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/scripts.html

@@ -15,5 +15,8 @@ Scripts that are loaded throughout the website
 <!-- Navbar scroll behavior -->
 <script src="/assets/js/navbar.js"></script>
 
+<!-- Image modal click-to-expand -->
+<script src="/assets/js/image-modal.js"></script>
+
 <!-- TODO contact form page & move this to more local include? (it's only needed on 1 page)-->
 <!--<script src="/assets/js/contact.js"></script>-->

data/_layouts/default.html

@@ -32,6 +32,9 @@
     </footer>
 </div>
 
+<!-- Image Modal for click-to-expand -->
+{% include image-modal.html %}
+
 <!-- Shared/Common Scripts -->
 {% include scripts.html %}
 </body>

data/_sass/component/_all-components.scss

@@ -10,4 +10,5 @@
 @import 'posts';
 @import 'table';
 @import "carousel";
-@import "github-gist";
+@import "github-gist";
+@import "image-modal";

data/_sass/component/_image-modal.scss

@@ -0,0 +1,30 @@
+// Image Modal - Click-to-expand styling
+
+// Clickable images in post content
+.page-content img,
+.post img {
+  cursor: pointer;
+  transition: opacity 0.2s ease;
+
+  &:hover {
+    opacity: 0.9;
+  }
+}
+
+// Modal styling
+#imageModal {
+  .modal-content {
+    background: transparent;
+    border: none;
+  }
+
+  .modal-body {
+    padding: 0;
+  }
+
+  img {
+    max-height: 90vh;
+    width: auto;
+    max-width: 100%;
+  }
+}

data/assets/js/image-modal.js

@@ -0,0 +1,21 @@
+/**
+ * Image Modal - Click-to-expand functionality for post images
+ * Uses Bootstrap 5 modal component
+ */
+document.addEventListener('DOMContentLoaded', function() {
+  var modal = document.getElementById('imageModal');
+  if (!modal) return;
+
+  var modalImg = document.getElementById('modalImage');
+  var bsModal = new bootstrap.Modal(modal);
+
+  // Target images within post content
+  document.querySelectorAll('.page-content img, .post img').forEach(function(img) {
+    img.style.cursor = 'pointer';
+    img.addEventListener('click', function() {
+      modalImg.src = this.src;
+      modalImg.alt = this.alt;
+      bsModal.show();
+    });
+  });
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jscom_ice
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - John Sosoka
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2025-10-29 00:00:00.000000000 Z
+date: 2025-11-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -80,6 +80,7 @@ files:
 - _includes/embed-audio.html
 - _includes/footer.html
 - _includes/header.html
+- _includes/image-modal.html
 - _includes/john_landing.html
 - _includes/navbar.html
 - _includes/newsletter-signup-footer.html
@@ -106,6 +107,7 @@ files:
 - _sass/component/_form.scss
 - _sass/component/_github-gist.scss
 - _sass/component/_highlight.scss
+- _sass/component/_image-modal.scss
 - _sass/component/_navbar.scss
 - _sass/component/_newsletter.scss
 - _sass/component/_post-navigation.scss
@@ -124,6 +126,7 @@ files:
 - assets/js/bootstrap.js.map
 - assets/js/bootstrap.min.js
 - assets/js/bootstrap.min.js.map
+- assets/js/image-modal.js
 - assets/js/jquery-3.7.0.min.js
 - assets/js/navbar.js
 - assets/js/popper.min.js
@@ -131,7 +134,7 @@ homepage: https://github.com/johnsosoka/jscom-ice
 licenses:
 - GPL-3.0
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -146,8 +149,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.19
-signing_key:
+rubygems_version: 3.0.3.1
+signing_key: 
 specification_version: 4
 summary: Simple Dark Jekyll Theme
 test_files: []