early version of a functional photos page

photospagegen.py

@@ -67,7 +67,7 @@ def process_directory(directory, relative_path=''):
 
 <ClientOnly>
 <div class="image-viewer">
-    {process_directory('src/.vuepress/public/img/')}
+    {process_directory('src/.vuepress/public/img/archive')}
 </div>
 </ClientOnly>
 

src/.vuepress/config.ts

@@ -178,6 +178,7 @@ export default defineUserConfig({
       { text: 'Events', link: '/events' },
       { text: 'Projects', link: '/projects' },
       { text: 'History', link: '/history' },
+      { text: 'Photos', link: '/photos' },
     ],
     profile: {
       name: 'Captains',

src/photos.md

@@ -0,0 +1,105 @@
+---
+author: written by ada t
+title: Photos
+createTime: 2024/08/11 21:27:36
+permalink: /photos
+---
+
+# Image Viewer
+
+<ClientOnly>
+<div class="image-viewer">
+
+<div class="image-item">
+    <a href="/2024-08-06/Soldering_Work.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Soldering_Work.jpg?url" alt="Soldering_Work.jpg">
+    </a>
+    <p>Soldering_Work.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Boxfish.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Boxfish.jpg?url" alt="Boxfish.jpg">
+    </a>
+    <p>Boxfish.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Happy_computer.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Happy_computer.jpg?url" alt="Happy_computer.jpg">
+    </a>
+    <p>Happy_computer.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Bubbles_again.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Bubbles_again.jpg?url" alt="Bubbles_again.jpg">
+    </a>
+    <p>Bubbles_again.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Bubbles!.jpeg" target="_blank">
+        <img src="/thumbnails/thumb_Bubbles!.jpeg?url" alt="Bubbles!.jpeg">
+    </a>
+    <p>Bubbles!.jpeg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/CNC_Mentoring.JPG" target="_blank">
+        <img src="/thumbnails/thumb_CNC_Mentoring.JPG?url" alt="CNC_Mentoring.JPG">
+    </a>
+    <p>CNC_Mentoring.JPG<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Buttshark_Helmet.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Buttshark_Helmet.jpg?url" alt="Buttshark_Helmet.jpg">
+    </a>
+    <p>Buttshark_Helmet.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Rover.JPG" target="_blank">
+        <img src="/thumbnails/thumb_Rover.JPG?url" alt="Rover.JPG">
+    </a>
+    <p>Rover.JPG<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Regional_Coding.jpeg" target="_blank">
+        <img src="/thumbnails/thumb_Regional_Coding.jpeg?url" alt="Regional_Coding.jpeg">
+    </a>
+    <p>Regional_Coding.jpeg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-05-20/Mako_Image_Bad.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Mako_Image_Bad.jpg?url" alt="Mako_Image_Bad.jpg">
+    </a>
+    <p>Mako_Image_Bad.jpg<br>2024-05-20</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Summer Working.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Summer Working.jpg?url" alt="Summer Working.jpg">
+    </a>
+    <p>Summer Working.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Worlds_Deck_Team.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Worlds_Deck_Team.jpg?url" alt="Worlds_Deck_Team.jpg">
+    </a>
+    <p>Worlds_Deck_Team.jpg<br>2024-08-06</p>
+</div>
+                
+<div class="image-item">
+    <a href="/2024-08-06/Gary_minus_buffer.jpg" target="_blank">
+        <img src="/thumbnails/thumb_Gary_minus_buffer.jpg?url" alt="Gary_minus_buffer.jpg">
+    </a>
+    <p>Gary_minus_buffer.jpg<br>2024-08-06</p>
+</div>
+                
+</div>
+</ClientOnly>