Merge branch 'main' of https://github.com/steve0greatness/steve0great…

…ness.github.io
Steve0Greatness · Dec 29, 2023 · 5fe8c3b · 5fe8c3b
2 parents 73d02ec + c19f113
commit 5fe8c3b
Show file tree

Hide file tree

Showing 8 changed files with 392 additions and 0 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 Not Found - S0G</title>
+    <link rel="stylesheet" href="/static/src/pygments-friendly.css">
+    <link rel="stylesheet" href="/static/src/global.css">
+
+</head>
+
+<body>
+    <header>
+        <h2><a href="/">Steve0Greatness</a></h2>
+        <nav>
+            <a href="/blog">Blog</a>
+        </nav>
+    </header>
+
+    <main>
+<h1>Error 404: Not Found</h1>
+<p>The requested resource was unable to be found.</p>
+</main>
+    <footer role="group">
+        <div class="footer-link-list-holder">
+            <span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
+            <ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
+                <li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
+                <li><a href="https://youtube.com/@s0g">YouTube</a></li>
+            </ol>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/docs/blog/blog-ini.html b/docs/blog/blog-ini.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog Start - S0G</title>
+    <link rel="stylesheet" href="/static/src/pygments-friendly.css">
+    <link rel="stylesheet" href="/static/src/global.css">
+
+</head>
+
+<body>
+    <header>
+        <h2><a href="/">Steve0Greatness</a></h2>
+        <nav>
+            <a href="/blog">Blog</a>
+        </nav>
+    </header>
+
+<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
+    <li>
+        <a href="/">Index</a>
+    </li>
+
+    <li >
+        <a href="/blog">
+            Blog Index
+        </a>
+    </li>
+
+    <li aria-current="location">
+
+            Blog Start
+
+    </li>
+
+</ol>
+    <main>
+<article>
+    <h2 id="blog-post-titled">Blog Start</h2>
+    <time>2023 Dec 29</time>
+    <p>Hello, World! Welcome to my epic cool blog hosted with GitHub pages, because I'm epic and cool and awesome and totally didn't need a first post so that git actually made sure an important directory exists. No sir.</p>
+
+<!--I'm really hopeful this will finally work -->
+
+</article>
+</main>
+    <footer role="group">
+        <div class="footer-link-list-holder">
+            <span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
+            <ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
+                <li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
+                <li><a href="https://youtube.com/@s0g">YouTube</a></li>
+            </ol>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/docs/blog/feed.rss b/docs/blog/feed.rss
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom">
+
+<channel>
+    <atom:link href="https://www.moddb.com/mods/timewarp/features/feed/rss.xml" rel="self" type="application/rss+xml" />
+    <title>Steve0Greatness' Blog</title>
+    <link>https://steve0greatness.github.io/</link>
+    <description>A human being</description>
+    <language>en-us</language>
+
+    <item>
+        <title>Blog Start</title>
+        <link>https://steve0greatness.github.io/blog/blog-ini.html</link>
+        <description>
+            <p>Depending on your RSS reader, you may want to x<a href="https://steve0greatness.github.io/blog/blog-ini.html">read this article online</a>,</p>
+            <p>Hello, World! Welcome to my epic cool blog hosted with GitHub pages, because I'm epic and cool and awesome and totally didn't need a first post so that git actually made sure an important directory exists. No sir.</p>
+
+<!--I'm really hopeful this will finally work -->
+
+        </description>
+        <guid isPermaLink="false">blog-ini.html</guid>
+    </item>
+
+</channel>
+
+</rss> 
diff --git a/docs/blog/index.html b/docs/blog/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog Index - S0G</title>
+    <link rel="stylesheet" href="/static/src/pygments-friendly.css">
+    <link rel="stylesheet" href="/static/src/global.css">
+
+<link rel="alternate" href="/blog/feed.rss" type="application/rss+xml" title="Steve0Greatness' Blog">
+
+</head>
+
+<body>
+    <header>
+        <h2><a href="/">Steve0Greatness</a></h2>
+        <nav>
+            <a href="/blog">Blog</a>
+        </nav>
+    </header>
+
+<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
+    <li>
+        <a href="/">Index</a>
+    </li>
+
+    <li aria-current="location">
+
+            Blog Index
+
+    </li>
+
+</ol>
+    <main>
+<h1>Blog Posts</h1>
+<a href="/blog/feed.rss"><img src="/static/rss-feed-icon-96-by-96.png" width="16" height="16" alt="RSS Feed"></a>
+<table class="blog-list">
+    <tbody>
+
+        <tr class="blog-list-title-and-date">
+            <td>
+                <a href="/blog/blog-ini.html">Blog Start</a>
+            </td>
+            <td>
+                <time>2023 Dec 29</time>
+            </td>
+        </tr>
+
+    </tbody>
+</table>
+</main>
+    <footer role="group">
+        <div class="footer-link-list-holder">
+            <span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
+            <ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
+                <li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
+                <li><a href="https://youtube.com/@s0g">YouTube</a></li>
+            </ol>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Homepage - S0G</title>
+    <link rel="stylesheet" href="/static/src/pygments-friendly.css">
+    <link rel="stylesheet" href="/static/src/global.css">
+
+<link rel="alternate" href="/blog/feed.rss" type="application/rss+xml" title="Steve0Greatness' Blog">
+
+</head>
+
+<body>
+    <header>
+        <h2><a href="/">Steve0Greatness</a></h2>
+        <nav>
+            <a href="/blog">Blog</a>
+        </nav>
+    </header>
+
+    <main>
+<h1>Steve0Greatness</h1>
+<h2 id="blog-posts">Blog Posts</h2>
+<a href="/blog/feed.rss"><img src="/static/rss-feed-icon-96-by-96.png" width="16" height="16" alt="RSS Feed"></a>
+<table class="blog-list">
+    <tbody>
+
+        <tr class="blog-list-title-and-date">
+            <td>
+                <a href="/blog/blog-ini.html">Blog Start</a>
+            </td>
+            <td>
+                <time>2023 Dec 29</time>
+            </td>
+        </tr>
+
+    </tbody>
+</table>
+</main>
+    <footer role="group">
+        <div class="footer-link-list-holder">
+            <span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
+            <ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
+                <li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
+                <li><a href="https://youtube.com/@s0g">YouTube</a></li>
+            </ol>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/docs/static/rss-feed-icon-96-by-96.png b/docs/static/rss-feed-icon-96-by-96.png
diff --git a/docs/static/src/global.css b/docs/static/src/global.css
@@ -0,0 +1,77 @@
+body,
+html {
+    margin: 0;
+    width: 100vw;
+}
+
+main {
+    padding: 0 8px;
+}
+
+.breadcrumbs {
+    list-style: none;
+    padding: 16px 8px 0;
+    margin: 0;
+}
+
+.breadcrumbs li {
+    display: inline-block;
+}
+
+.breadcrumbs li + li::before {
+    content: "\0000BB";
+}
+
+body > header {
+    display: flex;
+    padding: 8px;
+    align-items: center;
+    background-color: #cecece;
+}
+
+body > header :any-link {
+    color: #1f1f1f;
+}
+
+body > header h2 {
+    flex: 1;
+    font-size: large;
+    margin: 0;
+}
+
+body > header nav {
+    font-size: large;
+}
+
+tr > :not(:last-child) {
+    padding-right: 15px;
+}
+
+body > footer {
+    display: flex;
+    align-items: first baseline;
+    margin: 8px;
+    margin-top: 12px;
+    width: calc(100vw - 16px);
+    padding-top: 3px;
+    border-top: 1px black solid;
+}
+
+.footer-link-list-holder {
+    flex: 1;
+}
+
+.footer-link-list {
+    list-style: none;
+    padding-left: 0;
+    margin: 0;
+}
+
+.footer-link-list :any-link {
+    color: black;
+}
+
+.footer-link-list-label {
+    font-weight: 900;
+    font-size: 1.05rem;
+}