rollback

arise-source/config/footer.html

@@ -1,9 +1,8 @@
         <!-- Page Footer -->
         <div class="footer">
-                <p>Copyleft &copy; 2023 <a href="https://spectrasecu.re">Spectra Secure</a> • All wrongs reserved</p>
+                <p>Copyleft &copy 2025 <a href="https://thergic.ar">Thergic</a> • All wrongs reserved</p>
-                <p>Built with <span style="color:#d6b676;">☙</span> using <a href="https://github.com/spectrasecure/arise">Arise</a>, a cloud-native static site generator written in Bash.</p>
+                <p>Built with 💚 using <a href="https://github.com/spectrasecure/arise">Arise</a>, a cloud-native static site generator written in Bash.</p>
         </div>
         <!-- End Page Footer -->
-
 </body>
 </html>

arise-source/config/header.html

@@ -43,8 +43,16 @@
     <meta name="theme-color" content="#1e1b17">
     <!-- End Favicon -->
 
+    <!-- Styesheet+Logo -->
+    <style>
+            html * {font-family:monospace,sans-serif;} 
+            body {background-color:#121619;margin:40px auto;max-width:650px;padding:0 10px;color:#65f85a;}
+            a {color:#b8f1b4;}
+            hr {color:#65f85a;}
+            .topbar a {color:#65f85a;}
+    </style>
     <link rel="stylesheet" href="/config/main.css"> 
-    <div class="logo"><a href="/"><img src="/config/logo.png" alt="Site logo" /></a></div>
+    <div class="logo"><a href="/"><img src="/config/logo.png" /></a></div>
     <!-- End Styles+Logo -->
 
     <!-- Navigation -->

arise-source/config/main.css

@@ -1,6 +1,7 @@
-/*** Core page styles ***/
 
-/* Base styling */
+/*** Core page styles to set the primary colours and styles to be inherited by everything else ***/
+
+/* Core Styling */
 html * {
         font-family:sans-serif;
 }
@@ -9,12 +10,15 @@ body{
         max-width:650px;
         line-height:1.6;
         font-size:18px;
-    color: #65f85a; /* green text */
+        color:#65f85a;
-    background-color: #121619; /* almost black */
+        background-color:#121619;
         padding:0 10px;
 }
+/********************************/
+/********************************/
+
+/*** Post styling. This section is for defining markup classes to make it easier to write prettier posts. ***/
 
-/*** Post styling ***/
 img {
     max-width: 100%;
     max-height: 100%;
@@ -31,9 +35,10 @@ code {
         border-radius:16px;
         padding-left:30px;
         padding-right:30px;
+        line-height:2em;
+
         padding-top:1px;
         padding-bottom:1px;
-    line-height: 2em;
         color:#65f85a;
 		font-family:monospace;
 }
@@ -66,7 +71,7 @@ hr {
         max-width: 300px;
 }
 
-#endline {
+#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
         color:#65f85a;               
         margin-left: auto;              
         margin-right: auto;
@@ -75,20 +80,19 @@ hr {
 }
 
 a {
-    color: #b8f1b4;
+        color:#b8f1b4
-    text-decoration: none;
 }
 
 h1{
-    line-height: 1.2;
+        line-height:1.2
 }
 
 h2,h3{
         padding-top:24px;
-    line-height: 1.2;
+        line-height:1.2
 }
 
-/* Inline dates */
+/* Style for inline dates. These are configured via a separate include file in /config/content_header.html. See notes on Arise page creation for more details. */
 .date { 
         padding-bottom:0;
         margin-bottom:0;
@@ -107,15 +111,19 @@ h2, h3{
 }
 }
 
-/*** Modular components ***/
+/********************************/
+/********************************/
 
-/* Logo */
+
+/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. ***/
+
+/* Site logo. Styled to responsively move to either left or be centred, depending if the page is being viewed on desktop or mobile respectively. */
 .logo {           
         margin-bottom:20px;
         text-align:center;
 }
 
-/* Navbar styling */
+/* Navbar styling. */
 .topbar {
         padding-right:10px;
         border-top:1px solid #65f85a;
@@ -128,10 +136,31 @@ h2, h3{
 text-decoration:none;
 }
 
-/* Footer styling */
+/* Site footer styling */
 .footer {
         border-top:2px solid #65f85a;
         font-size:12px;
         margin-top:120px;
         text-align:center;
 }
+
+/********************************/
+/********************************/
+
+
+/*** Other misc garbage ***/
+
+/* Arise Index Style */
+.arise-toc-td {
+  border-width: 1px;
+  border-color: #65f85a;
+  border-top-style: solid;
+  text-align: center;
+  padding-right: 10px;
+  padding-bottom: 5px
+}
+.arise-toc-th {
+  padding-bottom: 20px;
+  border-bottom: 1px;
+  border-bottom-style: solid;
+}