Files
website/photos/index.html
2025-12-12 18:18:32 -08:00

189 lines
7.8 KiB
HTML

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Photos</title>
<meta name="viewport" content="width=device-width">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container">
<a href="#" class="navbar-brand">
<strong>Photos</strong>
</a>
</div>
</div>
</header>
<main class="container">
<div class="row row-cols-sm-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-3 py-5">
<div class="col">
<p>
<a href="_thumbs/20230701-camping-284.jpg.html"><img src="_thumbs/406/20230701-camping-284.jpg" alt="Thumbnail: 20230701-camping-284.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20230701-camping-285.jpg.html"><img src="_thumbs/406/20230701-camping-285.jpg" alt="Thumbnail: 20230701-camping-285.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20230701-camping-288.jpg.html"><img src="_thumbs/406/20230701-camping-288.jpg" alt="Thumbnail: 20230701-camping-288.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20241230-bay_area-002.jpg.html"><img src="_thumbs/406/20241230-bay_area-002.jpg" alt="Thumbnail: 20241230-bay_area-002.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20241230-bay_area-003.jpg.html"><img src="_thumbs/406/20241230-bay_area-003.jpg" alt="Thumbnail: 20241230-bay_area-003.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20241230-bay_area-005.jpg.html"><img src="_thumbs/406/20241230-bay_area-005.jpg" alt="Thumbnail: 20241230-bay_area-005.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20241230-bay_area-006.jpg.html"><img src="_thumbs/406/20241230-bay_area-006.jpg" alt="Thumbnail: 20241230-bay_area-006.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20241230-bay_area-009.jpg.html"><img src="_thumbs/406/20241230-bay_area-009.jpg" alt="Thumbnail: 20241230-bay_area-009.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20241230-bay_area-010.jpg.html"><img src="_thumbs/406/20241230-bay_area-010.jpg" alt="Thumbnail: 20241230-bay_area-010.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250419-moment_with_concrete.jpg.html"><img src="_thumbs/406/20250419-moment_with_concrete.jpg" alt="Thumbnail: 20250419-moment_with_concrete.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250503-nature_walk.jpg.html"><img src="_thumbs/406/20250503-nature_walk.jpg" alt="Thumbnail: 20250503-nature_walk.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250516-moment_with_concrete.jpg.html"><img src="_thumbs/406/20250516-moment_with_concrete.jpg" alt="Thumbnail: 20250516-moment_with_concrete.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250524-bike_ride.jpg.html"><img src="_thumbs/406/20250524-bike_ride.jpg" alt="Thumbnail: 20250524-bike_ride.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250912-camping-01.jpg.html"><img src="_thumbs/406/20250912-camping-01.jpg" alt="Thumbnail: 20250912-camping-01.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250912-camping-02.jpg.html"><img src="_thumbs/406/20250912-camping-02.jpg" alt="Thumbnail: 20250912-camping-02.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250912-camping-03.jpg.html"><img src="_thumbs/406/20250912-camping-03.jpg" alt="Thumbnail: 20250912-camping-03.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20250912-camping-04.jpg.html"><img src="_thumbs/406/20250912-camping-04.jpg" alt="Thumbnail: 20250912-camping-04.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251010-washington_trip-01.jpg.html"><img src="_thumbs/406/20251010-washington_trip-01.jpg" alt="Thumbnail: 20251010-washington_trip-01.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251010-washington_trip-02.jpg.html"><img src="_thumbs/406/20251010-washington_trip-02.jpg" alt="Thumbnail: 20251010-washington_trip-02.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251010-washington_trip-03.jpg.html"><img src="_thumbs/406/20251010-washington_trip-03.jpg" alt="Thumbnail: 20251010-washington_trip-03.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251026-bike_ride-01.jpg.html"><img src="_thumbs/406/20251026-bike_ride-01.jpg" alt="Thumbnail: 20251026-bike_ride-01.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251026-bike_ride-02.jpg.html"><img src="_thumbs/406/20251026-bike_ride-02.jpg" alt="Thumbnail: 20251026-bike_ride-02.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251026-bike_ride-03.jpg.html"><img src="_thumbs/406/20251026-bike_ride-03.jpg" alt="Thumbnail: 20251026-bike_ride-03.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/20251026-bike_ride-04.jpg.html"><img src="_thumbs/406/20251026-bike_ride-04.jpg" alt="Thumbnail: 20251026-bike_ride-04.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/phone_booths-00.jpg.html"><img src="_thumbs/406/phone_booths-00.jpg" alt="Thumbnail: phone_booths-00.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/phone_booths-01.jpg.html"><img src="_thumbs/406/phone_booths-01.jpg" alt="Thumbnail: phone_booths-01.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/phone_booths-02.jpg.html"><img src="_thumbs/406/phone_booths-02.jpg" alt="Thumbnail: phone_booths-02.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/phone_booths-03.jpg.html"><img src="_thumbs/406/phone_booths-03.jpg" alt="Thumbnail: phone_booths-03.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
<div class="col">
<p>
<a href="_thumbs/phone_booths-04.jpg.html"><img src="_thumbs/406/phone_booths-04.jpg" alt="Thumbnail: phone_booths-04.jpg" class="rounded mx-auto d-block" height="203"></a>
</p>
</div>
</div>
<div class="row">
<div class="col">
<div class="page-header"><h2>Movies</h2></div>
</div>
</div>
<div class="row">
<div class="col">
<a href="20241230-bay_area-001.mov" class="btn btn-primary" role="button">20241230-bay_area-001.mov (33.87MB)</a>
<a href="20241230-bay_area-004.mov" class="btn btn-primary" role="button">20241230-bay_area-004.mov (70.89MB)</a>
<a href="20241230-bay_area-007.mp4" class="btn btn-primary" role="button">20241230-bay_area-007.mp4 (39.07MB)</a>
<a href="20241230-bay_area-008.mp4" class="btn btn-primary" role="button">20241230-bay_area-008.mp4 (62.62MB)</a>
</div></div>
</main> <!-- // main container -->
<br>
<footer class="footer mt-auto py-3 bg-light">
<div class="container">
<span class="text-muted">Some dude taking photos - 2025-12-13 02:17:50 UTC</span>
</div>
</footer>
</body>
</html>