add zim entry

maps
2025-08-19 18:55:37 -07:00 · 2025-08-17 12:57:21 -07:00 · 2025-08-17 12:32:45 -07:00 · 2025-08-17 12:12:30 -07:00 · 2025-08-17 11:57:12 -07:00 · 2025-08-14 20:03:04 -07:00
18 changed files with 148 additions and 10 deletions
--- a/images/discord.png
+++ b/images/discord.png
--- a/images/lulu-perch.jpg
+++ b/images/lulu-perch.jpg
--- a/images/lulu.webp
+++ b/images/lulu.webp
--- a/images/lulu2.jpg
+++ b/images/lulu2.jpg
--- a/images/phone.webp
+++ b/images/phone.webp
--- a/images/protonmail.png
+++ b/images/protonmail.png
--- a/images/ted1.jpg
+++ b/images/ted1.jpg
--- a/images/ted2.jpg
+++ b/images/ted2.jpg
--- a/images/ted3.jpg
+++ b/images/ted3.jpg
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
    <link rel="dns-prefetch" href="https://arch.miningtcup.me/" />
    <link rel="dns-prefetch" href="https://archlinux.org/" />
    <link rel="dns-prefetch" href="https://hypr.land/" />
+    <link rel="dns-prefetch" href="https://openfreemap.org/" />
  </head>
  <body>
    <div class="centerer">
@@ -19,7 +20,9 @@
          <div class="h1-container">
            <h1>Ted Pier<span class="subtitle">a.k.a. MiningTcup</span></h1>
          </div>
-          <img src="lulu.webp" alt="Lulu the dog" />
+          <a href="lulu.html"
+            ><img src="images/lulu.webp" alt="Lulu the dog"
+          /></a>
        </div>
        <hr />
        <section>
@@ -90,7 +93,10 @@
            That's what you're using right now- my website! It's a classic Nginx
            webserver. Notice how fast it loaded? That's what happens when a
            website is written without any libraries, tracking, or external
-            fonts.
+            fonts. This also includes a frontend for accessing the
+            <a target="_blank" href="https://openfreemap.org/">OpenFreeMap</a>
+            public instance. You can access that
+            <a target="_blank" href="/maps">here</a>.
          </p>
          <h3>DNS Servers</h3>
          <p>
@@ -111,6 +117,14 @@
            annoyance-free, and <i>doesn't</i> train LLMs on your work without
            asking.
          </p>
+          <a target="_blank" href="https://zim.miningtcup.me">
+            <h3>Kiwix Server</h3>
+          </a>
+          <p>
+            Kiwix provides offline browsing of websites, including Wikipedia and
+            DevDocs, serving access to resources in an internet outage or while
+            travelling.
+          </p>
          <a target="_blank" href="https://mozhi.miningtcup.me/">
            <h3>Mozhi Server</h3></a
          >
--- a/lulu.html
+++ b/lulu.html
@@ -14,11 +14,34 @@
          <div class="h1-container">
            <h1>Lulu Pier<span class="subtitle">&nbsp;a.k.a. Doggo</span></h1>
          </div>
-          <img src="lulu.webp" alt="Lulu the dog" />
+          <a href="index.html"><img alt="Ted" id="title-img" /></a>
        </div>
        <hr />
-        hello
+        <p>
+          My favorite thing to do is chase tennis balls in the back yard.
+          Sometimes I even catch them mid-air! Close runner-ups are running
+          around at the park, going on walks, and greeting my people when they
+          come home.
+        </p>
+        <img class="media" src="images/lulu2.jpg" alt="Happy Lulu" />
+        <p>
+          All that running is tiring! After a long time outside, I'll go to my
+          perch atop the couch and pant.
+        </p>
+        <img
+          class="media"
+          src="images/lulu-perch.jpg"
+          alt="Lulu perched upon the couch"
+        />
+        <p>
+          Gotta clean off after a long day's work. I'll just use this here
+          towel...
+        </p>
+        <video class="media" controls src="media/lulu-roll.mp4">
+          Lulu rolling around
+        </video>
      </div>
    </div>
+    <script src="lulu.js"></script>
  </body>
 </html>
--- a/lulu.js
+++ b/lulu.js
@@ -0,0 +1,7 @@
+const $ = (id) => document.getElementById(id);
+$("title-img").src = `images/ted${Math.ceil(Math.random() * 3)}.jpg`;
+document.querySelectorAll("img.media").forEach((item) => {
+  item.addEventListener("click", () => {
+    item.requestFullscreen();
+  });
+});
--- a/maps/index.html
+++ b/maps/index.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Maps</title>
+    <script src="maplibre-gl.js"></script>
+    <link href="maplibre-gl.css" rel="stylesheet" />
+    <style>
+      body {
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="map" style="width: 100vw; height: 100vh"></div>
+    <script>
+      const map = new maplibregl.Map({
+        style: "https://tiles.openfreemap.org/styles/liberty",
+        center: [-122.159665, 37.444143],
+        zoom: 9.5,
+        container: "map",
+      });
+    </script>
+  </body>
+</html>
--- a/maps/maplibre-gl.css
+++ b/maps/maplibre-gl.css
--- a/maps/maplibre-gl.js
+++ b/maps/maplibre-gl.js
--- a/media/lulu-roll.mp4
+++ b/media/lulu-roll.mp4
--- a/script.js
+++ b/script.js
@@ -6,7 +6,7 @@ infoContainer.addEventListener("click", loadContactInfo);

 function loadContactInfo() {
  infoContainer.innerHTML = atob(
-    "PGRpdj48YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cHM6Ly9kaXNjb3JkLmNvbS91c2Vycy84MjU0ODcxMzg5NDY1NDc3MTIiPjxpbWcgY2xhc3M9ImJ1bGxldC1pbWciIHNyYz0iZGlzY29yZC5wbmciIGFsdD0iRGlzY29yZCIgLz5taW5pbmd0Y3VwPC9hPjwvZGl2PjxkaXY+PGEgdGFyZ2V0PSJfYmxhbmsiIGhyZWY9Im1haWx0bzp0ZWRAbWluaW5ndGN1cC5tZSI+PGltZyBjbGFzcz0iYnVsbGV0LWltZyIgc3JjPSJwcm90b25tYWlsLnBuZyIgYWx0PSJFbWFpbCIvPnRlZEBtaW5pbmd0Y3VwLm1lPC9hPjwvZGl2PjxkaXY+PGEgdGFyZ2V0PSJfYmxhbmsiIGhyZWY9InRlbDorMS02NTAtNTEyLTk2MzUiPjxpbWcgY2xhc3M9ImJ1bGxldC1pbWciIHNyYz0icGhvbmUud2VicCIgYWx0PSJQaG9uZSIgLz4oNjUwKSA1MTItOTYzNTwvYT48L2Rpdj4=",
+    "PGRpdj48YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cHM6Ly9kaXNjb3JkLmNvbS91c2Vycy84MjU0ODcxMzg5NDY1NDc3MTIiPjxpbWcgY2xhc3M9ImJ1bGxldC1pbWciIHNyYz0iaW1hZ2VzL2Rpc2NvcmQucG5nIiBhbHQ9IkRpc2NvcmQiIC8+bWluaW5ndGN1cDwvYT48L2Rpdj48ZGl2PjxhIHRhcmdldD0iX2JsYW5rIiBocmVmPSJtYWlsdG86dGVkQG1pbmluZ3RjdXAubWUiPjxpbWcgY2xhc3M9ImJ1bGxldC1pbWciIHNyYz0iaW1hZ2VzL3Byb3Rvbm1haWwucG5nIiBhbHQ9IkVtYWlsIi8+dGVkQG1pbmluZ3RjdXAubWU8L2E+PC9kaXY+PGRpdj48YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0idGVsOisxLTY1MC01MTItOTYzNSI+PGltZyBjbGFzcz0iYnVsbGV0LWltZyIgc3JjPSJpbWFnZXMvcGhvbmUud2VicCIgYWx0PSJQaG9uZSIgLz4oNjUwKSA1MTItOTYzNTwvYT48L2Rpdj4=",
  );
  infoContainer.classList.remove("cover");
  infoContainer.removeEventListener("mousedown", loadContactInfo);
--- a/style.css
+++ b/style.css
@@ -8,6 +8,13 @@

 #content {
    max-width: 512px;
+    padding-bottom: 25vh;
+}
+
+.media {
+  max-width: 512px;
+  display: block;
+  margin: 16px 0;
 }

 h3 {
@@ -52,10 +59,6 @@ p {
    max-width: 256px;
 }

-#content {
-    padding-bottom: 25vh;
-}
-
 .cover {
    cursor: pointer;
    background: light-dark(white, #181825);
@@ -93,6 +96,7 @@ p {
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    background: light-dark(black, whitesmoke);
 }

 #title-1 > .h1-container {
@@ -106,12 +110,16 @@ p {
    margin: 0;
 }

-#title-1 > img {
+#title-1 > a > img {
    z-index: 0;
    display: block;
    max-height: 71px;
+    min-width: 100%;
+    object-fit: cover;
 }

+img {}
+
 .disabled {
    pointer-events: none;
 }
Author	SHA1	Message	Date
Ted Pier	71afe1819d	add zim entry	2025-08-19 18:55:37 -07:00
Ted Pier	2562ca508a	maps	2025-08-17 12:57:21 -07:00
Ted Pier	e4e3698310	maps	2025-08-17 12:32:45 -07:00
Ted Pier	11689334f6	add blank targets for maps	2025-08-17 12:12:30 -07:00
Ted Pier	e54180b481	mention maps	2025-08-17 11:57:12 -07:00
Ted Pier	165579bed6	add images n stuff	2025-08-14 20:03:04 -07:00
Ted Pier	f26ad6b276	idk if i committed yet tbh	2025-08-14 20:00:50 -07:00