did some editing of pages and designed a subscription form

9 files changed, 129 insertions, 59 deletions

diff --git a/_drafts/2026-09-15-the-joys-of-creating-in-the-age-of-ai.md b/_drafts/2026-09-15-the-joys-of-creating-in-the-age-of-ai.md
deleted file mode 100644
index 2cf1788..0000000
--- a/_drafts/2026-09-15-the-joys-of-creating-in-the-age-of-ai.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-layout: post
-title: "The Joys of Creating in the Age of AI"
-date: 2026-09-15
-permalink: "/blog/test-post"
-author: Benjamin Sanders
-catagories: test
-#subtitle: "Blueorgia is real, y'all!"
----
-I'll admit it - I was initially scared of AI but then I started playing with and learning how to make it work for me.
-
-Post outline:
-Thoughts on AI in general
-Purpose of still learning how to do things without AI
diff --git a/_includes/footer.html b/_includes/footer.html
index 4de82d9..abeba9f 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,25 +1,29 @@
     </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>
+        <section id="sub-footer">
+            <div>&copy; Ben Sanders, 2026</div>
+            <div>
+                <!-- 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>
+            </div>
+        </section>
     </footer>
     </body>
 </html>
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
index 2b0f47c..60d8f6b 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,6 +5,7 @@
                     <div class="nav-link">
                         <a href="/">Home</a>
                         <a href="/about">About</a>
+                        <a href="/news">News</a>
                     </div>
                 </nav>
             </div>
diff --git a/_layouts/default.html b/_layouts/default.html
index 635a185..dfb6690 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,26 +9,12 @@
                 <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.
+                        Hi, I'm <a href="/about">Ben</a>. I'm a citizen of the <a href="https://indieweb.org/">Indie Web</a> and an aspiring Network/Systems Administrator.
                     </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>
-                    <nav class="linktree-nav">
-                        <h2>My "Linktree"</h2>
-                        <div class="link-container">
-                            <div class="links">
-                                <ul>
-                                    <li><a href="mailto:hello@bensanders.net">E-Mail Me</a></li>
-                                    <li><a href="/assets/Benjamin Sanders hello@bensanders.net-(0x6315D57EC842B54E)-public.asc">Public Key</a></li>
-                                    <li><a href="https://www.instagram.com/thebensanders/">Instagram</a></li>
-                                    <li><a href="/feed.xml">RSS</a></li>
-                                </ul>
-                            </div>
-                        </div>
+                    <nav class="links">
+                        <a href="https://git.bensanders.net">Git Repos</a>
+                        <a href="https://bsky.app/profile/bsand.net">Bluesky</a>
+                        <a href="https://instagram.com/thebensanders">Instagram</a>
                     </nav>
                 </div>
             </div>
diff --git a/_layouts/news.html b/_layouts/news.html
new file mode 100644
index 0000000..61297eb
--- /dev/null
+++ b/_layouts/news.html
@@ -0,0 +1,11 @@
+{% include head.html %}
+{% include header.html %}
+        <section id="about">
+            <div class="wrap news-grid">
+                <div>
+                    <h2>{{ page.title }}</h2>
+                    {{ content }}
+                </div>
+            </div>
+        </section>
+{% include footer.html %}
\ No newline at end of file
diff --git a/about.md b/about.md
index 02de364..9182322 100644
--- a/about.md
+++ b/about.md
@@ -6,14 +6,23 @@ permalink: /about
 author: Benjamin Sanders
 catagories: about
 ---
-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.
+Hi, I'm Ben Sanders. I'm a citizen of the [indie web](https://indieweb.org/) and an aspiring Network/Systems Administrator.
 
-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.
+I love GNU/Linux and technology has always been a big part of my life ever since I was a kid. As such, 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.
+
+Recently, the domain bensanders.net became available so I think I finally found a permanent digital home.
+
+## Contact
+
+I can be contacted by email [hello@bensanders.net](mailto:hello@bensanders.net) as I'm trying to use more open and decentralized lines of communications these days.
 
 ## My Links Around the Web
 
-* [E-Mail Me](mailto:hello@bensanders.net)
 * [Public Key](http://localhost:4000/assets/Benjamin%20Sanders%20hello@bensanders.net-(0x6315D57EC842B54E)-public.asc)
 * [Instagram](https://www.instagram.com/thebensanders/)
 * [Bluesky](https://bsky.app/profile/bsand.net)
-* [RSS Feed](/feed.xml)
\ No newline at end of file
+* [RSS Feed](/feed.xml)
+
+## Colophon
+
+[This site](https://git.bensanders.net/bensanders.net.git/) is powered by [Jekyll](https://jekyllrb.com/), and hosted at [dedicated.com](https://dedicated.com). Most my domains are registered with [Porkbun](https://porkbun.com/). Lastly, most images are hosted on my own [image cdn](https://bensanders.net/blog/building-bsimg-dot-net-project-log).
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
index 47e9ce8..6680de3 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,6 +1,6 @@
 :root {
     --primary-bg-color: #ccc;
-    --primary-topbar-color: #0f1700;
+    --primary-topbar-color: #2d2d2d;
     --primary-text-color: black;
     --primary-link-color: #1a73e8;
     --primary-font-family: arial;
@@ -207,6 +207,43 @@ pre {
   color: white;
 }
 
+/* News Page */
+.item {
+  background-color: var(--primary-topbar-color);
+  margin: 1em;
+  padding: 1em;
+  border-radius: 1em;
+  color: white;
+}
+
+/* Newsletter Form Styles */
+#newsletter {
+  width: 100%;
+  max-width: 260px;
+  margin: auto;
+}
+
+.newsletter-grid {
+  display: flex;
+}
+
+.email-input-wrapper input {
+  padding: 10px;
+  border-radius: 0.3em 0 0 0.3em;
+  border: 0;
+}
+
+.subscribe-btn {
+  padding: 10px;
+  margin: 0;
+  border: 0;
+  background: #2d2d2d;
+  color: white;
+  font-weight: bold;
+  border-radius: 0 0.3em 0.3em 0;
+  cursor: pointer;
+}
+
 footer {
     width: 100%;
     max-width: 1070px;
diff --git a/news.md b/news.md
new file mode 100644
index 0000000..48c4cff
--- /dev/null
+++ b/news.md
@@ -0,0 +1,23 @@
+---
+layout: news
+title: News
+date: 2026-09-18
+date-created: 2026-09-18
+date-updated: 2026-09-18
+permalink: /news
+author: Benjamin Sanders
+catagories: news
+---
+On this page I will try to post an updated link of *mostly* tech news
+
+<article class="item" data-id="techcrunch-confirm" data-type="news" data-date="2026-09-12" data-votes="1">
+    <div class="meta">
+        <img class="fav" loading="lazy" alt="" src="https://icons.duckduckgo.com/ip3/techcrunch.com.ico" onerror="this.style.visibility='hidden'">
+        <span class="src">techcrunch.com</span>
+        <span class="dot">·</span>
+        <span class="date">2026-09-12</span>
+        <span class="type-badge" data-t="news">News</span>
+    </div>
+    <h3><a href="https://techcrunch.com/2026/09/12/revolut-confirms-customer-data-breach-through-fake-government-requests/" target="_blank" rel="noopener noreferrer">Revolut confirms customer data breach through fake government requests</a></h3>
+    <p class="prev">Revolut confirms it disclosed customer data to an unauthorised third party after fraudulent information requests sent from a legitimate government email domain. The company says its own systems were not hacked.</p>
+</article>
\ No newline at end of file
diff --git a/test.txt b/test.txt
index 1d5f7cd..133b76f 100644
--- a/test.txt
+++ b/test.txt
@@ -1 +1,14 @@
-You found a "secret" txt file! :D
\ No newline at end of file
+You found a "secret" txt file! :D
+
+<section id="newsletter">
+            <form action="#" method="post">
+                <div class="newsletter-grid">
+                    <div class="email-input-wrapper">
+                        <input action="" type="email-input" placeholder="Type your email...">
+                    </div>
+                    <button class="subscribe-btn">
+                        <span>Subscribe</span>
+                    </button>
+                </div>
+            </form>
+        </section>
\ No newline at end of file