Added css preprocessor system

README.md

@@ -16,6 +16,7 @@ Any half-recent version should suffice, I added a tested version in parentheses.
 * Delete the `dist` folder if it exists
 * Create a dist folder
 * Copy over all static files
+	* .rcss files will be put through cpp
 * Compile the website from `src` into `dist`
 
 ## Templates

build.sh

@@ -6,6 +6,12 @@ shopt -s globstar
 rm -rf dist/
 mkdir dist&&cd dist
 cp -r ../static/*  .
+
+for file in *.rcss; do
+	cpp -P $file > ${file%.*}.css
+	rm $file
+done
+
 for file in $(du -a ../src/ | cut -f2 | grep -E '.md$'); do
 	target="$(echo $file | source_to_target)"
 	export CONTENT="$(pandoc --from markdown+emoji --wrap=none -i $file)"

static/style.css

@@ -1,54 +0,0 @@
-* {
-	box-sizing: border-box;
-}
-
-body {
-	margin: 0;
-	padding: 0;
-	font-family: sans-serif;
-	overflow: clip;
-}
-
-.nav-name {
-	font-weight: 1000;
-	font-size: 1.25em;
-}
-
-.sidebar {
-	background-color: Purple;
-	color: #FFF;
-	height: 100%;
-	width: 15%;
-	float: left;
-	border-right: 1px solid #AAAAAA;
-	padding: 1%;
-}
-
-.sidemenu li {
-	list-style-type: "\02386";
-	list-style-position: outside;
-	padding-left: 0.5em;
-}
-
-.sidemenu li a {
-	display: block;
-	text-decoration: none;
-	font-weight: bold;
-	color: #FFF;
-	margin-bottom: 10px;
-}
-
-.clearfix::after {
-	content: "";
-	clear: both;
-	display: table;
-}
-
-.content {
-	padding: 20px;
-	float: left;
-	width: 85%;
-	height: 100%;
-	color: #000040;
-	overflow: auto;
-}

static/style.rcss

@@ -0,0 +1,16 @@
+#define COL1 #FFB5A7
+#define COL2 #FCD5CE
+#define COL3 #F8EDEB
+#define COL4 #F9DCC4
+#define COL5 #FEC89A
+
+body {
+	font-family: serif;
+	max-width: 600px;
+	margin: auto;
+}
+
+.content {
+	color: #101010;
+	overflow: auto;
+}