Initial commit

.gitignore

@@ -0,0 +1 @@
+build/

Makefile

@@ -0,0 +1,16 @@
+MD := $(shell find content/ -type f -name '*.md')
+HTML := $(patsubst content/%.md, build/%.html, $(MD))
+
+.PHONY: all
+all: css $(HTML)
+
+css:
+	@mkdir -p build/assets/css
+	sassc src/template/main.scss > build/assets/css/style.css
+
+build/%.html: content/%.md
+	@mkdir -p "$(@D)"
+	pandoc -s -o "$@" --quiet --template=src/template/template.html "$<"
+
+clean:
+	rm -rf build/

content/index.md

@@ -0,0 +1,11 @@
+---
+Title: My Home Page
+---
+
+Hello and welcome to my *home page*.\
+This is some text.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.\
+Sed rhoncus velit eu magna ultrices, non rutrum ante egestas. Sed sagittis molestie auctor. Sed purus lacus, bibendum ac ligula fringilla, tempor rhoncus mi. Ut porta lectus eget lectus venenatis sollicitudin. Duis accumsan sem at turpis condimentum, at maximus enim ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec facilisis nec sem vel varius. Fusce vestibulum nibh vitae condimentum auctor. Sed vitae leo vel leo suscipit porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed sed sem eros. Nullam interdum ultrices pulvinar. Mauris fermentum, magna consequat mattis ultrices, tellus neque semper dui, quis egestas neque turpis a tellus.
+
+Integer ac quam orci. Praesent fringilla, nibh vel sagittis posuere, nisi nulla congue purus, ac vehicula erat nisl at mi. Nam vehicula sed nisl in bibendum. In eget diam ut ante fringilla cursus et ut arcu. Praesent eu purus aliquam, scelerisque neque at, sollicitudin mauris. Morbi tristique eget risus eget pretium. Sed ultricies ac elit sed ornare. 

content/lorem/ipsum.md

@@ -0,0 +1,9 @@
+---
+Title: Lorem Ipsum
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar urna eu elit porttitor scelerisque. Nulla blandit euismod aliquet. Aliquam in scelerisque lorem, eu sagittis metus. Mauris rhoncus sem nec turpis aliquet consectetur. Mauris lacus tortor, suscipit a varius ut, tincidunt vitae tortor. Donec laoreet semper turpis eget lacinia. Proin euismod varius sem, a semper augue malesuada nec. Sed eleifend tristique lorem, tempus dapibus velit finibus sed. Sed mi felis, eleifend a consectetur viverra, efficitur sed tortor. Nunc vel fringilla ligula.
+
+Ut vitae dui ultricies diam rhoncus aliquet vitae id felis. Quisque in mauris tellus. Phasellus tristique leo ut urna dictum, ut congue mi vehicula. Curabitur pharetra finibus diam in luctus. Curabitur vehicula urna ut dolor sollicitudin viverra. Ut fringilla suscipit urna, quis tincidunt nulla. Maecenas eu ex ultricies, lacinia mi in, finibus sapien. Donec rutrum mi quis tortor tincidunt egestas. Sed sed nulla euismod, egestas velit in, laoreet libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel turpis nibh.
+
+Nullam tincidunt ante sed vestibulum viverra. Donec tristique, mi eu tincidunt consequat, nisi lectus efficitur sapien, vitae pulvinar nunc velit in ante. Ut mattis magna ut dui vulputate pulvinar. Vivamus molestie pretium molestie. Sed posuere posuere orci, ac tincidunt risus laoreet sit amet. Nunc sagittis dapibus ligula, eget dignissim lectus lacinia vel. Vivamus elit velit, pretium a augue in, vestibulum volutpat nisi. Praesent eget augue condimentum, tempus risus ac, fringilla nisl. Quisque elementum, neque sed facilisis efficitur, ex sapien accumsan nibh, a dapibus nunc risus in enim. Donec sed felis pharetra, tincidunt diam vitae, sodales nibh.

content/overmij.md

@@ -0,0 +1,32 @@
+---
+Title: Over Mij
+---
+
+Ik ben op 27 mei 1967 geboren als eerste kind in een dynamisch ondernemersgezin in Monster.\
+Aan de rand van de Westlandse glazen stad en de Noordzeekust.\
+Mijn ouders gaven mij de naam ‘Marjolein’, mijn roepnaam werd Marjo.  
+Misschien hadden zij een vooruitziende blik; het mediterrane plantje Marjolein, of Majoraan groeit graag op bergflanken: te midden van de elementen, met uitzicht op verre verten.
+Bergen zijn er niet in het ondernemende Westland, maar wel zee, strand en duinen.
+Het Monsterse duingebied was mijn speelterrein, slootjes in de omgeving de poort naar andere
+horizonten. Klimmend en spelevarend begon hier mijn ontdekkingsreis, naar wat er achter de duinen,
+achter de hoek van de straat, voorbij deze sloot te vinden was.
+
+Een nieuwsgierigheid die met de jaren groeide.
+Niet alleen naar wat er zoal te zien was, maar ook naar wie, naar hoe anderen hun leven leefden.
+Met de keuze voor een opleiding als stewardess bij KLM besloot ik letterlijk uit te vliegen.
+Ik kwam oog in oog te staan met alle kleuren van de wereld, maakte kennis met andere gewoontes,
+met andere waarden en als gastvrouw in een vliegtuig naar veelal verre bestemmingen, met mens
+zijn in al zijn hoedanigheden. In een vliegtuig zijn we aan elkaar en aan de omstandigheden
+overgeleverd. Van windkracht 10, spanning of acute fysieke klachten tot vakantievreugde.
+De verbinding met een levenspartner, het moeder en mede-moeder worden, de duinen, de zee, het
+spelevaren van vroeger en het vliegen naar ver weg brachten mij uiteindelijk ‘thuis’, naar wie ik ben
+en wat ik ten diepste wilde betekenen: anderen de weg wijzen naar huis, naar hun hart.
+Op mijn manier. Verbeeldend. In vorm en kleur.
+
+Ik volgde de driejarige opleiding beeldend coachen op de school voor Kunst & Communicatie te
+Zutphen en begon in 2015, naast mijn werk bij KLM een praktijk als beeldend coach.
+Steeds bewuster wordend van de heilzame werking van de natuur, vergrootte ik mijn werkterrein naar
+buiten, waar het altijd spelende kind in mij, terug in haar element kwam.
+Ik bestudeerde werkvormen waarin de natuur en dieren als raadgever dienen en volgde met mijn
+hond Red de opleiding Spiegelen met honden. In 2019 trok ik mijn wandelschoenen aan, riep mijn
+hond en richtte Huiswaarts op. Daar waar het hart is...

src/template/main.scss

@@ -0,0 +1,16 @@
+$background: #fff;
+$foreground: rgb(85, 85, 85);
+$background-alt: #b1d8d8;
+
+
+body {
+	background: $background;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight:800;
+	letter-spacing: 5px;
+	line-height: 1;
+	text-transform: uppercase;
+}

src/template/template.html

@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+<head>
+  ${if(NoTitleHead)}
+  <title>My site</title>
+  ${else}
+  <title>${Title} | My site</title>
+  ${endif}
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
+  <meta http-equiv="Pragma" content="no-cache"/>
+  <meta http-equiv="Expires" content="0"/>
+  <link rel="stylesheet" href="assets/css/style.css">
+</head>
+<body>
+<header class=nav-bar>
+  <nav>
+	<a class="homelink spy" href="/">Home</a>
+    | <a href="/lorem/ipsum.html">Lorem ipsum</a>
+  </nav>
+</header>
+${if(Title)}
+<h1>${Title}</h1>
+${endif}
+${body}
+</body>
+</html>