Added about page

5 files changed, 78 insertions, 0 deletions

diff --git a/content/about.md b/content/about.md
new file mode 100644
index 0000000..9ae7abb
--- /dev/null
+++ b/content/about.md
@@ -0,0 +1,46 @@
+---
+title: "More about me"
+date: 2023-01-15T12:10:45-03:00
+lastmod: 2023-01-15T12:10:45-03:00
+---
+
+I'm an experienced back-end developer and a DevOps enthusiast. I've been using Linux since 2010, so the terminal comes as second nature to me.
+
+Like I mentioned on the [home page](/), I have a passion for selfhosting as many digital services as I can. Here's my full selfhosted list (updated Jan 15th 2023):
+
+- My website (you are here now lol): [rogs.me](https://rogs.me)
+- My email: [roger@rogs.me](mailto:roger@rogs.me)
+- My Git server: [git.rogs.me](https://git.rogs.me)
+- A personal wiki: [wiki.rogs.me](https://wiki.rogs.me)
+- A Calendar server: [calendar.rogs.me](https://calendar.rogs.me)
+- A Matrix instance: [chat.rogs.me](https://chat.rogs.me)
+- A private searx instance: [searx.rogs.me](https://searx.rogs.me)
+
+## Job history
+
+If you want to know more about my job history, you can go to my [resume](/resume) page. I chose to leave that section outside of the main menu because only recruiters / linkedin people are going to care about that.
+
+## Pets
+I have 4 cats. In order of adoption:
+- Cuca ♀: Feb 19th 2021.
+- Papo ♂: May 2nd 2021.
+- Chocha ♀: Sept 17th 2022.
+- Bollo ♂: Sept 17th 2022.
+
+{{< img class="cats" src="/cuca-papo.jpeg" caption="Cuca and Papo looking cute 😻" >}}
+{{< img class="cats" src="/chocha-bollo.jpeg" caption="Chocha and Bollo being good kittens 😸" >}}
+
+## Tatoos
+So far, I have 7 tatoos:
+- Right arm:
+  + A rose on my hand.
+  + A big rose on my forearm.
+  + The two robots holding hands on the cover of Pink Floyd's [Wish you were here](https://en.wikipedia.org/wiki/Wish_You_Were_Here_(Pink_Floyd_album)#/media/File:Wish_you_were_here_by_Pink_Floyd_banner.png).
+  + The 4 symbols representing each Led Zeppelin member.
+- Left arm:
+  + A skull on my hand.
+  + A snake with roses on the forearm.
+  + The cover of Pink Floyd's album [The Dark Side of the Moon](https://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon#/media/File:Dark_Side_of_the_Moon.png).
+
+## Religion
+I'm a Christian, more specifcially a [Baptist protestant](https://en.wikipedia.org/wiki/Baptists). Right now, I'm not planning on talking about religion on my blog, but **I'm not ruling it out for the future.** I will let the readers know before a religion post comes, in case they want to ignore it.
diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html
new file mode 100644
index 0000000..918eff6
--- /dev/null
+++ b/layouts/shortcodes/img.html
@@ -0,0 +1,22 @@
+<!--
+	class: class of the figure
+	link: url the image directs to
+	alt: alternative text
+	caption: caption
+	mouse: what the image says when moused over ("title" in HTML)
+-->
+<a class="picture-link" href="{{ .Get "src"}}">
+    <figure {{ with .Get "class" }}class="{{.}}"{{ end -}}>
+        {{- with .Get "link"}}<a href="{{.}}">{{ end -}}
+        <img src="{{ .Get "src" }}"
+             {{- with .Get "mouse" }} title="{{.}}"{{ end -}}
+             {{- with .Get "alt" }} alt="{{.}}"{{ end -}}
+        >
+        {{- if .Get "link"}}</a>{{ end -}}
+        {{- with .Get "caption" -}}
+        <figcaption>
+            {{- . -}}
+        </figcaption>
+        {{- end -}}
+    </figure>
+</a>
diff --git a/static/chocha-bollo.jpeg b/static/chocha-bollo.jpeg
new file mode 100644
index 0000000..7dcf2ea
--- /dev/null
+++ b/static/chocha-bollo.jpeg
diff --git a/static/cuca-papo.jpeg b/static/cuca-papo.jpeg
new file mode 100644
index 0000000..f847d3a
--- /dev/null
+++ b/static/cuca-papo.jpeg
diff --git a/themes/archie/static/css/main.css b/themes/archie/static/css/main.css
index a7f1b74..56042b9 100644
--- a/themes/archie/static/css/main.css
+++ b/themes/archie/static/css/main.css
@@ -311,3 +311,13 @@ dd a img {
 ul span.meta {
   color: grey;
 }
+.picture-link {
+  border-bottom: 0px;
+}
+.picture-link:hover {
+  background-color: transparent;
+  color: #fff
+}
+.cats {
+  width: 50%;
+}