]> Skullheadx's Git Forge - skullheadx.com.git/commitdiff
projects / skullheadx.com.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 95d653b)
links page
authorSkullheadx <admonty1@protonmail.com>
Thu, 7 May 2026 03:14:02 +0000 (23:14 -0400)
committerSkullheadx <admonty1@protonmail.com>
Thu, 7 May 2026 03:14:02 +0000 (23:14 -0400)
links.html [new file with mode: 0644] patch | blob
style.css patch | blob | history

diff --git a/links.html b/links.html
new file mode 100644 (file)
index 0000000..43fbb4f
--- /dev/null
+++ b/links.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Outlinks Skullhead</title>
+        <meta name="description" content="Outlinks to sites that I enjoy">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" type="text/css" href="/style.css">
+        <link rel="icon" href="/favicon.ico">
+    </head>
+    <body>
+        <div class = "content-wrapper">
+        <header class="main-head">
+            <a href="/">
+                <img src="banner.webp" class="banner" alt="Skullheadx">
+            </a>
+        </header>
+        <nav class="main-nav">
+            <section>
+                <h2>General</h2>
+                <ul>
+                    <li><a href="index.html">Index</a></li>
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="now.html">Now</a></li>
+                    <li><a href="links.html">Links</a></li>
+                </ul>
+            </section>
+            <section>
+                <h2>Blog</h2>
+                <ul>
+                    <li><a href="tech/index.html">/tech/</a></li>
+                    <li><a href="phil/index.html">/phil/</a></li>
+                    <li><a href="life/index.html">/life/</a></li>
+                    <li><a href="music/index.html">/music/</a></li>
+                </ul>
+            </section>
+            <section>
+                <h2>Projects</h2>
+                <ul>
+                    <li><a href="projects/dotfiles.html">Nixos Config</a></li>
+                    <li><a href="projects/suckless.html">Suckless</a></li>
+                </ul>
+            </section>
+            <section>
+                <h2>Contact</h2>
+                <a href="mailto:skull@skullheadx.com">Email</a>
+            </section>
+        </nav>
+        <main class="content">
+            <article>
+            <h2>Recommended Links</h2>
+            <ul class="listing">
+              <li>
+                <h3>Religion</h3>
+                <div class="body">
+                    <ul>
+                        <li><a href="https://www.youtube.com/@FatherSpyridonROCOR">Father Spyridon</a></li>
+                        <li><a href="https://www.youtube.com/@JonathanPageau">Jonathan Pageau</a></li>
+                        <li><a href="https://www.youtube.com/@JayDyer">Jay Dyer</a></li>
+                    </ul>
+                </div>
+              </li>
+              <li>
+                <h3>Technology</h3>
+                <div class="body">
+                    <ul>
+                        <li><a href="https://suckless.org/">Suckless</a></li>
+                        <li><a href="https://ziglang.org/">Zig</a></li>
+                        <li><a href="https://www.openbsd.org/">OpenBSD</a></li>
+                        <li><a href="https://lobste.rs/">Lobste.rs</a></li>
+                        <li><a href="https://lukesmith.xyz/">Luke Smith</a></li>
+                    </ul>
+                </div>
+              </li>
+              <li>
+                <h3>Reference</h3>
+                <div class="body">
+                    <ul>
+                        <li><a href="https://mynixos.com/">MyNixos.com</a></li>
+                        <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference">MDN HTML and CSS</a></li>
+                        <li><a href="https://steamdb.info/">SteamDB</a></li>
+                        <li><a href="https://pcpartpicker.com/">PCPartPicker</a></li>
+                    </ul>
+                </div>
+              </li>
+            </ul> 
+            </article>
+            
+        </main>
+        <footer class="main-footer">
+            <a href="https://skullheadx.com">https://skullheadx.com</a>
+        </footer>
+        </div>
+    </body>
+</html>
diff --git a/style.css b/style.css
index c5916acb2e786347f11f830499a8d0475c74a419..127e15fdf794efafe19ef21f7076ca2a26fe07a0 100644 (file)
--- a/style.css
+++ b/style.css
@@ -281,3 +281,31 @@ details[open] summary {
   margin-bottom: 0.5em;
 }
 
+/* Links listing */
+.listing {
+  list-style: none;
+  margin: 2em;
+  display: grid;
+  gap: 20px;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  grid-auto-rows: 1fr;
+  align-items: center;
+}
+
+.listing > li {
+  display: flex;
+  flex-direction: column;
+  height:100%;
+}
+
+.listing .body {
+  padding: 10px;
+  ul {
+    margin-left: 1em;
+  }
+  li {
+      list-style: disc;
+  }
+}
+
+
Personal website using raw HTML+CSS