This commit is contained in:
Lanta 2026-05-18 13:29:43 +02:00
parent 0c1341acf1
commit 9865ee4e86
2 changed files with 195 additions and 1 deletions

View file

@ -48,6 +48,7 @@
<li><a href="#tech">Tech</a></li>
<li><a href="#process">Aanpak</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#git">Git</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
@ -117,6 +118,7 @@
<span class="mx-marquee-item">Docker</span>
<span class="mx-marquee-item">Bicep</span>
<span class="mx-marquee-item">ARM Templates</span>
<span class="mx-marquee-item">Self-hosted Forgejo</span>
</div>
</div>
@ -288,6 +290,55 @@
<div class="mx-tech reveal delay-1"><i class="fa fa-database"></i><span>SQL</span></div>
<div class="mx-tech reveal delay-2"><i class="fa fa-file-code-o"></i><span>Bicep</span></div>
<div class="mx-tech reveal delay-3"><i class="fa fa-cloud-upload"></i><span>REST API</span></div>
<div class="mx-tech reveal"><i class="fa fa-code-fork"></i><span>Forgejo (self-hosted)</span></div>
</div>
</div>
</section>
<!-- =============== SELF-HOSTED GIT =============== -->
<section class="mx-section" id="git" style="padding-top: 0;">
<div class="mx-container">
<div class="mx-git-banner reveal">
<div class="mx-git-banner-glow" aria-hidden="true"></div>
<div class="mx-git-banner-content">
<span class="mx-eyebrow">Self-hosted</span>
<h2>Onze eigen <span class="grad">Git-server</span><code>git.opzeker.it</code></h2>
<p>
We <em>eten ons eigen hondenvoer</em>: al onze code, Infrastructure as Code en
automation-scripts staan op een zelf-gehoste <strong>Forgejo</strong>-instance.
Volledig in eigen beheer, met onze eigen CI/CD, backups en monitoring —
een voorbeeld van wat we ook voor jou kunnen draaien.
</p>
<div class="mx-git-features">
<span><i class="fa fa-lock" aria-hidden="true"></i> Eigen beheer &amp; data</span>
<span><i class="fa fa-shield" aria-hidden="true"></i> Hardened &amp; gemonitord</span>
<span><i class="fa fa-cogs" aria-hidden="true"></i> CI/CD ready</span>
<span><i class="fa fa-cloud" aria-hidden="true"></i> Hybrid cloud</span>
</div>
<div style="display:flex; gap:14px; flex-wrap:wrap; margin-top: 28px;">
<a href="https://git.opzeker.it" target="_blank" rel="noopener" class="mx-btn mx-btn-primary" data-magnetic="0.25">
<i class="fa fa-code-fork" aria-hidden="true"></i>
Bezoek git.opzeker.it
<span class="arrow" aria-hidden="true"></span>
</a>
<a href="#contact" class="mx-btn mx-btn-ghost" data-magnetic="0.2">
Zelf zo'n setup? Vraag het ons
</a>
</div>
</div>
<div class="mx-git-banner-visual" aria-hidden="true">
<div class="mx-git-terminal">
<div class="mx-git-terminal-bar">
<span></span><span></span><span></span>
<span class="mx-git-terminal-title">~ git.opzeker.it</span>
</div>
<pre class="mx-git-terminal-body"><span class="t-prompt">$</span> git remote add origin <span class="t-str">https://git.opzeker.it/lanta/project.git</span>
<span class="t-prompt">$</span> git push -u origin main
<span class="t-ok"></span> Forgejo · self-hosted
<span class="t-ok"></span> CI pipeline triggered
<span class="t-ok"></span> Deployed to Azure ✨</pre>
</div>
</div>
</div>
</div>
</section>
@ -424,6 +475,9 @@
<a href="tel:+31611054521" aria-label="Telefoon">
<i class="fa fa-phone" aria-hidden="true"></i>
</a>
<a href="https://git.opzeker.it" target="_blank" rel="noopener" aria-label="Git">
<i class="fa fa-git" aria-hidden="true"></i>
</a>
</div>
</div>
@ -450,6 +504,13 @@
<p class="mx-contact-val"><a href="https://www.linkedin.com/in/thijsstobbelaar/" target="_blank" rel="noopener">in/thijsstobbelaar</a></p>
</div>
</li>
<li>
<span class="mx-contact-icon"><i class="fa fa-git" aria-hidden="true"></i></span>
<div>
<p class="mx-contact-meta">Git</p>
<p class="mx-contact-val"><a href="https://git.opzeker.it" target="_blank" rel="noopener">git.opzeker.it</a></p>
</div>
</li>
<li>
<span class="mx-contact-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
<div>
@ -466,7 +527,7 @@
<!-- =============== FOOTER =============== -->
<footer class="mx-footer">
<div class="mx-container">
<p>© <span id="mx-year"></span> Opzeker IT — Cloud · DevOps · Automation · <a href="http://www.opzeker.it">opzeker.it</a></p>
<p>© <span id="mx-year"></span> Opzeker IT — Cloud · DevOps · Automation · <a href="http://www.opzeker.it">opzeker.it</a> · <a href="https://git.opzeker.it" target="_blank" rel="noopener">git.opzeker.it</a></p>
</div>
</footer>