Update

Signed-off-by: Chun-Yu Lee (Mat) <[email protected]>
hacking-thursday · Dec 22, 2023 · 7fbcaa8 · 7fbcaa8
1 parent 70d3aaf
commit 7fbcaa8
Show file tree

Hide file tree

Showing 5 changed files with 112 additions and 0 deletions.
diff --git a/2023-12-21.html b/2023-12-21.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+      <meta charset="utf-8" />
+      <meta name="viewport" content="width=device-width, user-scalable=no" />
+      <title>Photo album - 2023-12-21</title>
+      <link rel="stylesheet" href="public/lightgallery/css/lightgallery.css" />
+      <link rel="stylesheet" href="public/videojs/video-js.min.css" />
+      <link rel="stylesheet" href="public/lightgallery/css/lg-exif.min.css" />
+      <link rel="stylesheet" href="public/core.css" />
+      <link rel="stylesheet" href="public/theme.css" />
+  </head>
+
+  <body>
+
+
+    <div id="container">
+
+      <!--
+        Gallery title
+      -->
+      <header>
+        <h1><a href="index.html">Photo album</a></h1>
+      </header>
+
+      <!--
+        Breadcrumbs of parent albums
+      -->
+      <nav class="breadcrumbs">
+    <a class="breadcrumb-item" href="index.html">Home</a>&nbsp;/&nbsp;<a class="breadcrumb-item" href="2023-12-21.html">2023-12-21</a>
+      </nav>
+
+      <!--
+        Nested albums, if any
+      -->
+      <div id="albums">
+      </div>
+
+      <!--
+        All photos and videos
+      -->
+      <ul id="media" class="clearfix">
+
+            <li data-src="media/large/2023-12-21/IMG_20231221_221448.jpg"
+                data-sub-html=""
+                data-download-url="media/large/2023-12-21/IMG_20231221_221448.jpg"
+
+                data-filename="IMG_20231221_221448.jpg"
+
+              >
+              <a href="media/large/2023-12-21/IMG_20231221_221448.jpg">
+                <img src="media/thumbs/2023-12-21/IMG_20231221_221448.jpg"
+                     width="120"
+                     height="120"
+                     alt="IMG_20231221_221448.jpg" />
+              </a>
+            </li>  </ul>
+
+      <!--
+        Pagination
+      -->
+
+      <!--
+        Zip file link
+      -->
+
+
+      <!--
+        Optional footer
+      -->
+
+    </div>
+    <!-- Video loader -->
+    <div id="videos">
+    </div>
+
+    <!-- jQuery -->
+    <script src="public/jquery.min.js"></script>
+    <!-- VideoJS -->
+    <script src="public/videojs/video.min.js"></script>
+    <!-- LightGallery -->
+    <script src="public/lightgallery/js/lightgallery.js"></script>
+    <script src="public/lightgallery/js/lg-autoplay.js"></script>
+    <script src="public/lightgallery/js/lg-pager.js"></script>
+    <script src="public/lightgallery/js/lg-thumbnail.js"></script>
+    <script src="public/lightgallery/js/lg-video.js"></script>
+    <script src="public/lightgallery/js/lg-exif.min.js"></script>
+
+    <script>
+      $(document).ready(function() {
+        $("#media").lightGallery({
+          thumbWidth: 80,
+          controls: true,
+          loop : false,
+          download: true,
+          counter: true,
+          videojs: true
+        });
+      });
+    </script>
+
+
+  </body>
+
+</html>
diff --git a/index.html b/index.html
@@ -53,6 +53,12 @@ <h3>剪影紀念</h3>
               <div class="summary">1 album, 13 photos</div>
               <div class="date">24 Feb 2023 - 24 Feb 2023</div>
             </div>
+          </a><a href="2023-12-21.html" style="background-image: url('media/small/2023-12-21/IMG_20231221_221448.jpg')">
+            <div class="info">
+              <h3>2023-12-21</h3>
+              <div class="summary">1 photo</div>
+              <div class="date">21 Dec 2023 - 21 Dec 2023</div>
+            </div>
           </a><a href="2023-12-07.html" style="background-image: url('media/small/2023-12-07/PXL_20231207_132702567.MP.jpg')">
             <div class="info">
               <h3>2023-12-07</h3>

diff --git a/media/large/2023-12-21/IMG_20231221_221448.jpg b/media/large/2023-12-21/IMG_20231221_221448.jpg
diff --git a/media/small/2023-12-21/IMG_20231221_221448.jpg b/media/small/2023-12-21/IMG_20231221_221448.jpg
diff --git a/media/thumbs/2023-12-21/IMG_20231221_221448.jpg b/media/thumbs/2023-12-21/IMG_20231221_221448.jpg