Mobile styling and fixes.

This commit is contained in:
Marvin Blum
2020-05-19 00:25:42 +02:00
committed by Marvin Blum
parent 1564b6433a
commit 01e6eba915
2 changed files with 27 additions and 8 deletions

View File

@@ -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>

View File

@@ -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;
}
}