published Building bsimg.net: Project Log

1 files changed, 77 insertions, 0 deletions

diff --git a/rafts/about.html b/rafts/about.html
new file mode 100644
index 0000000..d26308e
--- /dev/null
+++ b/rafts/about.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ben Sanders Online Space</title>
+    <link rel="stylesheet" href="/assets/css/main.css">
+    <!-- Privacy-friendly analytics by Plausible -->
+    <script async src="https://plausible.io/js/pa-JWiyAnkl2l96nMNDBD7OS.js"></script>
+    <script>
+    window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
+    plausible.init()
+    </script>
+</head>
+<body>
+    <main>
+        <header>
+            <div class="wrap">
+                <nav>
+                    <a class="logo" href="/"><h1>Ben Sanders</h1></a>
+                    <div class="nav-link">
+                        <a href="/">Home</a>
+                        <a href="/about">About</a>
+                    </div>
+                </nav>
+            </div>
+        </header>
+        <section id="about">
+            <div class="wrap about-grid">
+                <div class="profile">
+                    <img src="https://pbs.bsimg.net/media/profile-pictures/a3/3d/a33d14b272?name=original&format=jpg">
+                    <h2>Hello, I'm Ben!</h2>
+                </div>
+                <div>
+                    <h2>About Me</h2>
+                    <p>I’m an aspiring Network/Systems Administrator and love GNU/Linux. Technology has always been a big part of my life ever since I was a kid.</p>
+
+<p>I’ve maintained my personal website online for more than a decade since I first bought the domain bensanders.me in 2010. I used to to use WordPress but found Jekyll and loved the idea of static websites.</p>
+
+<h2 id="my-links-around-the-web">My Links Around the Web</h2>
+
+<ul>
+  <li><a href="mailto:hello@bensanders.net">E-Mail Me</a></li>
+  <li><a href="http://localhost:4000/assets/Benjamin%20Sanders%20hello@bensanders.net-(0x6315D57EC842B54E)-public.asc">Public Key</a></li>
+  <li><a href="https://www.instagram.com/thebensanders/">Instagram</a></li>
+  <li><a href="https://bsky.app/profile/bsand.net">Bluesky</a></li>
+  <li><a href="/feed.xml">RSS Feed</a></li>
+</ul>
+
+                </div>
+            </div>
+        </section>
+    </main>
+    <footer>
+        &copy; Ben Sanders, 2026
+        <!-- Default Statcounter code for My Personal Website
+        https://bensanders.net/ -->
+        <script type="text/javascript">
+        var sc_project=13339537; 
+        var sc_invisible=1; 
+        var sc_security="af47feaa"; 
+        </script>
+        <script type="text/javascript"
+        src="https://www.statcounter.com/counter/counter.js"
+        async></script>
+        <noscript><div class="statcounter"><a title="Web Analytics
+        Made Easy - Statcounter" href="https://statcounter.com/"
+        target="_blank"><img class="statcounter"
+        src="https://c.statcounter.com/13339537/0/af47feaa/1/"
+        alt="Web Analytics Made Easy - Statcounter"
+        referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
+        <!-- End of Statcounter Code -->
+        <a href="https://statcounter.com/p13339537/?guest=1">View My
+        Stats</a>
+    </footer>
+    </body>
+</html>
\ No newline at end of file