new structure and homepage

Makefile

@@ -4,7 +4,8 @@ package:
 
 raw-package:
 	./scripts/create-pages.sh
-	cp style.css public/style.css
+	cp -r src/pictures public/
+	cp -r src/css_modules public/
 
 clean:
-	rm public/* || true
+	rm -r public/* || true

public/applications.html

@@ -17,8 +17,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
     <title>Applications</title>
     <meta charset="UTF-8">
     <meta name="generator" content="pandoc">
-    <link rel="stylesheet" href="/style.css">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/css_modules/main.css">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="author" content="Fl1tzi<root@fl1tzi.com>">
 </head>
 

public/contact.html

@@ -17,8 +17,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
     <title>Contact</title>
     <meta charset="UTF-8">
     <meta name="generator" content="pandoc">
-    <link rel="stylesheet" href="/style.css">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/css_modules/main.css">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="author" content="Fl1tzi<root@fl1tzi.com>">
 </head>
 

public/css_modules/home-background-image.css

@@ -0,0 +1,11 @@
+/*
+ * Module for setting my picture as a background
+*/
+
+body {
+  background:
+    linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
+    url(/pictures/background.jpg);
+  background-attachment: fixed;
+  background-position: center;
+}

public/index.html

@@ -17,8 +17,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
     <title>Index</title>
     <meta charset="UTF-8">
     <meta name="generator" content="pandoc">
-    <link rel="stylesheet" href="/style.css">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/css_modules/main.css">
+        <link rel="stylesheet" href="/css_modules/home-background-image.css">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="author" content="Fl1tzi<root@fl1tzi.com>">
 </head>
 
@@ -30,7 +31,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
     <!-- content -->
     <section id="content">
-      <p>Hi, I’m Fl1tzi. I do stuff on the internet.</p>
+      <p>Hi, I’m Fl1tzi. I do stuff on the internet and photograph
+      things.</p>
       <ul>
       <li><a href="/contact.html">Contact</a></li>
       <li><a href="/applications.html">Applications</a></li>

scripts/create-pages.sh

@@ -1,8 +1,8 @@
 #! /usr/bin/env bash
-for page in $(ls pages); do
+for page in $(ls src/pages); do
   pandoc --from gfm+smart+yaml_metadata_block \
-    -s "pages/$page" \
+    -s "src/pages/$page" \
     -o "public/$(basename $page .md).html" \
-    --template template.html
+    --template src/template.html
 done
 

src/css_modules/home-background-image.css

@@ -0,0 +1,11 @@
+/*
+ * Module for setting my picture as a background
+*/
+
+body {
+  background:
+    linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
+    url(/pictures/background.jpg);
+  background-attachment: fixed;
+  background-position: center;
+}

src/pages/index.md

@@ -5,7 +5,7 @@ homepage: true
 ---
 
 Hi, I'm Fl1tzi.
-I do stuff on the internet.
+I do stuff on the internet and photograph things.
 
 - [Contact](/contact.html)
 - [Applications](/applications.html)

src/template.html

@@ -17,7 +17,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
     <title>$title$</title>
     <meta charset="UTF-8">
     <meta name="generator" content="pandoc">
-    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="/css_modules/main.css">
+    $if(homepage)$
+    <link rel="stylesheet" href="/css_modules/home-background-image.css">
+    $endif$
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="author" content="Fl1tzi<root@fl1tzi.com>">
 </head>