Go full retro httpd mode

Makefile

@@ -9,7 +9,7 @@ drafts: tags
 	LANG="en_US.UTF-8" $(JEKYLL) serve --drafts --incremental
 
 run: tags
-	rm -rf _site && $(JEKYLL) serve --drafts --future --watch --incremental --limit-posts 20
+	rm -rf _site && $(JEKYLL) serve --drafts --future --watch --incremental --limit-posts 40
 
 tags:
 	./generate-tags

_data/settings.yml

@@ -3,7 +3,7 @@ analytics-id: #leave blank to not use Analytics
 
 #Subtitle
 subtitle:
-  active: true
+  active: false
   text: a moderately technical blog
 
 #Nav 

_includes/footer.html

@@ -1,3 +1,2 @@
 <footer class= "footer">
-    <p>Copyright© {{site.author.name}} 2020. All right reserved. Theme designed by <a href="https://alessiofranceschi.me/">Alessio Franceschi</a>.</p>
+</footer>
-</footer>

_includes/head.html

@@ -20,7 +20,7 @@
     <link rel="alternate" type="application/rss+xml" href="/atom.xml" title="brokenco.de feed">
 
     <!-- CSS -->
-    <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
+    <link rel="stylesheet" href="{{ "/assets/css/apache.css" | relative_url }}">
     <link rel="stylesheet" href="{{ "/assets/css/github-syntax.css" | relative_url }}">
 
     <!-- SEO Plugin -->

_includes/header.html

@@ -1,5 +1,5 @@
 <header id="header">
-	<div id = site_title>
+	<div id = site-title>
         <a href="/">
 			<h1>{{site.title}}</h1>
 		</a>
@@ -10,6 +10,7 @@
 		{% endif %}
 	</div>
 
+    <!--
 	<div id="subheader">
 		{% if site.data.settings.nav.pages.active %}
 		<nav class="pages">
@@ -22,4 +23,8 @@
 		</nav>
 		{% endif %}
 	</div>
+    -->
+
 </header>
+
+<hr/>

_layouts/categories.html

@@ -4,19 +4,57 @@ permalink: /categories/
 title: Categories
 ---
 
-{% assign categories = site.tags | sort %}
+    <div class="apache-nav">
-{% for category in categories %}
+        <table style="width: 100%;">
-  <div class="archive-group">
+            <tr>
-    {% capture category_name %}{{ category | first }}{% endcapture %}
+                <td>
-    <div id="#{{ category_name | slugize }}"></div>
+                    <img src="/images/icons/back.png"/>
-    <p></p>
+                    <a href="/">Back</a>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <img src="/images/icons/folder.png"/>
+                    tags/
+                </td>
+            </tr>
+            {% assign categories = site.tags | sort %}
+            {% for category in categories %}
+                {% capture category_name %}{{ category | first }}{% endcapture %}
+                <tr>
+                    <td>
+                        <img src="/images/icons/blank.png"/>
+                        <img src="/images/icons/folder.png"/>
+                        {{ category_name }}/
+                    </td>
+                </tr>
+                {% for post in site.tags[category_name] %}
+                    <tr>
+                        <td>
+                            <img src="/images/icons/blank.png"/>
+                            <img src="/images/icons/blank.png"/>
+                            <img src="/images/icons/text.png"/>
+                            <a class="archive-link" href="{{ post.url | relative_url}}">{{post.title}}</a>
+                        </td>
+                    </tr>
+                {% endfor %}
+            <!--
+            <div class="archive-group">
+                {% capture category_name %}{{ category | first }}{% endcapture %}
+                <div id="#{{ category_name | slugize }}"></div>
+                <p></p>
 
-    <h2 class="archive-cat">{{ category_name }}</h2>
+                <h2 class="archive-cat">{{ category_name }}</h2>
-    <a name="{{ category_name | slugize }}"></a>
+                <a name="{{ category_name | slugize }}"></a>
-    <ul>
+                <ul>
-    {% for post in site.tags[category_name] %}
+                {% for post in site.tags[category_name] %}
-      <li><a class="archive-link" href="{{ post.url | relative_url}}">{{post.title}}</a></li>
+                <li><a class="archive-link" href="{{ post.url | relative_url}}">{{post.title}}</a></li>
-    {% endfor %}
+                {% endfor %}
-    </ul>
+                </ul>
-  </div>
+            </div>
-{% endfor %}
+            -->
+            {% endfor %}
+        </table>
+    </div>
+
+    <hr/>

_layouts/home.html

@@ -3,53 +3,92 @@ layout: default
 title: Home
 ---
 
-{% for post in paginator.posts %}
+<div class="apache-nav">
-<div class="post">
+    <table style="width: 100%;">
-    <h2 id = "post-title"><a href="{{ post.url  | relative_url }}">{{ post.title }}</a></h2>
+        <tr>
-
+            <td>
-    {% if site.data.settings.date-under-post.active %}
+                <img src="/images/icons/text.png"/>
-    <div class = "post-info">
+                <a href="/about">about.txt</a>
-        <span>
+            </td>
-            <i class="far fa-calendar" aria-hidden="true"></i>
+        </tr>
-            <time datetime="{{ post.date | date_to_xmlschema }}" class="by-line">{{ post.date | date_to_string }}</time> - <i class="far fa-clock"></i>
+        <tr>
-            {% include reading_time.html %}
+            <td>
-        </span>
+                <img src="/images/icons/folder.png"/>
-        {% if site.data.settings.categories.active %}
+                blog/
-            {% include categories.html %}
+            </td>
+        </tr>
+        {% if paginator.previous_page %}
+        <tr>
+            <td>
+                <img src="/images/icons/blank.png"/>
+                <img src="/images/icons/continued.png"/>
+                <a class = "newer paginate-button" href="{{ paginator.previous_page_path | relative_url }}">Newer Posts</a>
+            </td>
+        </tr>
         {% endif %}
-    </div>
+        {% for post in paginator.posts %}
-    {% endif %}
+            <tr>
-
+                <td>
-    {% if site.data.settings.featured-img.active %}
+                    <img src="/images/icons/blank.png"/>
-    <div class = "featured-img-container">
+                    <img src="/images/icons/layout.png"/>
-    {% if post.image %}
+                    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
-        <a href="{{ post.url | relative_url }}"><img src="{{ post.image | relative_url }}"/></a>
+                </td>
-    {% endif %}
+                <td>
-    {% if post.gif %}
+                    <span style="float:right;">
-        {% include gif.html file = post.gif %}
+                    {{ post.date | date_to_string }}
-    {% endif %}
+                    </span>
-    </div>
+                </td>
-    {% endif %}
+            </tr>
-
+        {% endfor %}
-    <p>
+        {% if paginator.next_page %}
-        {% if post.customexcerpt %}
+        <tr>
-            {{post.customexcerpt | strip_html | truncatewords:50}}
+            <td>
-        {% else %}
+                <img src="/images/icons/blank.png"/>
-        {{ post.excerpt }}
+                <img src="/images/icons/continued.png"/>
+                <a class = "older paginate-button" href="{{ paginator.next_page_path | relative_url }}">Older Posts</a>
+            </td>
+        </tr>
         {% endif %}
-        <span class = "continue-reading"><a href="{{ post.url | relative_url }}">Continue reading...</a></span>
+        <tr>
-    </p>
+            <td>
-</div>
+                <img src="/images/icons/folder.png"/>
-{% endfor %}
+                feeds/
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <img src="/images/icons/blank.png"/>
+                <img src="/images/icons/xml.png"/>
+                <a href="/atom.xml">atom.xml</a>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <img src="/images/icons/blank.png"/>
+                <img src="/images/icons/xml.png"/>
+                <a href="/microblog.xml">microblog.xml</a>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <img src="/images/icons/blank.png"/>
+                <img src="/images/icons/xml.png"/>
+                <a href="/podcast-picks.xml">podcast-picks.xml</a>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <img src="/images/icons/comp.gray.png"/>
+                <a href="gopher://gopher.brokenco.de/">gopher site</a>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <img src="/images/icons/folder.png"/>
+                <a href="/categories">tags/</a>
+            </td>
+        </tr>
+    </table>
 
-<!-- Pagination links -->
+    <hr/>
-<div class = "paginator">
-    {% if paginator.total_pages > 1 %}
-    {% if paginator.next_page %}
-      <a class = "older paginate-button" href="{{ paginator.next_page_path | relative_url }}">Older Posts</a>
-    {% endif %}
-    {% if paginator.previous_page %}
-    <a class = "newer paginate-button" href="{{ paginator.previous_page_path | relative_url }}">Newer Posts</a>
-  {% endif %}
-  {% endif %}
 </div>

_layouts/page.html

@@ -2,4 +2,23 @@
 layout: default
 ---
 
+    <div class="apache-nav">
+        <table style="width: 100%;">
+            <tr>
+                <td>
+                    <img src="/images/icons/back.png"/>
+                    <a href="/">Back</a>
+                <td>
+            </tr>
+            <tr>
+                <td>
+                    <img src="/images/icons/text.png"/>
+                    {{ page.title }}
+                <td>
+            </tr>
+        </table>
+    </div>
+
+    <hr/>
+
 {{ content }}

_layouts/post.html

@@ -7,23 +7,64 @@
 <body>
 
   <div class="container">
-    {% include header.html %}
+    <header id="header">
+        <div id= post-title>
+            <h1>{{ page.title }}</h1>
+        </div>
+    </header>
+
+    <hr/>
+
+    <div class="apache-nav">
+        <table style="width: 100%;">
+            <tr>
+                <td>
+                    <img src="/images/icons/back.png"/>
+                    <a href="/">Back</a>
+                <td>
+            </tr>
+            <tr>
+                <td>
+                    <img src="/images/icons/xml.png"/>
+                    <a href="/atom.xml">atom.xml</a>
+                <td>
+            </tr>
+            <tr>
+                <td>
+                    <img src="/images/icons/folder.png"/>
+                    blog
+                <td>
+            </tr>
+            <tr>
+                <td>
+                    <img src="/images/icons/blank.png"/>
+                    <img src="/images/icons/layout.png"/>
+                    {{ page.title }}
+                <td>
+                <td>
+                    <span style="float:right;">
+                    {{ page.date | date_to_string }}
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <img src="/images/icons/blank.png"/>
+                    <img src="/images/icons/blank.png"/>
+
+                    {% for category in page.tags %}
+                    <a href="{% capture url %}/tag/{{ category | slugify }}.html{% endcapture %}
+                    {{ url | relative_url }}">{{category}}</a>
+                    {% endfor %}
+                </td>
+            </tr>
+        </table>
+    </div>
+
+    <hr/>
 
     <div class="post-container">
       <article id = "post">
-        <h2 id = "post-title">{{ page.title }}</h2>
-
-  {% if site.data.settings.date-under-post.active %}
-  <div class = "post-info">
-    <span>
-        <i class="far fa-calendar" aria-hidden="true"></i> <span>{{ page.date | date_to_string }}</span> - <i class="far fa-clock"></i> {% include reading_time.html %}
-    </span>
-    {% if site.data.settings.categories.active %}
-      {% assign post = page %}
-      {% include categories.html %}
-    {% endif %}
-  </div>
-  {% endif %}
         {{ content }}
       </article>
     </div>

assets/css/apache.css

@@ -0,0 +1,39 @@
+body {
+    background-color: #fff;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.container {
+    max-width: calc(800px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#site-title a:link, #site-title a:visited, #post-title {
+    font-family: "Times New Roman", Times, Georgia, serif;
+    color: #000;
+}
+
+#subheader {
+}
+
+#post {
+    font-family: "Source Serif Pro", serif;
+}
+
+.apache-nav {
+    font-family: Courier, "Courier New", mono;
+}
+
+.apache-nav a:link, .apache-nav a:visited {
+    color: rgb(42, 122, 226);
+}
+
+.apache-nav a:hover {
+    color: #000;
+}
+
+img {
+    vertical-align: middle;
+}