From 511e17502fba3fa93fb72f3610cd9fd9dcca4a3c Mon Sep 17 00:00:00 2001
From: Augusto Gunsch <augustogunsch@tutanota.com>
Date: Wed, 30 Mar 2022 10:38:28 -0300
Subject: [PATCH] Add missing pages

---
 content/about_en.md        | 13 +++++++++++++
 content/contact_en.md      | 11 +++++++++++
 static/stylesheet.css      |  2 +-
 static/stylesheet_page.css | 21 ++++++++++++++++++---
 4 files changed, 43 insertions(+), 4 deletions(-)
 create mode 100644 content/about_en.md
 create mode 100644 content/contact_en.md

diff --git a/content/about_en.md b/content/about_en.md
new file mode 100644
index 0000000..689cbd0
--- /dev/null
+++ b/content/about_en.md
@@ -0,0 +1,13 @@
+#  About me
+I'm a self-taught programmer based in Brazil. I'm interested in both low-level
+and high-level programming. I'm familiar with technologies like C, C++, C#,
+JavaScript, Python, SQL and Shell Script. I'm also a fan of Linux, Vim and
+minimalist software.
+
+As a programmer I feel our goal should be to make efficient and reliable
+software, avoiding bloated code. We should as well be constantly seeking to
+improve our skills and learn new tech.
+
+As for my language skills: I can communicate well in English, my native
+language is Portuguese and I'm learning Polish, since I have Polish ancestry
+and citizenship.
diff --git a/content/contact_en.md b/content/contact_en.md
new file mode 100644
index 0000000..96eb24d
--- /dev/null
+++ b/content/contact_en.md
@@ -0,0 +1,11 @@
+# Contact me
+For any purpose of contact, please send me an email at:
+
+<nobr class="scroll"><img src="static/email.png"> augustogunsch@tutanota.com</nobr>
+
+You may encrypt your message by use of my <a href="static/augustogunsch@tutanota.com.pub.asc">PGP public key</a>, if you so wish.
+
+# Donations
+If you want to donate me cryptocurrencies, for whatever reason, I accept Monero. Here's my address:
+
+<nobr class="scroll"><img src="static/monero.png"> 86JjGobWkTwh7k5SoBhXVB4Nbx28fhVi122knfyHYWJvN33Jsn1Z6yPAXfc4dsRhLN4zAAs29fUEJWmAmVJxoPUgGmtpS5P</nobr>
diff --git a/static/stylesheet.css b/static/stylesheet.css
index 1bc66be..cab13cb 100644
--- a/static/stylesheet.css
+++ b/static/stylesheet.css
@@ -150,7 +150,7 @@
 
 @media only screen and (min-width: 768px) {
 	#quote {
-		max-width: 60%;
+		max-width: 50%;
 	}
 }
 
diff --git a/static/stylesheet_page.css b/static/stylesheet_page.css
index b47f3cd..23f9dce 100644
--- a/static/stylesheet_page.css
+++ b/static/stylesheet_page.css
@@ -11,27 +11,42 @@
 	text-align: justify;
 }
 
+#content .scroll {
+	display: inline-block;
+	overflow-x: auto;
+	max-width: 100%;
+}
+
+#content .scroll img {
+	height: 1em;
+}
+
 @media only screen and (max-width: 600px) {
 	#content {
 		max-width: 90%;
+		width: auto;
+	}
+
+	#wrapper {
+		padding-top: 0;
 	}
 }
 
 @media only screen and (min-width: 600px) {
 	#content {
-		max-width: 80%;
+		width: 80%;
 	}
 }
 
 @media only screen and (min-width: 768px) {
 	#content {
-		max-width: 70%;
+		width: 70%;
 	}
 }
 
 @media only screen and (min-width: 992px) {
 	#content {
-		max-width: 60%;
+		width: 61%;
 	}
 }