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:
+
+ augustogunsch@tutanota.com
+
+You may encrypt your message by use of my PGP public key, if you so wish.
+
+# Donations
+If you want to donate me cryptocurrencies, for whatever reason, I accept Monero. Here's my address:
+
+ 86JjGobWkTwh7k5SoBhXVB4Nbx28fhVi122knfyHYWJvN33Jsn1Z6yPAXfc4dsRhLN4zAAs29fUEJWmAmVJxoPUgGmtpS5P
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%;
}
}