Page generation

.gitignore

@@ -1 +1,2 @@
 index.html
+src/style.min.css

Makefile

@@ -0,0 +1,18 @@
+SRC=src/index.md
+STYLE=src/style.css
+STYLE_MIN=src/style.min.css
+TARGET=index.html
+TARGET_REMOTE=adrastee:/var/www/index.html
+
+all: $(TARGET)
+
+publish: $(TARGET)
+	rsync $(TARGET) -vzc $(TARGET_REMOTE)
+
+$(TARGET): $(SRC) $(STYLE_MIN)
+	pandoc --self-contained -s -t html5 "$(SRC)" --css "$(STYLE_MIN)" -o "$@"
+
+$(STYLE_MIN) : $(STYLE)
+	minify "$(STYLE)" > "$(STYLE_MIN)"
+
+.PHONY: publish

src/index.md

@@ -0,0 +1,22 @@
+---
+title: "Are you looking for something?"
+pagetitle: "*.epheme.re"
+date: 2019/04/25
+---
+
+Hello there, if you see that page, it means that you got [lost](https://perdu.com/) somewhere in the subdomains of _epheme.re_.
+
+Here follows a list of things you may looked for:
+
+
+* [fmouhart.epheme.re](https://fmouhart.epheme.re): my **professional** website
+* [blog.epheme.re](https://blog.epheme.re): my **personal** blog
+* [gal.epheme.re](https://gal.epheme.re): my holiday's pictures 
+* [git.epheme.re](https://git.epheme.re): my [git](https://blog.epheme.re/cheat-sheets/git-tricks.html) repository
+
+<footer>
+2019 − [Fabrice Mouhartem](https://fmouhart.epheme.re)  
+Generated with [Pandoc](https://pandoc.org/)
+</footer>
+<!-- vim: spl=en
+-->

src/style.css

@@ -0,0 +1,76 @@
+html {
+  background-color: #ddd;
+}
+@media only screen and (min-width: 600px){
+    html {
+        padding:10px;
+    }
+}
+@font-face {
+    font-family: "Fira Sans Light";
+    font-style: normal;
+    font-weight: 300;
+    src: local("Fira Sans Light"), local("FiraSans-Light"), url("fonts/Fira Sans Light.woff2") format("woff2");
+}
+@font-face {
+    font-family: "Fira Sans";
+    font-style: normal;
+    font-weight: 400;
+    src: local("Fira Sans"), local("FiraSans-Regular"), url("fonts/Fira Sans.woff2") format("woff2");
+}
+body {
+    max-width: 600px;
+    margin: auto;
+    font-family: "Fira Sans Light", "sans-serif";
+    background-color: #eee;
+}
+header {
+    height: 150px;
+    background-image: url('bg.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+    display: flex;
+    align-items: center;
+    padding: 10px;
+}
+header, .date {
+    color: white;
+    text-shadow: black 0px 0px 0.1em;
+}
+h1 {
+    font-size: 28pt;
+    font-family: "Fira Sans", "sans-serif";
+}
+p, ul {
+    font-size: 14pt;
+    color: #333;
+}
+p {
+    text-align: justify;
+    padding: 0px 10px 3px 10px;
+}
+footer {
+    font-size: 8pt;
+    text-align: center;
+    color: #555;
+    padding: 10px;
+}
+footer a,
+footer a:visited {
+    color: #66f;
+}
+a,
+a:visited {
+    font-family: "Fira Sans";
+    text-decoration: none;
+    color: #33f;
+}
+a:hover{
+    text-decoration: underline;
+    color: #00d;
+} 
+li {
+    list-style-type: circle;
+    margin-bottom: 4pt;
+}