feat!:moved old site to old folder
This commit is contained in:
Ward Truyen
170
src/index.html
170
src/index.html
@@ -1,170 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="">
|
||||
|
||||
<head>
|
||||
<title>Ward Truyen home</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="css/splide.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main class="flex">
|
||||
<div class="block-white content">
|
||||
<button class="theme-button" title="Dark theme on/off" onclick="toggleTheme();">☀</button>
|
||||
<h1 id="ik">Ward Truyen:</h1>
|
||||
<h2>Introductie</h2>
|
||||
<p>Ik ben Ward Truyen, een veelzijdige computerliefhebber op zoek naar een job in de ICT.
|
||||
Ik ben inzetbaar als programmeur, tester, ICT-Engineer en ICT-beheerder.</p>
|
||||
|
||||
<p>Ik ben een <i>doe het zelf</i> type dat liever leert uit een fout dan er niet aan durven te beginnen.
|
||||
<br>Mijn grote liefde gaat naar automatisatie-technieken. Aldus de computer-technologie trekt me aan, niets zo
|
||||
veelzijdig in automatisatie als computers.
|
||||
<br>De kennis die ik heb vergaard maak ik ook zeer graag nuttig, ik help graag. Mensen vinden dat ik een
|
||||
aangename stem heb en geruststellend overkom.
|
||||
<br>Met plezier heb ik al ontelbaar vele mensen geholpen bij computer problemen, en als trainer ondersteuning
|
||||
geboden in hun opleiding tot junior Java developer.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Ik heb, onder andere, heel wat ervaring in de talen Java en Java-/Type-Script alsook bijhorende frameworks en
|
||||
tools
|
||||
<br>Dit stelt me in staat om aan een front-end en back-end te werken, alsook beheer ik de server. Full stack.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Back-end: Java, Maven & Gradle, SQL, Hibernate, Lombok, Spring, JUnit voor testing</li>
|
||||
<li>Front-end: HTML, CSS, JavaScript, Typescript & Angular, JQuery, Bootstrap</li>
|
||||
<li>Tools: npm, Git, Bash, Docker, SSH, en vele andere tools en scripts om de server, code en apps te beheren.
|
||||
</li>
|
||||
</ul>
|
||||
<p>Deze hou ik dan ook up to date door te werken aan mijn <a href="#famweb">familie website</a>.</p>
|
||||
<p>Eveneens zijn Agile en Scrum gekende methodieken. En ken ik heel wat technieken als OOP, TDD, BDD, UML, SOLID
|
||||
en REST.</p>
|
||||
<p>Ik heb bij Multimedi 3 jaar gewerkt als trainer Java Developer, voor volwassenen.
|
||||
<br>Dankzij deze ervaring heb ik mijn full stack kennis met Java kunnen verzilveren en een kleine honderd mensen
|
||||
kunnen helpen in hun carriere.
|
||||
</p>
|
||||
|
||||
<p><u>Naast het programmeren:</u>
|
||||
<br>Kan ik het onderhoud, plaatsen, installeren en beheren van: servers, netwerk apparatuur, scanners, printers,
|
||||
applicaties en services. Linux, windows en Mac.
|
||||
<br>Ook kan ik je helpen op alle computers: server, desktop, laptop, tablet en op smartphone.
|
||||
<br>Eveneens ben ik een doe-het-zelver. Ik kan huishoudelijke elektriciteit-werken uitvoeren en elektronica repareren.
|
||||
</p>
|
||||
<p>Ik heb een hulpvaardig en verzorgd overkomen. Graag houd ik structuur en orde op mijn werkplaats. En kan ik
|
||||
blindelings typen. </p>
|
||||
<p id="mijncv">Voor meer informatie bekijk mijn cv <a href="docs/CV_WardTruyen_2025-Java.pdf">voor
|
||||
Java/Full-Stack</a> of <a href="docs/CV_WardTruyen_2025-ICT_Engineer.pdf">voor ICT Engineer/Beheerder</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h2>Zelf gemaakt 2024-2025:</h2>
|
||||
<h3>Deze server en website</h3>
|
||||
<img style="max-width: 120px; height: auto; float: right;" src="img/tux.png">
|
||||
<p>Deze <a href="https://nl.wikipedia.org/wiki/Server"
|
||||
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
|
||||
href="https://nl.wikipedia.org/wiki/Besturingssysteem" title"Besturingssysteem" target="_blank">OS</a>.
|
||||
<br>Daarop staat <a href="https://doc.traefik.io/traefik/" title="Reverse proxy en load balancer"
|
||||
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"
|
||||
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.
|
||||
</p>
|
||||
<h3 id="famweb">Gezin website</h3>
|
||||
<p>Op <a href="https://sf.truyen.network" target="_blank">sf.truyen.network</a> staat een kopie van <a
|
||||
href="https://tds.truyen.network" target="_blank">tds.truyen.network</a>
|
||||
<br>Daarop staat een site voor het beheren van gezin gevens zoals contacten, winkellijstjes, kalender,
|
||||
takenlijstjes en notities.
|
||||
<br>Deze is gemaakt met als backend Java, Spring en REST, als frontend is er Angular.
|
||||
<br>Dit met als doel gezins-gegevens overal beschikbaar te hebben zonder google of facebook en dergelijke
|
||||
tech-giganten.
|
||||
<br>Handig voor het winkellijstje af te gaan op je gsm. Alles bij de hand.
|
||||
</p>
|
||||
<p><a href="https://sf.truyen.network" target="_blank">sf.truyen.network</a> is dus de publieke test versie van
|
||||
deze
|
||||
site, waar u op kan inloggen, testen en inspecteren <a href="#ik">(login gegevens staan in mijn CV)</a>.<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>
|
||||
</div>
|
||||
<div class="block-darker flex">
|
||||
<div class="content">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3>WTerminal</h3>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="block-photo flex">
|
||||
<div class="content">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="block-white content">
|
||||
<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> -->
|
||||
<p>Laatste update: 22 Juli 2025</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="js/theme.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user