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