start on some project pages

build.mb

@@ -15,11 +15,14 @@ end
 
 sector c_rules
   section sites
-    list str input 'index'
+    list str input 'index', 'projects/fpc-sitegen', 'projects/sad'
     str input_format 'data/$(%element%).sad'
     str output_format '$(%element%).html'
 
     str exec '#!/usr/bin/env bash
+set -e
+
+mkdir -p \$(dirname $(%output%))
 
 bin/fpc-sitegen -i $(%input%) -o $(%output%)
 

data/index.sad

@@ -25,23 +25,23 @@ template this also looks like shit :)
 {$begin-section} c
 {$sub-head} c
 
-* <a href="projects/mariebuild">mariebuild</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mariebuild">[github]</a><br>
+* <a href="/projects/mariebuild.html">mariebuild</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mariebuild">[github]</a><br>
 <div class="description"> &emsp; A customary buildsystem written in C. </div>
-* <a href="projects/mcfg_2">mcfg_2</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mcfg_2">[github]</a><br>
+* <a href="/projects/mcfg_2.html">mcfg_2</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mcfg_2">[github]</a><br>
 <div class="description"> &emsp; Library to parse the Marie-Configuration/2 file format. </div>
-* <a href="projects/mawim">mawim</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mawim">[github]</a><br>
+* <a href="/projects/mawim.html">mawim</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mawim">[github]</a><br>
 <div class="description"> &emsp; Simple and not fully functional X11 Window Manager. </div>
-* <a href="projects/libfwbt">libfwbt</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/libfwbt">[github]</a><br>
+* <a href="/projects/libfwbt.html">libfwbt</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/libfwbt">[github]</a><br>
 <div class="description"> &emsp; A Library to parse Fixed-Width-Binary-Tables. </div>
 {$end-section}
 {$begin-section} freepascal
 {$sub-head} freepascal
 
-* <a href="projects/fpc-sitegen">fpc-sitegen</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/fpc-sitegen">[github]</a><br>
+* <a href="/projects/fpc-sitegen.html">fpc-sitegen</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/fpc-sitegen">[github]</a><br>
 <div class="description"> &emsp; A simple static-site-generator. </div>
-* <a href="projects/sad">sad</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/sad">[github]</a><br>
+* <a href="/projects/sad.html">sad</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/sad">[github]</a><br>
 <div class="description"> &emsp; The Simple-Ansi-Document file format suite. </div>
-* <a href="projects/pasfetch">pasfetch</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/pasfetch">[github]</a><br>
+* pasfetch&ensp;<a class="git-link" href="https://github.com/FelixEcker/pasfetch">[github]</a><br>
 <div class="description"> &emsp; My system information fetcher. </div>
 {$end-section}
 {$end-section}

data/projects/fpc-sitegen.sad

@@ -0,0 +1,20 @@
+{$start}
+{$title} fpc-sitegen
+
+{$begin-section} about
+{$head} about fpc-sitegen
+
+fpc-sitegen is a simple tool I use to convert <a href="/projects/sad.html">SAD
+files</a> to, in this case, static HTML pages.
+
+It comes with a very simple format for creating templates, for an example see <a
+href="https://github.com/FelixEcker/fpc-sitegen/blob/main/data/template.sgt">here</a>.<br>
+
+fpc-sitegen is, as the name suggest, written in 100% freepascal. It is licensed
+under the BSD 3-Clause license.
+
+{$begin-section} links
+{$sub-head} links
+* <a href="https://github.com/FelixEcker/fpc-sitegen">Source Code on GitHub</a>
+{$end-section}
+{$end-section}

data/projects/sad.sad

@@ -0,0 +1,30 @@
+{$start}
+{$title} sad
+
+{$begin-section} about
+{$head} about sad (simple ansi documents)
+sad is a custom document file format I initially inteded for note-taking and
+terminal based documents, but I also began using it for school work and now for
+my website.
+
+<br><br>
+
+It is a very simple document format bringing support for only this small feature set: <br>
+* Sectioning <br>
+* Styling / Coloring <br>
+
+<br><br>
+
+Due to personal preferences, all the sad specific things in documents are
+controlled using "switches" similar to freepascal compiler switches.
+
+<br><br>
+
+The sadsuite is implemented in 100% freepascal. It is licensed under the BSD 3-Clause license.
+
+{$begin-section} links
+{$sub-head} links
+* <a href="https://github.com/FelixEcker/sad">The sadsuite on GitHub</a><br>
+* <a href="https://aur.archlinux.org/packages/sadsuite">The sadsuite in the AUR</a><br>
+{$end-section}
+{$end-section}

data/template.sgt

@@ -18,8 +18,8 @@ output-format:
 <html>
   <head>
     <title> $$DOCUMENT_TITLE$$ </title>
-    <link type="text/css" rel="stylesheet" href="test.css">
+    <link type="text/css" rel="stylesheet" href="/test.css">
-    <link rel="icon" type="image/x-icon" href="emmie.fav.jpg">
+    <link rel="icon" type="image/x-icon" href="/emmie.fav.jpg">
   </head>
   <body>
     <!--