index.html and images

2025-12-18 14:44:23 +01:00 · 2025-02-06 10:17:03 -06:00
parent be5b7f812e
commit 48356c0b7c
59 changed files with 89 additions and 0 deletions
--- a/images/0J671.jpeg
+++ b/images/0J671.jpeg
--- a/images/0fVfB.jpeg
+++ b/images/0fVfB.jpeg
--- a/images/3yhwL.jpeg
+++ b/images/3yhwL.jpeg
--- a/images/4Ak9l18.jpeg
+++ b/images/4Ak9l18.jpeg
--- a/images/4ENXUBt.jpeg
+++ b/images/4ENXUBt.jpeg
--- a/images/6dvk2.jpeg
+++ b/images/6dvk2.jpeg
--- a/images/79Izo.jpeg
+++ b/images/79Izo.jpeg
--- a/images/7Ouj7.jpeg
+++ b/images/7Ouj7.jpeg
--- a/images/8lM9HtJ.jpeg
+++ b/images/8lM9HtJ.jpeg
--- a/images/A6XRc.jpeg
+++ b/images/A6XRc.jpeg
--- a/images/AAZZx.jpeg
+++ b/images/AAZZx.jpeg
--- a/images/BkS0Y.jpeg
+++ b/images/BkS0Y.jpeg
--- a/images/DJOp6OW.jpeg
+++ b/images/DJOp6OW.jpeg
--- a/images/ES6sP.jpeg
+++ b/images/ES6sP.jpeg
--- a/images/EdTjP.jpeg
+++ b/images/EdTjP.jpeg
--- a/images/HYwiD.jpeg
+++ b/images/HYwiD.jpeg
--- a/images/HmQiE.jpeg
+++ b/images/HmQiE.jpeg
--- a/images/IsJe5Og.jpeg
+++ b/images/IsJe5Og.jpeg
--- a/images/JFQfX.jpeg
+++ b/images/JFQfX.jpeg
--- a/images/KY6Bb.jpeg
+++ b/images/KY6Bb.jpeg
--- a/images/KeamC.jpeg
+++ b/images/KeamC.jpeg
--- a/images/NXOGi.jpeg
+++ b/images/NXOGi.jpeg
--- a/images/NYKQ8.jpeg
+++ b/images/NYKQ8.jpeg
--- a/images/PHiNDId.jpeg
+++ b/images/PHiNDId.jpeg
--- a/images/T5XTzBH.jpeg
+++ b/images/T5XTzBH.jpeg
--- a/images/TS77f.jpeg
+++ b/images/TS77f.jpeg
--- a/images/V6HDZ.jpeg
+++ b/images/V6HDZ.jpeg
--- a/images/WwYj0YY.jpeg
+++ b/images/WwYj0YY.jpeg
--- a/images/XJWvh.jpeg
+++ b/images/XJWvh.jpeg
--- a/images/YiSb0.jpeg
+++ b/images/YiSb0.jpeg
--- a/images/ZxkGv.jpeg
+++ b/images/ZxkGv.jpeg
--- a/images/arcqG.jpeg
+++ b/images/arcqG.jpeg
--- a/images/bwygRd8.jpeg
+++ b/images/bwygRd8.jpeg
--- a/images/c9ddn.jpeg
+++ b/images/c9ddn.jpeg
--- a/images/f5uGQ.jpeg
+++ b/images/f5uGQ.jpeg
--- a/images/gVFAO.jpeg
+++ b/images/gVFAO.jpeg
--- a/images/hPpN5.jpeg
+++ b/images/hPpN5.jpeg
--- a/images/iAwp2Nr.png
+++ b/images/iAwp2Nr.png
--- a/images/iev8H.jpeg
+++ b/images/iev8H.jpeg
--- a/images/j4y7U.jpeg
+++ b/images/j4y7U.jpeg
--- a/images/jEswi.jpeg
+++ b/images/jEswi.jpeg
--- a/images/ju0oH2Q.jpeg
+++ b/images/ju0oH2Q.jpeg
--- a/images/lmD2vc3.png
+++ b/images/lmD2vc3.png
--- a/images/lxOZO.jpeg
+++ b/images/lxOZO.jpeg
--- a/images/oMTmd.jpeg
+++ b/images/oMTmd.jpeg
--- a/images/pQEZ8.jpeg
+++ b/images/pQEZ8.jpeg
--- a/images/peqZj.jpeg
+++ b/images/peqZj.jpeg
--- a/images/tIc0M.jpeg
+++ b/images/tIc0M.jpeg
--- a/images/uMuoeuC.jpeg
+++ b/images/uMuoeuC.jpeg
--- a/images/v1iFQ.jpeg
+++ b/images/v1iFQ.jpeg
--- a/images/v51lc.jpeg
+++ b/images/v51lc.jpeg
--- a/images/vOSyZ.jpeg
+++ b/images/vOSyZ.jpeg
--- a/images/vyNwm.jpeg
+++ b/images/vyNwm.jpeg
--- a/images/wW7or.jpeg
+++ b/images/wW7or.jpeg
--- a/images/wimz70n.jpeg
+++ b/images/wimz70n.jpeg
--- a/images/wyi6Z.jpeg
+++ b/images/wyi6Z.jpeg
--- a/images/x3hLj.jpeg
+++ b/images/x3hLj.jpeg
--- a/images/xDFpC.jpeg
+++ b/images/xDFpC.jpeg
--- a/index.html
+++ b/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The Profound Programmer</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            text-align: center;
+            background-color: #f8f8f8;
+        }
+        .gallery {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            gap: 10px;
+            padding: 20px;
+        }
+        .gallery img {
+            width: 150px;
+            height: 150px;
+            object-fit: cover;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: transform 0.2s;
+        }
+        .gallery img:hover {
+            transform: scale(1.1);
+        }
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.8);
+            justify-content: center;
+            align-items: center;
+        }
+        .modal img {
+            max-width: 90%;
+            max-height: 90%;
+            border-radius: 10px;
+        }
+    </style>
+</head>
+<body>
+    <h1>The Profound Programmer</h1>
+    <div class="gallery" id="gallery"></div>
+
+    <div class="modal" id="modal" onclick="this.style.display='none'">
+        <img id="modal-img" src="">
+    </div>
+
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const imageList = [
+                "pQEZ8.jpeg", "NYKQ8.jpeg", "YiSb0.jpeg", "peqZj.jpeg", "A6XRc.jpeg",
+                "iev8H.jpeg", "oMTmd.jpeg", "TS77f.jpeg", "0fVfB.jpeg", "ZxkGv.jpeg",
+                "HmQiE.jpeg", "arcqG.jpeg", "vyNwm.jpeg", "3yhwL.jpeg", "0J671.jpeg",
+                "KY6Bb.jpeg", "jEswi.jpeg", "IsJe5Og.jpeg", "8lM9HtJ.jpeg", "4ENXUBt.jpeg",
+                "DJOp6OW.jpeg", "4Ak9l18.jpeg", "T5XTzBH.jpeg", "WwYj0YY.jpeg", "bwygRd8.jpeg",
+                "PHiNDId.jpeg", "ju0oH2Q.jpeg", "wimz70n.jpeg", "uMuoeuC.jpeg", "tIc0M.jpeg",
+                "gVFAO.jpeg", "hPpN5.jpeg", "JFQfX.jpeg", "AAZZx.jpeg", "BkS0Y.jpeg",
+                "lxOZO.jpeg", "7Ouj7.jpeg", "6dvk2.jpeg", "V6HDZ.jpeg", "j4y7U.jpeg",
+                "EdTjP.jpeg", "NXOGi.jpeg", "v1iFQ.jpeg", "79Izo.jpeg", "KeamC.jpeg",
+                "v51lc.jpeg", "vOSyZ.jpeg", "f5uGQ.jpeg", "wW7or.jpeg", "c9ddn.jpeg",
+                "ES6sP.jpeg", "wyi6Z.jpeg", "xDFpC.jpeg", "XJWvh.jpeg", "x3hLj.jpeg",
+                "HYwiD.jpeg", "lmD2vc3.png", "iAwp2Nr.png"
+            ];
+            
+            const gallery = document.getElementById("gallery");
+            imageList.forEach(image => {
+                let img = document.createElement("img");
+                img.src = `images/${image}`;
+                img.alt = "Gallery Image";
+                img.onclick = function () {
+                    document.getElementById("modal-img").src = `images/${image}`;
+                    document.getElementById("modal").style.display = "flex";
+                };
+                gallery.appendChild(img);
+            });
+        });
+    </script>
+</body>
+</html>