11 files changed, 57 insertions, 2 deletions

diff --git a/.gitignore b/.gitignore
index 37e1e70..bb94029 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ resources/
 custom-webring.html
 secret
 *.tar.gz
+*.kra
diff --git a/content/comics/1.md b/content/comics/1.md
new file mode 100644
index 0000000..1716661
--- /dev/null
+++ b/content/comics/1.md
@@ -0,0 +1,13 @@
+---
+title: "1: Bridge"
+date: 2021-09-02
+layout: comic
+titleText: |
+  "I mean his leg looks a bit squiggly."
+  "Well your arms were literally cropped off."
+comicId: 1
+comicTitle: bridge
+categories: [ comics ]
+---
+
+[XMPP Bridge](https://github.com/matrix-org/matrix-bifrost/issues/63)
diff --git a/content/comics/2.md b/content/comics/2.md
new file mode 100644
index 0000000..98619b9
--- /dev/null
+++ b/content/comics/2.md
@@ -0,0 +1,11 @@
+---
+title: "2: Learning curve"
+date: 2021-09-08
+layout: comic
+titleText: 
+comicId: 2
+comicTitle: curve
+categories: [ comics ]
+---
+
+See also: [SMBC Comics - Pedant](https://www.smbc-comics.com/comic/pedant)
diff --git a/content/comics/_index.md b/content/comics/_index.md
new file mode 100644
index 0000000..bb5c449
--- /dev/null
+++ b/content/comics/_index.md
@@ -0,0 +1,10 @@
+---
+title: Comics
+lang: en
+translationKey: comics
+---
+
+Here are some attempts of mine to draw webcomics :)
+
+Transcript of each comic can be found by appending 'transcript.txt' to the
+comic URL.
diff --git a/layouts/_default/comic.html b/layouts/_default/comic.html
index 2758deb..edc574b 100644
--- a/layouts/_default/comic.html
+++ b/layouts/_default/comic.html
@@ -18,8 +18,11 @@
   <div class="content e-content">
     <center>
     {{ partial "comicNav.html" . }}
-    <img title="{{ .Params.TitleText }}" alt="{{ .Params.Alt}}"
-      src={{ .Params.ComicLink}}>
+    <img title="{{ .Params.TitleText }}"
+         alt={{ readFile (delimit (slice "/static/comics/" .Params.ComicId "/transcript.txt") "")}}
+         src="/comics/{{ .Params.ComicId }}/{{ .Params.ComicTitle }}.png"
+         srcset="/comics/{{ .Params.ComicId }}/{{ .Params.ComicTitle }}_full.png 5x"
+         >
     {{ partial "comicNav.html" . }}
     {{ .Content }}
     <center>
diff --git a/static/comics/1/bridge.png b/static/comics/1/bridge.png
new file mode 100644
index 0000000..4a09ca4
--- /dev/null
+++ b/static/comics/1/bridge.png
Binary files differdiff --git a/static/comics/1/bridge_full.png b/static/comics/1/bridge_full.png
new file mode 100644
index 0000000..0c60081
--- /dev/null
+++ b/static/comics/1/bridge_full.png
Binary files differdiff --git a/static/comics/1/transcript.txt b/static/comics/1/transcript.txt
new file mode 100644
index 0000000..a440079
--- /dev/null
+++ b/static/comics/1/transcript.txt
@@ -0,0 +1,14 @@
+Black: Hi I'm new here
+Blue: Welcome
+
+* green has changed their display name to Green
+* Green exits the room
+
+Black: What?
+Blue: Huh?
+
+* green has changed their display name to Green
+* Green exits the room
+
+Black: What's the matter with that guy?
+Blue: He uses XMPP over a bridge
diff --git a/static/comics/2/curve.png b/static/comics/2/curve.png
new file mode 100644
index 0000000..fa75444
--- /dev/null
+++ b/static/comics/2/curve.png
Binary files differdiff --git a/static/comics/2/curve_full.png b/static/comics/2/curve_full.png
new file mode 100644
index 0000000..26815a6
--- /dev/null
+++ b/static/comics/2/curve_full.png
Binary files differdiff --git a/static/comics/2/transcript.txt b/static/comics/2/transcript.txt
new file mode 100644
index 0000000..be1f0df
--- /dev/null
+++ b/static/comics/2/transcript.txt
@@ -0,0 +1,3 @@
+A line graph with "time" on vertical axis and "proficiency" on horizontal axis
+
+Text: What people mean when they say "steep learning curve"