Move to template system and adopt the .tmpl.html extension.

1 files changed, 68 insertions, 0 deletions

diff --git a/html/gallery.tmpl.html b/html/gallery.tmpl.html
new file mode 100644
index 0000000..089a0e4
--- /dev/null
+++ b/html/gallery.tmpl.html
@@ -0,0 +1,68 @@
+{{ define "title" }}Gallery{{end}}

+{{ define "description" }}Collection of every image on the site in reverse-chronological order.{{end}}

+{{ define "keywords" }}gallery, image{{end}}

+

+{{ define "main" }}

+      <section>

+        <h1>Gallery</h1>

+        <p>A collection of images on the site.</p>

+        <p>Note: still under construction.</p>

+      </section>

+      <div class="gallery">

+        <img src="./static/media/SB-D8/Coco_1000.jpg" alt="Coco, my chocolate lab, standing in the driveway." width="1000" height="750" />

+        <img src="./static/media/SB-D8/Staredown_1000.jpg" alt="Mazda Miata and Chevrolet Silverado in a staredown in my driveway." width="1000" height="562" />

+        <img src="./static/media/SB-D8/Slave-1_1000.jpg" alt="LEGO Boba Fett's Slave 1." width="1000" height="562" />

+        <img src="./static/media/SB-D8/Soulless-One_1000.jpg" alt="LEGO General Grievous's fighter." width="1000" height="562" />

+        <img src="./static/media/SB-D8/CIS-Tank-Droid_1000.jpg" alt="LEGO CIS tank droid." width="1000" height="562" />

+        <img src="./static/media/SB-D7/Finished-sets-2_1000.jpg" alt="Completed sets lined up on the floor, second shot." width="1000" height="750" />

+        <img src="./static/media/SB-D7/Finished-sets_1000.jpg" alt="Completed sets lined up on the floor." width="1000" height="750" />

+        <img src="./static/media/SB-D6/LEGOs_1000.jpg" alt="LEGO and action figures spread out across the livingroom floor." width="1000" height="750" />

+        <img src="./static/media/SB-D6/Jack_1000.jpg" alt="Jack the cat stalking a lazer pointer." width="1000" height="750" />

+        <img src="./static/media/SB-D6/Corvair_1000.jpg" alt="Chevrolet Corvair in teal." width="1000" height="750" />

+        <img src="./static/media/SB-D6/Cows-at-Kopps_1000.jpg" alt="Ángel photographing the cow statues at Kopps." width="1000" height="750" />

+        <img src="./static/media/SB-D6/Kopps_1000.jpg" alt="Large sculpture of a sppon and cherry inside of Kopps." width="750" height="1000" />

+        <img src="./static/media/SB-D6/Packed_1000.jpg" alt="Jeep CJ-7, Volvo 244, Mazda MX-5, and Chevrolet Silverado lined up in the driveway." width="1000" height="750" />

+        <img src="./static/media/SB-D5/Side_1000.jpg" alt="Side of the truck with new wheels fitted up front and original wheels in back." width="1000" height="750" />

+        <img src="./static/media/SB-D5/Wheel-well_1000.jpg" alt="Me in the wheel well fitting the strut." width="750" height="1000" />

+        <img src="./static/media/SB-D5/Engine-bay_1000.jpg" alt="Ben looking at engine bay while standing on tire in front of the truck." width="1000" height="750" />

+        <img src="./static/media/SB-D5/LEGO_1000.jpg" alt="Old LEGO box in a bag." width="750" height="1000" />

+        <img src="./static/media/SB-D5/Field_1000.jpg" alt="Field in Wisconsin." width="1000" height="750" />

+        <img src="./static/media/SB-D4/Bullitt_1000.jpg" alt="Movie cover for the 1968 action/crime movie 'Bullitt'." width="1000" height="750" />

+        <img src="./static/media/SB-D4/Jeep-Museum_1000.jpg" alt="Jeep CJ-7 and Mazda MX-5 in front of the Milwaukee Art Museum." width="1000" height="750" />

+        <img src="./static/media/SB-D4/Jeep-Friend_1000.jpg" alt="Newer Jeep Willys parked next to my CJ-7 at the barber shop." width="1000" height="750" />

+        <img src="./static/media/SB-D4/Before-Hair_1000.jpg" alt="Me with longer hair, before my haircut." width="750" height="1000" />

+        <img src="./static/media/SB-D4/After-Hair_1000.jpg" alt="Me sitting in the Jeep after the haircut." width="750" height="1000" />

+        <img src="./static/media/WI_Roadtrip/Backpack_1000.jpg" alt="Packed bags for roadtrip. Two backpacks, a drawstring bag, and a coat." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/Start_1000.jpg" alt="Ben and Rex in front of their cars, a 1989 Volvo 250 Sedan and 1997 Mazda MX-5." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/Road_1000.jpg" alt="Volvo from view of the Miata." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/Bridge_1000.jpg" alt="Bridge along I-96." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/Rain_1000.jpg" alt="Rain in Lake Geneva, WI." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/Dinner_1000.jpg" alt="Sitting at the dinner table." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/Jeep_1000.jpg" alt="1985 Jeep CJ-7 by Williams Bay waterfront." width="1000" height="750" />

+        <img src="./static/media/WI_Roadtrip/TV_1000.jpg" alt="Stereo setup with sub and TV." width="1000" height="750" />

+        <img src="./static/media/Autorama24/Sketching.jpg" alt="Me and other students sketching cars at the CCS booth at Autorama 2024." width="1000" height="750" />

+        <img src="./static/media/Autorama24/LTU_Encounter.jpg" alt="Meeting an LTU senior, Andrew Berry." width="616" height="1000" />

+        <img src="./static/media/Autorama24/IMG20240303125314_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303130300_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303130450_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303131721_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303132324_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303133419_1000.jpg" alt="." width="750" height="1000" />

+        <img src="./static/media/Autorama24/IMG20240303135227_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303135642_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303141050_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303141501_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303141852_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/Autorama24/IMG20240303162728_1000.jpg" alt="." width="1000" height="750" />

+        <img src="./static/media/20240229_Midterm-board_1000.jpg" alt="Skyline photo lightning in Detroit. Featuring the Fisher building." width="1000" height="563" />

+        <img src="./static/media/20240227_Detroit-weather_1000.jpg" alt="Skyline photo lightning in Detroit. Featuring the Fisher building." width="1000" height="563" />

+        <img src="./static/media/20240228_Y-wing_1000.jpg" alt="Clone Wars era LEGO Y-Wing model build out of 501st battle packs. Captain Rex minifigure in pilot seat." width="1000" height="563" />

+        <img src="./static/media/20240209_Bike-ride-group-sidex1000.jpg" alt="Group photo of my friends and our bicycles on the steps in front of the GM RenCen by the Detroit River." width="1000" height="750" />

+        <img src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Before.webp" alt="Disassembled turn signal lamp assembly: housing, wire harness, contact that broke off wire, degraded rubber grommet, bulb, and lens cover." width="1280" height="960" />

+        <img src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Cleaned_Bucket.webp" alt="Sanded and re-foamed turn signal bucket" width="1280" height="960" />

+        <img src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Soldered_Harness.webp" alt="Soldered and repaired turn signal harness" width="1280" height="960" />

+        <img src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Final_Front.webp" alt="Front of final lamp assembly" width="1280" height="960" />

+        <img src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Final_Rear.webp" alt="Rear of final lamp assembly" width="1280" height="960" />

+        <video src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Flasher_Test.mp4" alt="Turn signal test, and lamp flashes as expected" controls="" width="1920" height="1080"><a href="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Flasher_Test.mp4">CJ7 Signal Test</a></video>

+      </div>

+{{ end }}