Initial Commit

author: venomade <venomade@venomade.com> 2025-02-27 17:13:30 +0000
committer: venomade <venomade@venomade.com> 2025-02-27 17:13:30 +0000
commit: efef6e37e000d83d2323cdfa1ee7424e4274444b (patch)
tree: f74fa50ac2fe9dcd8d1c7d6503d6b6ae1b205529
15 files changed, 536 insertions, 0 deletions
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..799e0a4
--- /dev/null
+++ b/404.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>venomade.com - 404</title>
+  <meta name="description" content="Venomade's Personal Site">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main>
+
+    <article>
+
+      <div class=box><div class=inner>
+      <- <a href="index.html">Return Home</a>
+      </div></div>
+      
+      <div class=box><div class=inner>
+
+          <p>
+            <strong>
+              404! Looks like you took a wrong turn!
+            </strong>
+
+      </div></div>
+      
+    </article>
+
+  </main>
+
diff --git a/articles.html b/articles.html
new file mode 100644
index 0000000..9a29a68
--- /dev/null
+++ b/articles.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>venomade.com - articles</title>
+  <meta name="description" content="Venomade's Personal Site">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main>
+
+    <article>
+
+      <div class=box><div class=inner>
+      <- <a href="index.html">Return Home</a>
+      </div></div>
+      
+      <div class=box><div class=inner>
+
+          <p>
+            Nothing yet, come back soon!
+
+      </div></div>
+      
+    </article>
+
+  </main>
+
diff --git a/credits.html b/credits.html
new file mode 100644
index 0000000..cfcdd04
--- /dev/null
+++ b/credits.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>venomade.com - credits</title>
+  <meta name="description" content="Venomade's Personal Site">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main>
+
+    <article>
+
+      <div class=box><div class=inner>
+      <- <a href="index.html">Return Home</a>
+      </div></div>
+      
+      <div class=box><div class=inner>
+
+          <p>
+            <strong>Credits</strong>
+
+          <p>
+            This site would not have been possible for me to make from scratch as I have very little clue about HTML and CSS
+            and even less of a clue about design. Here are the people/websites that I have <strike>stolen</strike> sourced from:
+            <ul>
+              <li>Website Core: <a href="https://openbsd.org">OpenBSD</a>
+              <li>Background: <a href="https://xixxii.neocities.org/gooftown/foryou">a rummage bin</a>
+              <li>Extra CSS: <a href="https://eggramen.neocities.org/code/css_testpages#slightly-fancy">EGGRAMEN</a>
+            </ul>
+
+      </div></div>
+      
+    </article>
+
+  </main>
+
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..c27bbda
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,154 @@
+/* CSS Forked from "https://openbsd.org/openbsd.css" */
+
+:link {
+    color: #23238E;
+}
+
+:visited {
+    color: #23238E;
+}
+
+@keyframes moveBackground {
+    from {
+        background-position: 0 0;
+    }
+    to {
+        background-position: 446px 586px;
+    }
+}
+
+body {
+    background-color: #FFFFFF;
+    background-image:url('../res/bkg.jpg');
+    color: #111111;
+    margin: 15px auto;
+    padding: 0 10px;
+
+    background-repeat: repeat;
+    animation: moveBackground 20s linear infinite;
+}
+
+code {
+    white-space: nowrap;
+}
+
+@media (min-width: 800px) {
+    body {
+        max-width: 85%;
+    }
+}
+
+tt {
+    white-space: pre;
+}
+
+/* sidebar layout */
+
+body {
+    height: 100%;
+    max-width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    top: 0;
+    display: table;
+    padding: 0;
+    margin: 0;
+}
+
+nav,
+article,
+figure,
+aside {
+    display: table-cell;
+    padding: 4px;
+}
+
+nav,
+figure {
+    border-right: 1px solid;
+    background-color: #dfe5fb;
+    border-color: #040361;
+}
+
+nav header {
+    margin: 0;
+    font-size: 15pt;
+    font-weight: bolder;
+    white-space: nowrap;
+}
+
+nav ul {
+    margin-top: 0;
+    margin-bottom: 1em;
+    padding-left: 0;
+}
+
+nav li {
+    list-style-type: none;
+    list-style-position: inside;
+    margin-left: 0.5em;
+}
+
+#callout {
+    color: #E00000;
+    font-weight: bold;
+    text-align: center;
+}
+
+.not-openbsd #callout {
+    color: #0000A0;
+    font-weight: normal;
+}
+
+main,
+footer {
+    display: table-row;
+}
+
+nav {
+    vertical-align: top;
+}
+
+figure,
+aside {
+    vertical-align: bottom;
+}
+
+/* Eggramen */
+.box {
+    margin-bottom: 4px;
+}
+
+.box, .footer-box {
+    border: 1px solid #040361;
+}
+
+/*Inner content div for boxes. Padding goes here so sidebar headers etc can keep their no-margin look.*/
+.inner {
+    background:  #ffffff;
+    padding: 10px 25px;
+}
+
+.inner img {
+    max-width: 100%; /*Prevent image overflow.*/
+    height: auto;
+}
+
+.box, .title-pic img {
+    overflow: hidden; /*Force inner divs to conform to rounded corners.*/
+}
+
+
+.inline-image {
+    float: left;
+    margin-right: 25px; /* Space between image and text */
+}
+
+blockquote {
+  border-left: #4d4385 3px solid;
+  background: #d8d4ec;
+  padding: 0.1px 0.75rem;
+  margin: 0 1.5rem;
+  }
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9a47136
--- /dev/null
+++ b/index.html
@@ -0,0 +1,77 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>venomade.com - home</title>
+  <meta name="description" content="Venomade's Personal Site">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main>
+    <nav>
+
+      <header>Site Sections</header>
+      <ul>
+        <li><a href="nsfaq.html">NSFAQ</a>
+        <li><a href="projects.html">Projects</a>
+        <li><a href="articles.html">Articles</a>
+      </ul>
+
+      <header>Articles</header>
+      <p> <!-- Nothing Yet -->
+
+      <header>Other</header>
+      <ul>
+        <li><a href="startpage.html">Startpage [JS]</a>
+        <li><a href="credits.html">Credits</a>
+      </ul>
+
+      <header>Services</header>
+      <ul>
+        <li><a href="https://git.venomade.com">Git</a>
+        <li><a href="https://cloud.venomade.com">Nextcloud [JS]</a>
+        <li><a href="https://iv.venomade.com">Invidious</a>
+      </ul>
+
+    </nav>
+
+    <article>
+      <div class=box><div class=inner>
+
+          <a href="res/venomade_pfp.jpg">
+            <img src="res/venomade_pfp_small.jpg" alt="[terry davis petting a cat]" class="inline-image">
+          </a>
+
+          <p>
+            <strong>
+              Welcome to venomade.com!
+            </strong>
+
+          <p>
+            I am <strong>Venomade</strong>, a Student and Junior Software Engineer currently working with C and Common Lisp.
+            You can read more about me in my <a href="nsfaq.html">NSFAQ</a>.
+
+          <p>
+            I'm always working on some personal project, however none of them are currently fit for public release.
+            When that changes you'll be able to find them <a href="projects.html">here</a>.
+
+          <p>
+            For anything else, just use the sidebar and have a good rest of your day!
+
+      </div></div>
+    </article>
+
+  </main>
+
+  <footer>
+    <figure>
+    </figure>
+    <aside>
+      <div class=footer-box><div class=inner>
+      Links:
+      <a href="https://github.com/venomade">GitHub</a>,
+      <a href="https://mas.to/@venomade">Mastodon</a>,
+      <a href="https://bsky.app/profile/venomade.bsky.social">Bluesky</a>,
+      <a href="mailto:venomade@venomade.com">Email</a>
+      </div></div>
+    </aside>
+  </footer>
diff --git a/nsfaq.html b/nsfaq.html
new file mode 100644
index 0000000..3bf8c6c
--- /dev/null
+++ b/nsfaq.html
@@ -0,0 +1,129 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>venomade.com - nsfaq</title>
+  <meta name="description" content="Venomade's Personal Site">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main>
+
+    <article>
+
+      <div class=box><div class=inner>
+      <- <a href="index.html">Return Home</a>
+      </div></div>
+      
+      <div class=box><div class=inner>
+
+          <p>
+            <strong>
+              Why Venomade?
+            </strong>
+            <blockquote>
+              <strong>“Venomade”</strong> comes from <a href="https://www.youtube.com/watch?v=nCNa2JzsVKU">a song I quite like</a>.
+              I picked it because it rolls of the tongue easily enough, it’s not 
+              entirely unique but it’s still memorable, and most importantly it’s <em>.com</em> domain was available.
+            </blockquote>
+
+            <p>
+            <strong>
+              NSFAQ?
+            </strong>
+            <blockquote>
+              <strong>NSFAQ</strong> stands for <em><strong>N</strong>ot <strong>S</strong>o <strong>F</strong>requently <strong>A</strong>sked <strong>Q</strong>uestions</em>
+            </blockquote>
+          
+          <p>
+            <strong>
+              Which programming languages do you use?
+            </strong>
+            <blockquote>
+              I started programming in <strong>Javascipt</strong> and <strong>Python</strong> at school,
+              I then discovered <strong>Go</strong> in 2018 and it quickly became my favourite programming language.
+              Learning Go inspired me to work with <strong>C</strong>, in order to program more efficiently in C,
+              I studied <strong>Haskell</strong>, which flowed nicely into programming <strong>Rust</strong>.
+              <br>
+              Nowadays however, I prefer to stick with <strong>C</strong> because it is where I feel most comfortable,
+              though I have been enjoying <strong>LISP</strong> as of late.
+            </blockquote>
+
+          <p>
+            <strong>
+              What Music do you listen to?
+            </strong>
+            <blockquote>
+              I listen to quite a wide range of genres so instead, here are some artists I particularly like:
+              <ul>
+                <li>Tatsuro Yamashita</li>
+                <li>Night Tapes</li>
+                <li>Greydon Square</li>
+                <li>Буерак</li>
+                <li>Источник</li>
+                <li>Terno Rei</li>
+                <li>Macroblank</li>
+                <li>A.L.I.S.O.N</li>
+                <li>Dakota</li>
+              </ul>
+              I have purchased albums from all the above artists and keep lossless digital copies in my collection. I do not stream music.
+            </blockquote>
+
+          <p>
+            <strong>
+             What setup do you use?
+            </strong>
+            <blockquote>
+              <strong>Hardware:</strong>
+              <ul>
+                <li>Lenovo T440P <em>(The last good laptop)</em>
+                  <ul>
+                    <li>i7-4712mq</li>
+                    <li>16GB Ram</li>
+                    <li>1080p Screen</li>
+                    <li>T540 Trackpad</li>
+                    <li>3 SSDs, 1 M.2 and 2 SATA</li>
+                    <li>Coreboot</li>
+                  </ul>
+                </li>
+                <li>Feker Alice 80 Keyboard</li>
+                <li>Deft Pro Trackball Mouse</li>
+              </ul>
+              <strong>Software:</strong>
+              <ul>
+                <li>Debian 12</li>
+                <li>XFCE</li>
+                <li>Emacs</li>
+                <li>Strawberry</li>
+              </ul>
+            </blockquote>
+
+          <p>
+            <strong>
+             Can I copy your configs?
+            </strong>
+            <blockquote>
+              Dotfiles coming soon, promise.
+            </blockquote>
+
+            
+          <p>
+            <strong>
+              Why does your website look so old/ugly?
+            </strong>
+            <blockquote>
+              I wrote it in Emacs.
+              <p>
+                It does however have some benefits over modern websites. It uses no JavaScript,
+                respects your default font choice, loads superfast (even on dial-up)
+                and can display fully almost anywhere!
+                <p>
+                  <a href="res/site_eww.png">eww browser</a>
+                  <br>
+                  <a href="res/site_lynx.png">lynx browser</a>
+            </blockquote>
+
+      </div></div>
+      
+    </article>
+
+  </main>
diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..3fe7698
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>venomade.com - projects</title>
+  <meta name="description" content="Venomade's Personal Site">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main>
+
+    <article>
+
+      <div class=box><div class=inner>
+      <- <a href="index.html">Return Home</a>
+      </div></div>
+      
+      <div class=box><div class=inner>
+
+          <p>
+            Nothing yet, come back soon!
+
+      </div></div>
+      
+    </article>
+
+  </main>
+
diff --git a/res/bkg.jpg b/res/bkg.jpg
new file mode 100644
index 0000000..f13803e
--- /dev/null
+++ b/res/bkg.jpg
Binary files differdiff --git a/res/bkg_min.jpg b/res/bkg_min.jpg
new file mode 100644
index 0000000..1874a8b
--- /dev/null
+++ b/res/bkg_min.jpg
Binary files differdiff --git a/res/favicon.ico b/res/favicon.ico
new file mode 100644
index 0000000..5887366
--- /dev/null
+++ b/res/favicon.ico
Binary files differdiff --git a/res/site_eww.png b/res/site_eww.png
new file mode 100644
index 0000000..00f6da5
--- /dev/null
+++ b/res/site_eww.png
Binary files differdiff --git a/res/site_lynx.png b/res/site_lynx.png
new file mode 100644
index 0000000..046265d
--- /dev/null
+++ b/res/site_lynx.png
Binary files differdiff --git a/res/venomade_pfp.jpg b/res/venomade_pfp.jpg
new file mode 100644
index 0000000..eb2e6e7
--- /dev/null
+++ b/res/venomade_pfp.jpg
Binary files differdiff --git a/res/venomade_pfp_small.jpg b/res/venomade_pfp_small.jpg
new file mode 100644
index 0000000..bc320d3
--- /dev/null
+++ b/res/venomade_pfp_small.jpg
Binary files differdiff --git a/startpage.html b/startpage.html
new file mode 100644
index 0000000..4966f09
--- /dev/null
+++ b/startpage.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>startpage</title>
+  <meta name="description" content="Venomade's Startpage">
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="shortcut icon" href="res/favicon.ico" type="image/x-icon">
+
+  <main style="display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; text-align: center; flex-direction: column;">
+
+    <article>
+
+      <div class=box style="margin-bottom: 10px;"><div class=inner style="padding: 2px 15px;">
+
+          <p>
+            <div id="clock" style="font-size: 36pt; font-weight: bold;">Links:</div>
+
+      </div></div>
+      
+      
+      <div class=box style="margin-bottom: 10px;"><div class=inner style="padding: 2px 15px;">
+          
+          <p>
+            <h3>
+              <a href="https://cloud.venomade.com">Nextcloud</a>
+            </h3>
+            <h3>
+              <a href="https://github.com/venomade">Github</a>
+            </h3>
+            <h3>
+              <a href="https://youtube.com">Youtube</a>
+            </h3>
+            <h3>
+              <a href="https://mail.proton.me">Protonmail</a>
+            </h3>
+            <h3>
+              <a href="https://duck.ai">DuckAI</a>
+            </h3>
+            
+      </div></div>
+
+    </article>
+
+  </main>
+
+  <!-- Javascript Needed for Clock-->
+  <script> 
+    function updateClock() {
+        const now = new Date();
+        const hours = String(now.getHours()).padStart(2, '0');
+        const minutes = String(now.getMinutes()).padStart(2, '0');
+        document.getElementById('clock').textContent = `${hours}:${minutes}`;
+    }
+
+    setInterval(updateClock, 1000);
+    updateClock();
+  </script>
author	venomade <venomade@venomade.com>	2025-02-27 17:13:30 +0000
committer	venomade <venomade@venomade.com>	2025-02-27 17:13:30 +0000
commit	efef6e37e000d83d2323cdfa1ee7424e4274444b (patch)
tree	f74fa50ac2fe9dcd8d1c7d6503d6b6ae1b205529