diff options
-rw-r--r-- | .gitignore | 1 | ||||
-rw-r--r-- | .krileignore | 1 | ||||
-rw-r--r-- | Makefile | 7 | ||||
-rw-r--r-- | index.html | 11 | ||||
-rw-r--r-- | layout.html | 20 | ||||
-rw-r--r-- | style.css | 14 |
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; +} |