From 01e6eba91544964a97e0eaf64b5dff7c8ff12a02 Mon Sep 17 00:00:00 2001
From: Marvin Blum <marvin@marvinblum.de>
Date: Tue, 19 May 2020 00:25:42 +0200
Subject: [PATCH] Mobile styling and fixes.

---
 static/index.html | 12 ++++++------
 static/style.css  | 23 +++++++++++++++++++++--
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/static/index.html b/static/index.html
index 72dbdde..f0f1d79 100644
--- a/static/index.html
+++ b/static/index.html
@@ -35,20 +35,20 @@
     </div>
     <div class="menu">
         <form action="mailto:marvin@marvinblum.de">
-            <button>Contact me</button>
+            <input type="submit" value="Contact me" />
         </form>
         <form action="https://github.com/Kugelschieber" target="_blank">
-            <button>GitHub</button>
+            <input type="submit" value="GitHub" />
         </form>
         <form action="https://twitter.com/m5blum" target="_blank">
-            <button>Twitter</button>
+            <input type="submit" value="Twitter" />
         </form>
     </div>
     <section>
         <h2>who am I?</h2>
         <p>
             I'm a full stack software engineer from Germany, open source and Linux enthusiast and co-founder of <a href="https://emvi.com/" target="_blank">Emvi</a>.
-            In love with Golang, but fluent in a lot of programming languages.
+            In love with Go, but fluent in a lot of programming languages.
         </p>
     </section>
     <section>
@@ -58,7 +58,7 @@
                 <a href="https://emvi.com/" target="_blank">Emvi</a> a note taking, collaboration and knowledge management tool for personal use and teams of any size
             </li>
             <li>
-                <a href="https://github.com/emvi/logbuch" target="_blank">hide</a> a simple Golang logging library
+                <a href="https://github.com/emvi/logbuch" target="_blank">logbuch</a> a simple Golang logging library
             </li>
             <li>
                 <a href="https://github.com/emvi/null" target="_blank">null</a> a Golang library for nullable types supporting databases and json
@@ -74,7 +74,7 @@
     <section>
         <h2>skills</h2>
         <ul>
-            <li>Go</li>
+            <li>Go (Golang)</li>
             <li>JavaScript (Vue, Node)</li>
             <li>HTML, CSS, Sass and all the web fuzz</li>
             <li>Java</li>
diff --git a/static/style.css b/static/style.css
index fa64aa2..f51e881 100644
--- a/static/style.css
+++ b/static/style.css
@@ -36,14 +36,14 @@ body {
     max-height: 100px;
     border-radius: 100%;
     display: block;
-    margin: 0 40px 0 0;
+    margin-left: 20px;
 }
 
 .menu {
     display: flex;
 }
 
-.menu button {
+.menu input {
     margin-right: 10px;
 }
 
@@ -54,3 +54,22 @@ section {
 p {
     line-height: 1.5;
 }
+
+@media (max-width: 700px) {
+    body {
+        padding: 40px 20px 80px 20px;
+    }
+
+    .title h1 {
+        font-size: 36px;
+    }
+
+    .title h2 {
+        font-size: 24px;
+    }
+
+    .title img {
+        max-width: 72px;
+        max-height: 72px;
+    }
+}