init

2026-02-01 18:45:50 +01:00 · 2026-02-01 18:45:50 +01:00 · 81b7baeac7
commit 81b7baeac7
61 changed files with 281 additions and 0 deletions
--- a/index.css
+++ b/index.css
@ -0,0 +1,29 @@
+html {
+    color: rgb(51, 51, 46);
+    font-family: "monospace";
+    font-size: 1rem;
+}
+
+pre {
+    font-size: 0.7rem;
+}
+
+#links {
+    line-height: 1.5;
+}
+
+#links a {
+    color: #2525d8; 
+}
+
+@media (max-width: 600px) {
+    html {
+        font-size: 1rem;
+    }
+    pre {
+        font-size: 2.6vw
+    }
+    #links {
+        line-height: 1.6;
+    }
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,118 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+    <title>Damian Simon</title>
+    <link rel="stylesheet" href="index.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Photography, programming, and other personal projects.">
+    <meta charset="UTF-8">
+
+    <style>
+    html {
+        color: rgb(51, 51, 46);
+        font-family: "monospace";
+        font-size: 1rem;
+    }
+
+    p {
+        max-width: 70ch;
+    }
+
+    pre {
+        font-size: 0.7rem;
+    }
+
+    #links {
+        line-height: 1.5;
+    }
+
+    #links a {
+        color: #2525d8; 
+    }
+
+    table {
+        border-collapse: separate;
+        border-spacing: 0 10px;
+    }
+    table td {
+        padding: 0px 0.4em;
+        min-width: 20ch;
+    }
+
+
+    @media (max-width: 600px) {
+        html {
+            font-size: 1rem;
+        }
+        pre {
+            font-size: 2.6vw
+        }
+        #links {
+            line-height: 1.6;
+        }
+    }
+    </style>
+</head>
+
+<body>
+    <pre aria-hidden="true">
+
+ _          _ _                                _     _ 
+| |__   ___| | | ___       __      _____  _ __| | __| |
+| '_ \ / _ \ | |/ _ \      \ \ /\ / / _ \| '__| |/ _` |
+| | | |  __/ | | (_) |  _   \ V  V / (_) | |  | | (_| |
+|_| |_|\___|_|_|\___/  ( )   \_/\_/ \___/|_|  |_|\__,_|
+                       |/                              
+    </pre>
+
+    <p>
+    I’m a math undergraduate and hobbyist programmer with a growing interest in numerical methods and scientific computing. I enjoy exploring how mathematical ideas translate into efficient low-level code.
+    </p>
+
+    <p><b>projects & hobbys</b></p>
+
+    <table>
+        <tr>
+            <td>
+                <a href="/synth">synth</a>
+            </td>
+            <td>a modular synthesizer project to learn C</td>
+        </tr>
+        <tr>
+            <td>
+                <a href="/mandelbrot">mandelbrot zoom</a>
+            </td>
+            <td>a simple mandelbrot zoom generator</td>
+
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/solvers">solvers</a>
+            </td>
+            <td>exercises in implementing numerical solvers</td>
+        </tr>
+        <tr>
+            <td>
+                <a href="/boring">boring</a>
+            </td>
+            <td>a firefox extension to remove distractions on youtube and reddit</td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/photography">photography</a>
+            </td>
+            <td>some of my favourite photos</td>
+        </tr>
+
+    </table>
+
+
+    <p><b>feedback & suggestions are welcome</b></p>
+    <p>damianhsimon@gmail.com</p>
+
+</body>
+</html> 
--- a/photography/convert.sh
+++ b/photography/convert.sh
@ -0,0 +1,6 @@
+#!/bin/sh
+
+for f in *.jpg *.JPG *.JPEG *.png; do
+    [ -e "$f" ] || continue   # skip if no match
+    avifenc --min 30 --max 40 "$f" "images/${f%.*}.avif"
+done
--- a/photography/images/448087014_436171172524258_3270192954732431304_n.avif
+++ b/photography/images/448087014_436171172524258_3270192954732431304_n.avif
--- a/photography/images/448550273_1040076344352099_4631886881760265285_n.avif
+++ b/photography/images/448550273_1040076344352099_4631886881760265285_n.avif
--- a/photography/images/448609138_1158655605468527_5617318776463058920_n.avif
+++ b/photography/images/448609138_1158655605468527_5617318776463058920_n.avif
--- a/photography/images/448670934_1106843440424147_98290233300769447_n.avif
+++ b/photography/images/448670934_1106843440424147_98290233300769447_n.avif
--- a/photography/images/448721530_1108051306921644_348103644021142171_n.avif
+++ b/photography/images/448721530_1108051306921644_348103644021142171_n.avif
--- a/photography/images/448750264_2391363344388219_3957568798567637443_n.avif
+++ b/photography/images/448750264_2391363344388219_3957568798567637443_n.avif
--- a/photography/images/448762731_1677776913054166_358214089438840814_n.avif
+++ b/photography/images/448762731_1677776913054166_358214089438840814_n.avif
--- a/photography/images/448784109_2100046017035648_3576732266758673287_n.avif
+++ b/photography/images/448784109_2100046017035648_3576732266758673287_n.avif
--- a/photography/images/448797075_435393492653720_8646043293011122127_n.avif
+++ b/photography/images/448797075_435393492653720_8646043293011122127_n.avif
--- a/photography/images/448817777_331278703407922_5026728298304165137_n.avif
+++ b/photography/images/448817777_331278703407922_5026728298304165137_n.avif
--- a/photography/images/R1-07722-0007.avif
+++ b/photography/images/R1-07722-0007.avif
--- a/photography/images/R1-07722-0015.avif
+++ b/photography/images/R1-07722-0015.avif
--- a/photography/images/R1-07722-0022.avif
+++ b/photography/images/R1-07722-0022.avif
--- a/photography/images/R1-07722-0032.avif
+++ b/photography/images/R1-07722-0032.avif
--- a/photography/images/R1-07722-0033.avif
+++ b/photography/images/R1-07722-0033.avif
--- a/photography/images/R1-07722-0034.avif
+++ b/photography/images/R1-07722-0034.avif
--- a/photography/images/R1-07722-0037.avif
+++ b/photography/images/R1-07722-0037.avif
--- a/photography/images/abstract.avif
+++ b/photography/images/abstract.avif
--- a/photography/images/abstract2.avif
+++ b/photography/images/abstract2.avif
--- a/photography/images/abstract3.avif
+++ b/photography/images/abstract3.avif
--- a/photography/images/ant.avif
+++ b/photography/images/ant.avif
--- a/photography/images/bib.avif
+++ b/photography/images/bib.avif
--- a/photography/images/biene.avif
+++ b/photography/images/biene.avif
--- a/photography/images/biene2.avif
+++ b/photography/images/biene2.avif
--- a/photography/images/birb.avif
+++ b/photography/images/birb.avif
--- a/photography/images/birb2.avif
+++ b/photography/images/birb2.avif
--- a/photography/images/birb3.avif
+++ b/photography/images/birb3.avif
--- a/photography/images/blume.avif
+++ b/photography/images/blume.avif
--- a/photography/images/blumen.avif
+++ b/photography/images/blumen.avif
--- a/photography/images/blumen2.avif
+++ b/photography/images/blumen2.avif
--- a/photography/images/chamomile.avif
+++ b/photography/images/chamomile.avif
--- a/photography/images/clouds.avif
+++ b/photography/images/clouds.avif
--- a/photography/images/clouds2.avif
+++ b/photography/images/clouds2.avif
--- a/photography/images/clouds3.avif
+++ b/photography/images/clouds3.avif
--- a/photography/images/decke.avif
+++ b/photography/images/decke.avif
--- a/photography/images/ducks.avif
+++ b/photography/images/ducks.avif
--- a/photography/images/feld.avif
+++ b/photography/images/feld.avif
--- a/photography/images/field.avif
+++ b/photography/images/field.avif
--- a/photography/images/fliege.avif
+++ b/photography/images/fliege.avif
--- a/photography/images/gondel.avif
+++ b/photography/images/gondel.avif
--- a/photography/images/jelly.avif
+++ b/photography/images/jelly.avif
--- a/photography/images/jelly2.avif
+++ b/photography/images/jelly2.avif
--- a/photography/images/jelly3.avif
+++ b/photography/images/jelly3.avif
--- a/photography/images/leafes.avif
+++ b/photography/images/leafes.avif
--- a/photography/images/manfred.avif
+++ b/photography/images/manfred.avif
--- a/photography/images/manfred2.avif
+++ b/photography/images/manfred2.avif
--- a/photography/images/moon.avif
+++ b/photography/images/moon.avif
--- a/photography/images/moon2.avif
+++ b/photography/images/moon2.avif
--- a/photography/images/morning.avif
+++ b/photography/images/morning.avif
--- a/photography/images/poppies.avif
+++ b/photography/images/poppies.avif
--- a/photography/images/sheep.avif
+++ b/photography/images/sheep.avif
--- a/photography/images/snail.avif
+++ b/photography/images/snail.avif
--- a/photography/images/tree.avif
+++ b/photography/images/tree.avif
--- a/photography/images/trees.avif
+++ b/photography/images/trees.avif
--- a/photography/images/trees2.avif
+++ b/photography/images/trees2.avif
--- a/photography/images/windmills.avif
+++ b/photography/images/windmills.avif
--- a/photography/index.html
+++ b/photography/index.html
@ -0,0 +1,104 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+    <title>Damian Simon</title>
+    <link rel="stylesheet" href="photography.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Photography">
+</head>
+
+<body>
+
+    <div id="container" aria-hidden="true">
+
+    </div>
+    
+
+    <script>
+        let photos = [
+            "images/bib.avif",
+            'images/448750264_2391363344388219_3957568798567637443_n.avif',
+            "images/R1-07722-0007.avif",
+            "images/manfred.avif",
+            "images/manfred2.avif",
+            "images/R1-07722-0022.avif",
+            "images/field.avif",
+            "images/448721530_1108051306921644_348103644021142171_n.avif",
+            "images/R1-07722-0032.avif",
+            "images/R1-07722-0033.avif",
+            "images/R1-07722-0034.avif",
+            "images/R1-07722-0037.avif",
+            "images/birb.avif",
+            "images/blumen.avif",
+            "images/blumen2.avif",
+            "images/448784109_2100046017035648_3576732266758673287_n.avif",
+            "images/blume.avif",
+            "images/chamomile.avif",
+            "images/ant.avif",
+            "images/windmills.avif",
+            "images/448609138_1158655605468527_5617318776463058920_n.avif",
+            "images/448797075_435393492653720_8646043293011122127_n.avif",
+            "images/448762731_1677776913054166_358214089438840814_n.avif",
+            "images/448087014_436171172524258_3270192954732431304_n.avif",
+            "images/448550273_1040076344352099_4631886881760265285_n.avif",
+            "images/448670934_1106843440424147_98290233300769447_n.avif",
+            "images/448817777_331278703407922_5026728298304165137_n.avif",
+            "images/R1-07722-0015.avif",
+            "images/decke.avif",
+            "images/feld.avif",
+            "images/poppies.avif",
+            "images/fliege.avif",
+            "images/biene.avif",
+            "images/biene2.avif",
+            "images/ducks.avif",
+            "images/moon.avif",
+            "images/morning.avif",
+            "images/moon2.avif",
+            "images/clouds.avif",
+            "images/jelly.avif",
+            "images/jelly2.avif",
+            "images/jelly3.avif",
+            "images/clouds2.avif",
+            "images/sheep.avif",
+            "images/clouds3.avif",
+            "images/abstract.avif",
+            "images/abstract2.avif",
+            "images/abstract3.avif",
+            "images/birb2.avif",
+            "images/birb3.avif",
+            "images/gondel.avif",
+            "images/tree.avif",
+            "images/leafes.avif",
+            "images/trees2.avif"
+        ];
+
+        const container = document.getElementById('container'); // Replace `document.body` if you want a specific container
+
+        // Loop through each photo in the photos array and create the required elements
+        photos.forEach(photo => {
+
+            // Create a new div with the class "photo"
+            const photoDiv = document.createElement("div");
+            photoDiv.classList.add("photo");
+
+            // Create an img element with lazy loading, the src, and alt attributes
+            const imgElement = document.createElement("img");
+            imgElement.loading = "lazy";
+            imgElement.src = `/photography/${photo}`;
+            imgElement.alt = "loading";
+
+            // Append the img element to the div
+            photoDiv.appendChild(imgElement);
+
+            // Append the div to the container
+            container.appendChild(photoDiv);
+        });
+
+    </script>
+
+
+</body>
+
+</html> 
--- a/photography/photography.css
+++ b/photography/photography.css
@ -0,0 +1,24 @@
+#container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.photo {
+    width: 38em;
+    max-width: 100%;
+    background-color: aliceblue;
+    margin-bottom: 8px;
+    
+    aspect-ratio: 3/2;
+    overflow: hidden;
+    display: flex;
+    align-items: center; 
+    justify-content: center; 
+}
+
+.photo img {
+    width: 100%;
+    vertical-align: middle; 
+
+}