ward/ward-truyen-network-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: cv + layout update

Browse Source
This commit is contained in:
Ward Truyen 2024-10-17 12:50:35 +02:00
parent 9a86656815
commit 0ba7fd1a8d
3 changed files with 44 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/css/main.css
View File

@ -11,6 +11,12 @@ body {
flex-direction: column; flex-direction: column;
} }
.theme-button {
float: right;
position: static;
margin: 0.5em;
}
html { html {
background-image: linear-gradient(-30deg, #C0E0FF6F 70%, #FFE0C04F); background-image: linear-gradient(-30deg, #C0E0FF6F 70%, #FFE0C04F);
} }
@ -19,16 +25,22 @@ main {
margin: auto; margin: auto;
margin-top: 1em; margin-top: 1em;
min-width: 80%; min-width: 80%;
padding: 10px;
min-height: 40%; min-height: 40%;
overflow: auto; overflow: auto;
padding-right: 8px;
/* colors */ /* colors */
border: 1px solid darkblue; /* display: inline-block; */
background-color: white;
box-shadow: 3px 3px 3px #30303090;
} }
main>h1 { main>div {
padding: 10px;
border: 1px solid darkblue;
background-color: #ffffffcc;
box-shadow: 3px 3px 3px #30303090;
margin-bottom: 1em;
}
main>div>h1 {
font-family: "Raleway", sans-serif; font-family: "Raleway", sans-serif;
font-size: 3em; font-size: 3em;
margin-top: 0px; margin-top: 0px;
@ -37,14 +49,20 @@ main>h1 {
text-shadow: 0px 0px 4px white, 2px 2px 6px; text-shadow: 0px 0px 4px white, 2px 2px 6px;
} }
main>p { main>p,
main>div>p {
margin-left: 1em; margin-left: 1em;
} }
main>h2 { main>h2,
main>div>h2 {
margin-left: 0.2em; margin-left: 0.2em;
} }
main>div>h2 {
margin-top: 0.2em;
}
img { img {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@ -65,18 +83,19 @@ html.theme-dark {
color: white; color: white;
} }
.theme-dark>body>main { .theme-dark>body>main>div {
border: 1px solid darkgray; border: 1px solid darkgray;
background-color: black; background-color: black;
box-shadow: 3px 3px 5px #101010C0; box-shadow: 3px 3px 5px #101010C0;
} }
.theme-dark>body>main>h1 { .theme-dark>body>main>h1,
.theme-dark>body>main>div>h1 {
text-shadow: 0px 0px 3px blue, 2px 2px 6px; text-shadow: 0px 0px 3px blue, 2px 2px 6px;
} }
@media(orientation: portrait){ @media(orientation: portrait) {
main{ main {
margin-top: 0; margin-top: 0;
} }
} }

BIN
src/docs/CV_WardTruyen_2024.pdf
View File

Binary file not shown.

24
src/index.html
View File

@ -9,13 +9,14 @@
<body> <body>
<main> <main>
<button style="float: right; font-size:large;" title="Dark theme on/off" onclick="toggleTheme();">&#9728;</button> <div>
<button class="theme-button" title="Dark theme on/off" onclick="toggleTheme();">&#9728;</button>
<h1>Ward Truyen</h1> <h1>Ward Truyen</h1>
<h2>Wie ben ik:</h2> <h2>Wie ben ik:</h2>
<p>Ik ben een computer expert op zoek naar een job in de ICT, als programmeur. </p> <p>Ik ben een computerliefhebber op zoek naar een job in de ICT, als programmeur. </p>
<p>Sinds de jaren '90, van Dos naar Windows en later Linux ben ik in ICT mijn structuur en vernieuwing, alsook <p>Sinds de jaren '90, van Dos naar Windows en later Linux ben ik in de ICT wereld actief.
plezier aan het vinden. <br>Daarbij heb ik vele mensen geholpen met hun computer problemen.
<br>Meestal ben ik bezig in de talen Java en Java-/Type-Script alsook bijhorende frameworks en tools: <br>Meestal ben ik bezig in de talen Java en Java-/Type-Script alsook bijhorende frameworks en tools:
<ul> <ul>
<li>Java, Maven/Gradle, Spring, Hibernate/SQL, Lombok, JUnit, enz. voor Back-end</li> <li>Java, Maven/Gradle, Spring, Hibernate/SQL, Lombok, JUnit, enz. voor Back-end</li>
@ -29,16 +30,17 @@
title="Een server is een computer dat diensten verleent aan clients" target="_blank">server</a> heb ik kunnen title="Een server is een computer dat diensten verleent aan clients" target="_blank">server</a> heb ik kunnen
opzetten met opzetten met
<a href="https://archlinux.org/" title="Besturingssysteem Arch Linux" target="_blank">Arch Linux</a> als <a <a href="https://archlinux.org/" title="Besturingssysteem Arch Linux" target="_blank">Arch Linux</a> als <a
href="https://nl.wikipedia.org/wiki/Besturingssysteem" title"Besturingssysteem" target="_blank">OS</a>, <a href="https://nl.wikipedia.org/wiki/Besturingssysteem" title"Besturingssysteem" target="_blank">OS</a>.
href="https://doc.traefik.io/traefik/" title="reverse proxy en load balancer" target="_blank">Traefik</a> als <a <br>Daarop staat <a href="https://doc.traefik.io/traefik/" title="reverse proxy en load balancer"
href="https://en.wikipedia.org/wiki/Reverse_proxy" target="_blank">Traefik</a> als <a href="https://en.wikipedia.org/wiki/Reverse_proxy"
title="1 domein en server met meerdere subdomeinen en/of servers en services" target="_blank">reverse proxy</a> title="1 domein en server met meerdere subdomeinen en/of servers en services" target="_blank">reverse
en de vele <a href="https://nl.wikipedia.org/wiki/Subdomein" proxy</a> en de vele <a href="https://nl.wikipedia.org/wiki/Subdomein"
title="Een subdomein is een domein dat deel uitmaakt van een groter domein" target="_blank">subdomeinen</a> zijn title="Een subdomein is een domein dat deel uitmaakt van een groter domein" target="_blank">subdomeinen</a> zijn
m.b.v. <a href="https://www.docker.com/" title="Container applicatie" target="_blank">Docker</a> beheerd. m.b.v. <a href="https://www.docker.com/" title="Container applicatie" target="_blank">Docker</a> beheerd.
<br>Ik ken mijn weg op een server, desktop, laptop, tablet en op smartphone. <br>Ik ken mijn weg op een server, desktop, laptop, tablet en op smartphone.
</p> </p>
<p>Voor meer informatie <a href="docs/CV_WardTruyen_2024.pdf">bekijk mijn cv</a>.</p> <p>Voor meer informatie <a href="docs/CV_WardTruyen_2024.pdf">bekijk mijn cv</a>.</p>
</div>
<h2>Zelf gemaakt:</h2> <h2>Zelf gemaakt:</h2>
<p>Op <a href="https://tds.truyen.network" target="_blank">tds.truyen.network</a> staat mijn gezin data beheer site. <p>Op <a href="https://tds.truyen.network" target="_blank">tds.truyen.network</a> staat mijn gezin data beheer site.
Deze is gemaakt met als backend Java, Spring en REST, als frontend is er Angular.</p> <img src="img/tds1.png" Deze is gemaakt met als backend Java, Spring en REST, als frontend is er Angular.</p> <img src="img/tds1.png"
@ -48,6 +50,7 @@
me a.u.b. een e-mail of bel me, en ik los het ASAP op.</p> me a.u.b. een e-mail of bel me, en ik los het ASAP op.</p>
<p>Op <a href="https://wterminal.truyen.network" target="_blank">wterminal.truyen.network</a> kan u mijn <p>Op <a href="https://wterminal.truyen.network" target="_blank">wterminal.truyen.network</a> kan u mijn
browser-addon of website-tooltje WTerminal vinden.</p> browser-addon of website-tooltje WTerminal vinden.</p>
<div>
<h2>Links naar de verschillende domeinen op deze server:</h2> <h2>Links naar de verschillende domeinen op deze server:</h2>
<ul class="dashed"> <ul class="dashed">
<li>website <a href="https://truyen.network" target="_blank">truyen.network</a> centrale website</li> <li>website <a href="https://truyen.network" target="_blank">truyen.network</a> centrale website</li>
@ -63,7 +66,8 @@
WTerminal, zelf gemaakte browser-addon project</li> WTerminal, zelf gemaakte browser-addon project</li>
</ul> </ul>
<p class="text-red">Deze server wordt nog verder uitgebreid, stay tuned.</p> <p class="text-red">Deze server wordt nog verder uitgebreid, stay tuned.</p>
<p>Laatste update: 3 Oktober 2024</p> <p>Laatste update: 17 Oktober 2024</p>
</div>
</main> </main>
<script src="js/theme.js"></script> <script src="js/theme.js"></script>