about summary refs log tree commit diff stats
diff options
context:
space:
mode:
-rw-r--r--.gitignore1
-rw-r--r--.krileignore1
-rw-r--r--Makefile7
-rw-r--r--index.html11
-rw-r--r--layout.html20
-rw-r--r--style.css14
6 files changed, 53 insertions, 1 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..46c3855
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+dest/
diff --git a/.krileignore b/.krileignore
new file mode 100644
index 0000000..f3c7a7c
--- /dev/null
+++ b/.krileignore
@@ -0,0 +1 @@
+Makefile
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..c58ef1f
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,7 @@
+.PHONY: build watch
+
+build:
+	krile ./ dest/ -c
+
+watch:
+	bash -c "trap 'kill %1' SIGINT SIGTERM EXIT; python3 -m http.server -d dest 8000 & ag -p ./.gitignore -l | entr make build"
diff --git a/index.html b/index.html
index eba2d81..80fa92f 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,10 @@
-<h1>test</h1>
+---
+layout: layout
+---
+
+<h1>Anastasie's website!</h1>
+
+<p>
+  Hi, my name is Anastasie. I'm a software engineer focused on offline-first technologies
+  and sustainable, uncomplicated architecture.
+</p>
diff --git a/layout.html b/layout.html
new file mode 100644
index 0000000..7c306cd
--- /dev/null
+++ b/layout.html
@@ -0,0 +1,20 @@
+---
+is_layout: true
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Anastasie's website</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="description" content="Personal website of Anastasie." />
+    <link rel="icon" href="img/favicon.png" />
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div id="content">
+    {{ content }}
+    </div>
+  </body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f6aabeb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,14 @@
+body {
+  font-family: Arial, Helvetica, sans-serif; 
+  max-width: 40em;
+  line-height: 20px;
+}
+
+#content {
+  margin-top: 20px;
+  margin-left: 20px;
+  padding: 10px 20px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #000;
+}