localhorst/hendrikschutter.com
1
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

better mobile css

Browse Source
This commit is contained in:
Hendrik Schutter
2021-09-25 22:34:28 +02:00
parent 89773c7517
commit da1a85a700
1 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
index.html
View File

@ -2,18 +2,27 @@
<html lang="en-US"> <html lang="en-US">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./data/favicon.ico"> <link rel="shortcut icon" href="./data/favicon.ico">
<link rel="icon" sizes="192x192" href="./data/icon.png"> <link rel="icon" sizes="192x192" href="./data/icon.png">
<title>Hendrik Schutter</title> <title>Hendrik Schutter</title>
<link rel="stylesheet" href="./css/w3.css"> <link rel="stylesheet" href="./css/w3.css">
<style>
body {
background-image: url('background.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
</head> </head>
<body> <body class="w3-animate-zoom">
<div class="w3-container w3-content w3-center w3-animate-zoom" style="min-width:50%;max-width:800px;margin-top:5%"> <div class="w3-container w3-content w3-center" style="max: width 800px;margin-top:5%">
<h1 class="w3-wide">Hendrik Horst Schutter</h1> <h1 class="w3-wide">Hendrik Horst Schutter</h1>
<p class="w3-opacity"><i>twenty-four-year-old computer scientist from southwest Germany</i></p> <p class="w3-opacity"><i>twenty-four-year-old computer scientist from southwest Germany</i></p>
<div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding"> <div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding">
<h5 class="w3-container w3-left"> <h3 class="w3-container w3-left">
Education:</h6> Education</h3>
<h6 class="w3-right-align">Bachelor of Science, <h6 class="w3-right-align">Bachelor of Science,
<a style="text-decoration: none" href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte"> <a style="text-decoration: none" href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte">
Applied Computer Science at University Offenburg;</a> 2017 - 2021 Applied Computer Science at University Offenburg;</a> 2017 - 2021
@ -24,36 +33,37 @@
</h6> </h6>
</div> </div>
<div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding"> <div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding">
<h5 class="w3-container w3-left"> <h3 class="w3-container w3-left">
Work:</h6> Work</h3>
<h6 class="w3-right-align">Scientific laboratory assistant, <h6 class="w3-right-align">Scientific laboratory assistant,
<a style="text-decoration: none" href="https://emi.hs-offenburg.de/httpcms1fh-offenburgdeeif/labore/betriebssysteme-und-computernetze"> <a style="text-decoration: none" href="https://emi.hs-offenburg.de/httpcms1fh-offenburgdeeif/labore/betriebssysteme-und-computernetze">
Operating systems and computer networks at University Offenburg</a> Operating systems and computer networks at University Offenburg</a>
</h6> </h6>
</div> </div>
<div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding"> <div class="w3-panel w3-card-4 w3-white w3-hover-opacity w3-hover-gray w3-padding">
<h5 class="w3-container w3-left"> <h3 class="w3-container w3-left">
Freetime:</h6> Freetime</h3>
<h6 class="w3-right-align"> <h6 class="w3-right-align">
<a style="text-decoration: none" href="https://www.youtube.com/watch?v=GSftku-Mck0"> <a style="text-decoration: none" href="https://www.youtube.com/watch?v=GSftku-Mck0">
building and flying unmanned systems, sometimes with an rapid unscheduled disassembly</a> building and flying unmanned systems, sometimes with an rapid unscheduled disassembly</a>
</h6> </h6>
</div> </div>
</div> </div>
<div class="w3-container w3-content w3-center w3-animate-zoom" style="min-width:25%;max-width:200px;"> <div class="w3-container w3-content w3-center" style="max-width:300px;">
<div class="w3-panel w3-dark-white w3-hover-opacity w3-hover-gray w3-padding"> <div class="w3-panel w3-card w3-dark-gray w3-hover-opacity w3-hover-gray w3-padding">
<div class="w3-center-align"> <div class="w3-center-align">
<p>
<a class="w3-hover-opacity" style="text-decoration: none" href="mailto:mail@hendrikschutter.com"> <a class="w3-hover-opacity" style="text-decoration: none" href="mailto:mail@hendrikschutter.com">
<h6>mail@hendrikschutter.com</h6></a></p> <h6>mail@hendrikschutter.com</h6></a>
<p>
<a class="w3-hover-opacity" style="text-decoration: none" href="https://matrix.to/#/@localhorst:willmann.dev"> <a class="w3-hover-opacity" style="text-decoration: none" href="https://matrix.to/#/@localhorst:willmann.dev">
<h6>Matrix: localhorst</h6></a></p> <h6>Matrix: localhorst</h6></a>
<p>
<a class="w3-hover-opacity" style="text-decoration: none" href="https://git.mosad.xyz/localhorst"> <a class="w3-hover-opacity" style="text-decoration: none" href="https://git.mosad.xyz/localhorst">
<h6>git.mosad.xyz/localhorst</h6></a></p> <h6>git.mosad.xyz/localhorst</h6></a>
</div> </div>
</div> </div>
</div> </div>
<footer class="w3-container w3-center">Last update: 2021/09/25</footer>
</body> </body>
</html> </html>