Add picture of myself to about page

5 files changed, 13 insertions, 2 deletions

diff --git a/Makefile b/Makefile
index 81b2bcd..df5f309 100644
--- a/Makefile
+++ b/Makefile
@@ -1,6 +1,6 @@
 HTML := index.html journal.html about.html
 CSS  := style.css journal/isso.css
-RESOURCES := glider.png
+RESOURCES := glider.png me.jpg
 TEMPLATES := $(shell find src/templates)
 
 FILES := $(HTML) $(CSS) sitemap.xml pgp-key.txt \
diff --git a/TODO b/TODO
index 4baab10..c1dd6d3 100644
--- a/TODO
+++ b/TODO
@@ -1,7 +1,6 @@
 index:
 
 about:
- * Add picture of me?
 
 journal:
  * continue I
diff --git a/src/about.rst b/src/about.rst
index 07687e2..8ff8488 100644
--- a/src/about.rst
+++ b/src/about.rst
@@ -4,6 +4,10 @@
    date: 2014-10-14
    author: Johannes Löthberg
 
+.. image:: resources/me.jpg
+   :class: picture-me
+   :height: 6em
+
 I'm “kyrias”, also commonly known online as “demize”, but you can call me
 “Johannes Löthberg” if you’d like. Though if you ask my local government my
 last name doesn’t actually contain an ‘h’, which I find quite annoying. Anyway,
diff --git a/src/resources/me.jpg b/src/resources/me.jpg
new file mode 100644
index 0000000..6dd50a0
--- /dev/null
+++ b/src/resources/me.jpg
diff --git a/src/style.css b/src/style.css
index 6753c86..ffcf93f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -114,6 +114,14 @@ blockquote:after {
 	color: #ccc;
 }
 
+img.picture-me {
+	float: right;
+	border: 2px solid;
+	border-color: black;
+	margin-left: 0.45rem;
+	margin-right: 0.1rem;
+}
+
 tt.literal {
 	font-size: 0.75rem;
 }