commit 9c5518daa203519f2a29e373869d2c3a670d64ff
parent f74b7639488263c89d8666e993b7080922a9ff0c
Author: Friedel Schön <[email protected]>
Date: Fri, 19 May 2023 13:38:39 +0200
add github pages
Diffstat:
5 files changed, 291 insertions(+), 0 deletions(-)
diff --git a/docs/assets/github-mark-white.svg b/docs/assets/github-mark-white.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
+\ No newline at end of file
diff --git a/docs/assets/github-mark.svg b/docs/assets/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
+\ No newline at end of file
diff --git a/docs/assets/style.css b/docs/assets/style.css
@@ -0,0 +1,93 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap');
+
+body {
+ background: #eee;
+ color: #3c3836;
+}
+
+body.dark {
+ background: #3c3836;
+ color: #eee;
+}
+
+@media(max-width:999px) {
+ body {
+ font-size: 1.94vw
+ }
+}
+
+#toggle_dark {
+ background: #3c3836;
+ color: #eee;
+ cursor: pointer;
+}
+
+.dark #toggle_dark {
+ background: #eee;
+ color: #3c3836;
+}
+
+a {
+ color: inherit;
+ text-decoration: underline;
+}
+
+a:hover {
+ font-weight: bold;
+}
+
+.title {
+ color: #216477;
+ font-weight: bold;
+ text-decoration: none;
+ font-size: 14pt;
+}
+
+.title:hover {
+ text-decoration: underline;
+}
+
+.subtitle {
+ color: #216477;
+ text-decoration: underline;
+}
+
+.header {
+ font-size: 18pt;
+}
+
+.dark a.title,
+.dark a.header {
+ color: #339cba;
+}
+
+#wrapper {
+ overflow-x: hidden;
+ width: 80ch;
+ font: 12pt 'Source Code Pro', monospace;
+ margin: 20px auto;
+ white-space: pre;
+}
+
+#github {
+ height: 1em;
+}
+
+#me {
+ max-width: 100%;
+}
+
+#contact-div {
+ display: flex;
+ align-items: flex-start;
+}
+
+
+#contact-img {
+ flex-basis: 20%;
+}
+
+#contact-text {
+ flex-basis: 80%;
+ padding-right: 20px;
+}
+\ No newline at end of file
diff --git a/docs/assets/toggle-dark.js b/docs/assets/toggle-dark.js
@@ -0,0 +1,13 @@
+function toggle_dark() {
+ var githubImage = document.getElementById('github');
+ var toggleButton = document.getElementById('toggle_dark');
+ if (document.body.classList.toggle('dark')) {
+ // is dark
+ githubImage.src = 'assets/github-mark-white.svg';
+ toggleButton.innerHTML = ' licht aandoen ';
+ } else {
+ // is light
+ githubImage.src = 'assets/github-mark.svg';
+ toggleButton.innerHTML = ' licht uitdoen ';
+ }
+}
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,179 @@
+<!doctype html>
+<html lang=en>
+
+<head>
+ <title>Friedel Schön - Curriculum Vitae</title>
+ <meta charset=utf-8 />
+ <meta name=viewport content='width=device-width,initial-scale=1' />
+ <link rel=stylesheet href=assets/style.css />
+ <script type=text/javascript src=assets/toggle-dark.js></script>
+</head>
+
+<body>
+<div id=wrapper>
+<a class='header title' href=/>Friedel Schön - Curriculum Vitae</a> <span id=toggle_dark onclick=toggle_dark()> licht uitdoen </span> <a href=https://github.com/friedelschoen/><img id=github alt=GitHub src=assets/github-mark.svg /></a>
+================================================================================
+
+<span id=about-me></span>
+Hoi, ik ben Friedel (Friedmund) Schön, ik ben nu 21 jaar en geboren te Aurich
+in Duitsland. Ik woon nu anderhalf jaar met plezier in Groningen. In mijn vrije
+tijd zit ik veel te programmeren, voornamelijk low-level in C. Ik heb C en vele
+andere talen zelf geleerd, begonnen was ik met BASH toen ik 15 jaar was. Aan
+programmeren vind ik leuk, dat ik creatief kan mensen helpen met software oplos-
+singen. Als ik niet zit de programmeren zit ik trompet te spelen in een orchest
+of ga met vrienden en een biertje doen. Ik vind dingen leren leuk op de manier
+learn-by-doing. Ik probeer mijn kennis te vergroten en kijk hoe dit gaat, C gaat
+heel goed met betrekking tot Linux utilities en dus zit ik heel veel daarmee te
+doen. Dit gaat niet alleen om programmeertalen maar ook protocollen en andere
+onderdelen. Ik wil graag deze dingen leren aan studenten en dus doe ik HBO-ICT
+om vervolgens in Nederland te blijven en te beginnen als docent op een hoge-
+school. Misschien begin ik ook bij een bedrijf met embedded programming. Aan
+mijn studie vind ik dingen zoals Assembly of Design leuk. Buiten school vind ik
+ook de gezelschap leuk, mijn meeste vrienden ken ik door deze opleiding.
+
+
+<a class=title id=contact href=#contact>Personalia</a>
+--------------------------------------------------------------------------------
+
+<div id=contact-div><div id=contact-text>Naam: Friedel Schön
+E-Mail: <a href=mailto:[email protected]>[email protected]</a>
+Telefoon: <a href=tel:+31-6-2726-9331>+31 6 2726 9331</a>
+GitHub: <a href=https://github.com/friedelschoen>friedelschoen</a>
+
+Geboren: 18 juli 2001 te Aurich/Duitsland
+Nationaliteit: Duits
+</div><div id=contact-img><img id=me src=assets/friedel.png /></div></div>
+
+<a class=title id=diplom href=#diplom>Diploma's</a>
+--------------------------------------------------------------------------------
+
+* Abitur (cf. VWO-diploma)
+
+* Nederlands als tweede taal (NT2)
+
+* Rijbewijs B & BE
+
+
+<a class=title id=language href=#language>Taalvaardigheden</a>
+--------------------------------------------------------------------------------
+
+* Duits (moedertaal)
+
+* Nederlands (B2-niveau)
+
+* Engels
+
+
+<a class=title id=programming href=#programming>Programmeervaardigheden</a>
+--------------------------------------------------------------------------------
+
+* C (hele syntax en standard library)
+
+* Python (hele syntax en standard library)
+
+* D (hele syntax en grotendeels standard library)
+
+* C++ (meeste syntax en grotendeels standard library)
+
+* BASH/ShellScript (meeste syntax en alle commands)
+
+* HTML/CSS (hele syntax, geen goed design)
+
+<span class=subtitle>Frameworks en Libraries:</span>
+
+* Arduino (C++)
+
+* Flask (Python)
+
+
+<a class=title id=system href=#system>Systeemvaardigheden</a>
+--------------------------------------------------------------------------------
+
+* Linux
+
+* macOS
+
+* BSD's (grotendeels)
+
+* Windows (grotendeels)
+
+
+<a class=title id=study href=#study>Opleiding</a>
+--------------------------------------------------------------------------------
+
+* HBO-ICT: <a href=https://hanze.nl/>Hanzehogeschool Groningen</a> (sinds 2021)
+
+* Gymnasium: <a href=https://igsaurich.de/>IGS Aurich-West</a> (2018 - 2021)
+
+* Middelbare: <a href=http://igsegels.de/>IGS Egels</a> (2012 - 2018)
+
+* Basisschool: <a href=https://grundschule-mittegrossefehn.de/>Grundschule Mittegroßefehn</a> (2008 - 2012)
+
+
+<a class=title id=work href=#work>Werkervaring</a>
+--------------------------------------------------------------------------------
+
+* <a href=https://www.fiksi.nl/>Fiksi Computerhulp</a>: Expert (sinds 2021)
+ - Kennis over vele onderwerpen qua computers
+ - Helpen en uitleggen van oplossing (voornamelijk aan ouderen zonder kennis)
+
+* <a href=https://www.thuisbezorgd.nl/>Thuisbezorgd Groningen</a>: Bezorger (sinds 2021)
+
+* <a href=https://www.gamma.nl/bouwmarkten/groningen-peizerweg>GAMMA Groningen-West</a>: Vulploeg (2021)
+
+* <a href=https://citipost-nordwest.de/>Citipost Nordwest</a>: Brievenbezorger in Ihlow (2020 - 2021)
+ - Zelfstandigheid
+ - Tijdplanning
+
+* <a href=https://www.edeka.de/eh/minden-hannover/edeka-center-bruns-dreekamp-18/index.jsp>E-Center Bruns Aurich</a>: Vulploeg en pakhuis (2019 - 2020)
+
+* <a href=https://www.nordwest-sonntagsblatt.de/epaper/aurich/>Heimat- & Sonntagsblatt</a>: Krantenbezorger in Ulbargen (2016 - 2018)
+ - Zelfstandigheid
+
+
+<a class=title id=internship href=#internship>Relevante Stages</a>
+--------------------------------------------------------------------------------
+
+* <a href=https://www.stadt-wiesmoor.de/>Stad Wiesmoor</a>: Systeembeheerder (2019)
+
+* <a href=https://www.buenting.de/en>Bünting Leer-Nortmoor</a>: Systeembeheerder (2018)
+
+* <a href=https://www.orgadata.com/nl>ORGADATA Leer</a>: Software Engineer (2017)
+
+* <a href=https://www.hr4you.de/en/company>HR4YOU Timmel</a>: Software Engineer (2016)
+
+
+<a class=title id=projects href=#projects>Mijn Projecten</a>
+--------------------------------------------------------------------------------
+
+* <a href=https://github.com/friedelschoen/importsort-d>importsort-d</a>: een utility voor de programmeertaal D om imports alfanumeriek
+ te sorteren
+
+* <a href=https://github.com/friedelschoen/dualinit>DualINIT</a>: een meta-init systeem voor Linux
+
+* <a href=#>paccat</a>: een Linux package-manager, die probeert verschil- <b>(nog geen release)</b>
+ lende package-managers samen te voegen
+
+* <a href=https://github.com/MoiBaguette/Webtechnologie-Project/>Programmeerles voor Ouderen</a> (school-project van jaar 1): een website front- en
+ backend voor het beheren van programmeerlessen voor ouderen
+
+* <a href=https://github.com/friedelschoen/muizenval.tk/>Muizenval.tk</a> (school-project van jaar 1): website en embedded software voor
+ een <i>slimme</i> muizenval voor <a href=https://www.5groningen.nl/>5Groningen</a>
+
+* <a href=https://github.com/friedelschoen/java-game-client/>Java Game Client</a> (school-project van jaar 2): een cliënt <b>(nog geen release)</b>
+ voor TicTacToe en Othello
+
+
+================================================================================
+
+ -*- <i>Deze website is gebaseerd op <a href=https://kisslinux.org/>Kiss Linux</a>' website (MIT gelicenseerd)</i> -*-
+
+</div>
+<script type=text/javascript>
+ if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+ toggle_dark();
+ }
+</script>
+</body>
+
+</html>
+\ No newline at end of file
