ward-truyen-network-site/src/index.html

126 lines
6.2 KiB
HTML
Raw Normal View History

2024-07-29 14:47:25 +02:00
<!DOCTYPE html>
<html>
<head>
<title>Ward Truyen home</title>
2024-10-03 11:23:47 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2024-07-29 14:47:25 +02:00
<link rel="stylesheet" href="css/main.css" />
2024-11-21 12:10:28 +01:00
<link rel="stylesheet" href="css/splide.min.css" />
2024-07-29 14:47:25 +02:00
</head>
<body>
<main>
2024-10-17 14:23:41 +02:00
<div>
<button class="theme-button" title="Dark theme on/off" onclick="toggleTheme();">&#9728;</button>
<h1>Ward Truyen</h1>
<h2>Wie ben ik:</h2>
<p>Ik ben een computerliefhebber op zoek naar een job in de ICT, als programmeur. </p>
2024-09-09 21:04:39 +02:00
2024-10-17 14:23:41 +02:00
<p>Sinds de jaren '90, van Dos naar Windows en later Linux ben ik in de ICT wereld actief.
<br>Daarbij heb ik vele mensen geholpen met hun computer problemen, of als trainer mensen geholpen naar junior
Java developer.
<br>Meestal ben ik bezig in de talen Java en Java-/Type-Script alsook bijhorende frameworks en tools:
<ul>
<li>Java, Maven/Gradle, Spring, Hibernate/SQL, Lombok, JUnit, enz. voor Back-end</li>
<li>HTML, CSS, JavaScript, Typescript &amp; Angular enz. voor Front-end</li>
<li>Git en vele andere tools en scripts om de server en code te beheren en in productie te zetten.</li>
</ul>
</p>
<p>Ook Agile en Scrum zijn gekende termen, evenals OOP, TDD, UML enz.</p>
<p>Uiteraard kan ik blindelings typen, en thuis gebruik ik <a href="https://neovim.io/"
target="_blank">neo<b>vim</b> als IDE</a>.
<br>Ik ken mijn weg op een server, desktop, laptop, tablet en op smartphone.
</p>
<p>Voor meer informatie <a href="docs/CV_WardTruyen_2024.pdf">bekijk mijn cv</a>.</p>
</div>
<h2>Zelf gemaakt 2024:</h2>
2024-11-21 12:10:28 +01:00
<h3>Deze website</h3>
2024-09-09 21:04:39 +02:00
<p>Deze <a href="https://nl.wikipedia.org/wiki/Server"
2024-10-03 11:23:47 +02:00
title="Een server is een computer dat diensten verleent aan clients" target="_blank">server</a> heb ik kunnen
opzetten met
<a href="https://archlinux.org/" title="Besturingssysteem Arch Linux" target="_blank">Arch Linux</a> als <a
2024-10-17 12:50:35 +02:00
href="https://nl.wikipedia.org/wiki/Besturingssysteem" title"Besturingssysteem" target="_blank">OS</a>.
2024-10-17 14:23:41 +02:00
<br>Daarop staat <a href="https://doc.traefik.io/traefik/" title="Reverse proxy en load balancer"
2024-10-17 12:50:35 +02:00
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> en de vele <a href="https://nl.wikipedia.org/wiki/Subdomein"
2024-10-17 14:23:41 +02:00
title="Een subdomein is een domein dat deel uitmaakt van een groter domein" target="_blank">subdomeinen</a>
zijn
2024-10-03 11:23:47 +02:00
m.b.v. <a href="https://www.docker.com/" title="Container applicatie" target="_blank">Docker</a> beheerd.
2024-09-09 21:04:39 +02:00
</p>
2024-11-21 12:10:28 +01:00
<h3>Familie website</h3>
2024-10-03 12:27:01 +02:00
<p>Op <a href="https://tds.truyen.network" target="_blank">tds.truyen.network</a> staat mijn gezin data beheer site.
2024-11-21 11:48:58 +01:00
Deze is gemaakt met als backend Java, Spring en REST, als frontend is er Angular.</p>
2024-11-21 12:10:28 +01:00
<section id="image-carousel" class="splide" aria-label="Beautiful Images">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<img src="img/tds1.png" alt="tds.truyen.network">
</li>
<li class="splide__slide">
<img src="img/tds2.png" alt="tds.truyen.network">
</li>
<li class="splide__slide">
<img src="img/tds3.png" alt="tds.truyen.network">
</li>
</li>
<li class="splide__slide">
<img src="img/tds4.png" alt="tds.truyen.network">
</li>
</ul>
</div>
</section>
<script src="js/splide.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
new Splide('#image-carousel').mount();
});
</script>
<!-- <img src="img/tds1.png" alt="tds.truyen.network"> -->
<!-- <img src="img/tds2.png" alt="tds.truyen.network"> -->
<!-- <img src="img/tds3.png" alt="tds.truyen.network"> -->
<!-- <img src="img/tds4.png" alt="tds.truyen.network"> -->
2024-10-03 12:27:01 +02:00
<p>Op <a href="https://sf.truyen.network" target="_blank">sf.truyen.network</a> staat een kopie van diezelfde site,
waar u op kan inloggen en inspecteren (login gegevens staan in mijn CV).<br> Mocht er hier iets fout lopen, stuur
me a.u.b. een e-mail of bel me, en ik los het ASAP op.</p>
2024-11-21 12:10:28 +01:00
<h3>WTerminal</h3>
2024-10-03 12:27:01 +02:00
<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>
2024-10-17 14:23:41 +02:00
<h2>Zelf gemaakt vroeger:</h2>
<div class="card">
<h1>Ronny</h1>
<p>Gemaakt in VB.net 2004-2006<br>Direct draw rendering</p>
<iframe src="https://www.youtube.com/embed/m7tgDUc2jXs">
</iframe>
</div>
<div class="card">
<h1>Minesweeper</h1>
<p>Gemaakt in C/C++ 2006-2013<br>OpenGL rendering</p>
<iframe src="https://www.youtube.com/embed/Rejp6cVRxfc">
</iframe>
</div>
<div>
<h2>Links naar de verschillende domeinen op deze server:</h2>
<ul class="dashed">
<li>website <a href="https://truyen.network" target="_blank">truyen.network</a> centrale website</li>
<li>gitea service op <a href="https://git.truyen.network" target="_blank">git.truyen.network</a> om git
repositories te beheren</li>
<li>website <a href="https://tds.truyen.network" target="_blank">tds.truyen.network</a> voor gezin data beheer
</li>
<li>voorbeeld-website <a href="https://sf.truyen.network" target="_blank">sf.truyen.network</a> voor gezin data
beheer</li>
<li>website <a href="https://willem.truyen.network" target="_blank">willem.truyen.network</a> bevat spelletjes
voor Willem</li>
<li>website <a href="https://wterminal.truyen.network" target="_blank">wterminal.truyen.network</a> voor
WTerminal, zelf gemaakte browser-addon project</li>
</ul>
<p class="text-red">Deze server wordt nog verder uitgebreid, stay tuned.</p>
2024-11-21 11:48:58 +01:00
<p>Laatste update: 21 Novemeber 2024</p>
2024-10-17 14:23:41 +02:00
</div>
2024-07-29 14:47:25 +02:00
</main>
<script src="js/theme.js"></script>
2024-07-29 14:47:25 +02:00
</body>
</html>