haaaah

README.md

@@ -1,8 +1,8 @@
 <h1 align="center">Disseminate</h1>  
 <div style="margin:auto;" align="center">
     <a href="https://www.buymeacoffee.com/hexlocation" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;"></a>
-    <a href="https://ci.hexloc.me/repos/2/branches/stable" target="_blank">
+    <a href="https://ci.penhub.nl/repos/1/branches/stable" target="_blank">
-        <img src="https://ci.hexloc.me/api/badges/1/status.svg?branch=stable" alt="status-badge" />
+        <img src="https://ci.penhub.nl/api/badges/1/status.svg?branch=stable" alt="status-badge" />
     </a>  
 </div>
 
@@ -18,8 +18,11 @@ It stems from an issue i've come across, where no blogging platform i could find
   
 ## State of Project  
   
-Disseminate is a work-in-progress. While the code is there, it is not recommended to run this in production yet.  
+Disseminate is a work-in-progress, although Disseminate is in a more than usable state.
   
+## Blogs using Disseminate  
+  
+* [My own :)](https://penhub.nl)  
 ## Opening an issue.  
   
 Registrations are open again! Unfortunately however, i have to manually accept each account.
@@ -34,9 +37,10 @@ to get your account accepted.
   
 ## To-do  
   
-- [x] Server-side parsing.
+- [x] [HIGH] Server-side parsing.
-- [x] Docker build system.
+- [x] [MEDIUM] Docker build system.
-- [x] Proper metadata (title, date etc). 
+- [x] [MEDIUM] Proper metadata (title, date etc). 
-- [x] **Automated** prebuilt docker images.
+- [x] [MEDIUM] **Automated** prebuilt docker images.
-- [ ] Caching for faster load times.
+- [ ] [LOW] Caching for faster load times.
-- [ ] Alternative frontend (solution)? (EJS is pretty primitive!)
+- [ ] [LOW] Interface for blog management (web ui?).
+- [ ] [LOW] Alternative frontend (solution)? (EJS is pretty primitive!)

src/types/Config.ts

@@ -4,4 +4,5 @@ export interface Branding {
 export default interface Config {
   branding: Branding;
   theme: string;
+  themeOpts: any;
 }

src/views/themes/default/global-style.ejs

@@ -1,10 +1,23 @@
 <style>
   @import url(https://fonts.bunny.net/css?family=alef:400);
+  @import url('https://fonts.cdnfonts.com/css/source-code-pro');
   #main-content, #header-content {
     margin-top: 50px;
     margin: auto;
     width: 50%;
   }
+  code {
+    font-family: "Source Code Pro";
+    padding-left: 2px;
+    padding-right: 2px;
+    border: 1px #2e2e2e solid;
+    background-color: #2e2e2e;
+    border-radius: 5px;
+  }
+  #h_subtitle {
+    line-height: 5px;
+    color: gray;
+  }
   #main-content {
     text-align: left;
   }
@@ -12,7 +25,11 @@
     text-align: center;
   }
   #link-container a {
+<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
+    color: <%= config.themeOpts.accentColor %> !important;
+<% } else { %>
     color: #82d3ff !important;
+<% } %>
   }
   #link-container {
     display: flex;
@@ -28,10 +45,18 @@
   a {
     text-decoration: none;
     decoration: none;
-    color: #82d3ff;
+<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
+    color: <%= config.themeOpts.accentColor %> !important;
+<% } else { %>
+  color: #82d3ff !important;
+<% } %>
   }
   table td {
-    color: #82d3ff;
+<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
+    color: <%= config.themeOpts.accentColor %> !important;
+<% } else { %>
+    color: #82d3ff !important;
+<% } %>
     line-height: 25px;
     text-decoration: underline;
   }

src/views/themes/default/header.ejs

@@ -1,9 +1,21 @@
+<title><%= config.branding.title %></title>
+<link rel="stylesheet" href="/static/custom.css">
 <div id="header-content">
-  <h1><%= config.branding.title %></h1>
+  <h1 id="h_title"><%= config.branding.title %></h1>
+  <% if(config.branding.hasOwnProperty("subtitle")) { %>
+    <p id="h_subtitle"><%= config.branding.subtitle %></p>
+  <% } %>
+
   <hr>
   <div id="link-container">
-    <a href="/">home</a>
+    <% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("links")) { %>
-    <a href="/post/about.md">about</a>
+      <% for(const link of config.themeOpts.links) { %>
-    <a href="/post/contact.md">contact</a>
+        <a href="<%= link.url %>"><%= link.title %></a>
+      <% } %>
+    <% } else { %>
+      <a href="/">home</a>
+      <a href="/post/about.md">about</a>
+      <a href="/post/contact.md">contact</a>
+    <% } %>
   </div>
 </div>