5 files changed, 55 insertions, 26 deletions
diff --git a/theme/templates/base.html b/theme/templates/base.html
index 4aa3118..197de0f 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -17,22 +17,50 @@
     {% endblock %}
 </head>
 <body>
-    <div aria-label="Skip to Content" role="navigation">
-        <a href="#main" class="skip-link">Skip to content</a>
+    <div class="scanlines"></div>
+    <div class="terminal-shell">
+        <header class="system-header">
+            <div class="sys-info">SYS_OS [VER 2.26.1]</div>
+            <nav aria-label="Site Navigation">
+                <ul>
+                    <li><a href="/">Home</a></li>
+                    <li><a href="/about/">About</a></li>
+                    <li><a href="/blog/">Blog</a></li>
+                    <li><a href="/services/">Services</a></li>
+                </ul>
+            </nav>
+        </header>
+
+        <main id="main">
+            <div class="glass-pane"> {% block main %}{% endblock %}
+            </div>
+        </main>
+
+<footer>
+    <div class="system-log">
+        <div class="log-entry">
+            <span class="log-time">[{{ now() | strftime("%H:%M:%S") }}]</span>
+            <span class="log-msg">KERNEL: CLEBERG_OS_NODE INITIALIZED</span>
+        </div>
+        <div class="log-entry">
+            <span class="log-time">[{{ now() | strftime("%H:%M:%S") }}]</span>
+            <span class="log-msg">BUILD_TS: &lt;{{ now() | strftime("%Y-%m-%d %a %H:%M:%S") }}&gt;</span>
+        </div>
+        <div class="log-entry">
+            <span class="log-time">[{{ now() | strftime("%H:%M:%S") }}]</span>
+            <span class="log-msg">STATUS: SESSION_ID #<span class="session-id"></span> ACTIVE</span>
+        </div>
+    </div>
+    
+    <div class="status-bar">
+        <span class="status-node">NODE: CLEBERG_NET</span>
+        <span class="status-links">
+            <a href="https://git.cleberg.net/cleberg.net.git">SOURCE</a> &middot;
+            <a href="/feed.xml">RSS</a> &middot;
+            <a href="http://sv3g2dlyvwyk2nvi3eeh55fcrpdvjlclhi6wwsx57cste6lwdjanzyyd.onion">ONION</a>
+        </span>
+    </div>
+</footer>
     </div>
-	<nav aria-label="Site Navigation">
-		<ul>
-			<li><a href="/">Home</a></li>
-            <li><a href="/about/">About</a></li>
-			<li><a href="/blog/">Blog</a></li>
-			<li><a href="/services/">Services</a></li>
-		</ul>
-	</nav>
-    <main id="main">{% block main %}{% endblock %}</main>
-	<footer>
-        <a href="https://git.cleberg.net/cleberg.net.git">Source</a> (<a href="http://3mria4zis7wal2g5rdbdjrkc4yso2xqd6t6psmfz3dpqwflmx3zts5id.onion/">.onion</a>) &middot;
-        <a href="/feed.xml">RSS</a> &middot;
-        <a href="http://sv3g2dlyvwyk2nvi3eeh55fcrpdvjlclhi6wwsx57cste6lwdjanzyyd.onion">.onion</a>
-	</footer>
 </body>
 </html>
diff --git a/theme/templates/blog.html b/theme/templates/blog.html
index 5aa3293..fabdff1 100644
--- a/theme/templates/blog.html
+++ b/theme/templates/blog.html
@@ -14,6 +14,6 @@ main %}
 	<time datetime='{{ post.date | strftime("%Y-%m-%d") }}'
 		>{{ post.date|strftime("%Y-%m-%d") }}</time
 	>
-	<a href='{{ url_for("blog", slug=post.slug) }}'>{{ post.title }}</a>
+	<a href='{{ url_for("blog", slug=post.slug) }}' data-text="{{ post.title }}">{{ post.title }}</a>
 </div>
 {% endfor %} {% endblock %}
diff --git a/theme/templates/index.html b/theme/templates/index.html
index 1ce080c..36fd592 100644
--- a/theme/templates/index.html
+++ b/theme/templates/index.html
@@ -1,8 +1,8 @@
 {% extends "base.html" %} {% block main %}
-<section>
-	<b>User</b>: Christian Cleberg &lt;[email protected]&gt;
-	<br><b>Context</b>: Technology Assurance Manager
-	<br><b>Status</b>: Active
+<section class="sys-readout">
+    <b>User</b> <span>Christian Cleberg &lt;[email protected]&gt;</span>
+    <b>Context</b> <span>Technology Assurance Manager</span>
+    <b>Status</b> <span style="color: #fff; text-shadow: 0 0 5px var(--green);">[ ACTIVE ]</span>
 </section>
 <section class="recent-posts">
 	<h2>Recent Posts</h2>
diff --git a/theme/templates/page.html b/theme/templates/page.html
index fb8d392..96735a6 100644
--- a/theme/templates/page.html
+++ b/theme/templates/page.html
@@ -5,7 +5,7 @@
 {% endblock %}
 {% block main %}
 <article>
-	<h1>{{ post.title }}</h1>
+	<h1 data-text="{{ post.title }}">{{ post.title }}</h1>
 	<section>{{ post.html | safe }}</section>
 </article>
 {% endblock %}
diff --git a/theme/templates/post.html b/theme/templates/post.html
index 66c335c..18b9abc 100644
--- a/theme/templates/post.html
+++ b/theme/templates/post.html
@@ -9,10 +9,11 @@
 {% endif %} {% endblock %} {% block main %}
 <article>
 	<section>
-		<b>Title</b>: {{ post.title }}
-		<br><b>Date</b>: <time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d %H:%M:%S") }}</time>
-		<br><b>Description</b>: {{ post.description }}
-	</section>
+	<section class="sys-readout">
+        <b>Object</b> <span>{{ post.title }}</span>
+        <b>Timestamp</b> <span><time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d %H:%M:%S") }}</time></span>
+        <b>Summary</b> <span>{{ post.description }}</span>
+    </section>
 	<section>{{ post.html | safe }}</section>
 	<div class="reply-link"><a href="mailto:[email protected]">Reply via email &rarr;</a></div>
 </article>