web/stephan.hadan.de
web/stephan.hadan.de
1
0
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

added lazy loading to images
All checks were successful
ci / deploy (push) Successful in 37s
Details

Browse source
This commit is contained in:
Stephan Hadan 2025-01-23 17:11:00 +01:00
parent 24146d186c
commit 6cf178aa4d
4 changed files with 51 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

92
docs/index.md
View file

@ -38,96 +38,96 @@ Nähere Auskünfte über meinen schulischen und beruflichen Werdegang entnehme b
<div class="exchange-grid">
<div class="flex-item">
<img src="/assets/logos/zeiss.png" alt="ZEISS" class="dark-logo"/>
<img src="/assets/logos/zeiss.png" alt="ZEISS" class="light-logo"/>
<img loading="lazy" src="/assets/logos/zeiss.png" alt="ZEISS" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/zeiss.png" alt="ZEISS" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/stackit.svg" alt="STACKIT" class="dark-logo"/>
<img src="/assets/logos/stackit.svg" alt="STACKIT" class="light-logo"/>
<img loading="lazy" src="/assets/logos/stackit.svg" alt="STACKIT" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/stackit.svg" alt="STACKIT" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/Mercedes-Benz.png" alt="Mercedes-Benz" class="dark-logo"/>
<img src="/assets/logos/Mercedes-Benz.png" alt="Mercedes-Benz" class="light-logo"/>
<img loading="lazy" src="/assets/logos/Mercedes-Benz.png" alt="Mercedes-Benz" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/Mercedes-Benz.png" alt="Mercedes-Benz" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/Vodafone.png" alt="Vodafone" class="dark-logo"/>
<img src="/assets/logos/Vodafone.png" alt="Vodafone" class="light-logo"/>
<img loading="lazy" src="/assets/logos/Vodafone.png" alt="Vodafone" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/Vodafone.png" alt="Vodafone" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/edge-core.png" alt="Edge-core" class="dark-logo"/>
<img src="/assets/logos/edge-core.png" alt="Edge-core" class="light-logo"/>
<img loading="lazy" src="/assets/logos/edge-core.png" alt="Edge-core" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/edge-core.png" alt="Edge-core" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/Smart.png" alt="Smart" class="dark-logo"/>
<img src="/assets/logos/Smart.png" alt="Smart" class="light-logo"/>
<img loading="lazy" src="/assets/logos/Smart.png" alt="Smart" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/Smart.png" alt="Smart" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/digitalocean.svg" alt="DigitalOcean" class="dark-logo"/>
<img src="/assets/logos/digitalocean.svg" alt="DigitalOcean" class="light-logo"/>
<img loading="lazy" src="/assets/logos/digitalocean.svg" alt="DigitalOcean" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/digitalocean.svg" alt="DigitalOcean" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/energy_net_dark.png" alt="energy net" class="dark-logo"/>
<img src="/assets/logos/energy_net_dark.png" alt="energy net" class="light-logo"/>
<img loading="lazy" src="/assets/logos/energy_net_dark.png" alt="energy net" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/energy_net_dark.png" alt="energy net" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/drucklos.png" alt="Druck-Los" class="dark-logo"/>
<img src="/assets/logos/drucklos.png" alt="Druck-Los" class="light-logo"/>
<img loading="lazy" src="/assets/logos/drucklos.png" alt="Druck-Los" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/drucklos.png" alt="Druck-Los" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/microsoft.png" alt="Microsoft" class="dark-logo"/>
<img src="/assets/logos/microsoft.png" alt="Microsoft" class="light-logo"/>
<img loading="lazy" src="/assets/logos/microsoft.png" alt="Microsoft" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/microsoft.png" alt="Microsoft" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/hetzner.png" alt="Hetzner" class="dark-logo"/>
<img src="/assets/logos/hetzner.png" alt="Hetzner" class="light-logo"/>
<img loading="lazy" src="/assets/logos/hetzner.png" alt="Hetzner" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/hetzner.png" alt="Hetzner" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/bosch.png" alt="BOSCH" class="dark-logo"/>
<img src="/assets/logos/bosch.png" alt="BOSCH" class="light-logo"/>
<img loading="lazy" src="/assets/logos/bosch.png" alt="BOSCH" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/bosch.png" alt="BOSCH" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/dell.svg" width="96" alt="Dell" class="dark-logo"/>
<img src="/assets/logos/dell.svg" width="96" alt="Dell" class="light-logo"/>
<img loading="lazy" src="/assets/logos/dell.svg" width="96" alt="Dell" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/dell.svg" width="96" alt="Dell" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/aws.png" alt="Amazon Web Services" class="dark-logo"/>
<img src="/assets/logos/aws.png" alt="Amazon Web Services" class="light-logo"/>
<img loading="lazy" src="/assets/logos/aws.png" alt="Amazon Web Services" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/aws.png" alt="Amazon Web Services" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/dc1.png" alt="Datacenter One" class="dark-logo"/>
<img src="/assets/logos/dc1.png" alt="Datacenter One" class="light-logo"/>
<img loading="lazy" src="/assets/logos/dc1.png" alt="Datacenter One" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/dc1.png" alt="Datacenter One" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/cws-boco.png" alt="CWS-boco" class="dark-logo"/>
<img src="/assets/logos/cws-boco.png" alt="CWS-boco" class="light-logo"/>
<img loading="lazy" src="/assets/logos/cws-boco.png" alt="CWS-boco" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/cws-boco.png" alt="CWS-boco" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/doerwang.png" alt="D. Dörwang GmbH" class="dark-logo"/>
<img src="/assets/logos/doerwang.png" alt="D. Dörwang GmbH" class="light-logo"/>
<img loading="lazy" src="/assets/logos/doerwang.png" alt="D. Dörwang GmbH" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/doerwang.png" alt="D. Dörwang GmbH" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/thomas-krenn.png" alt="Thomas-Krenn.AG" class="dark-logo"/>
<img src="/assets/logos/thomas-krenn.png" alt="Thomas-Krenn.AG" class="light-logo"/>
<img loading="lazy" src="/assets/logos/thomas-krenn.png" alt="Thomas-Krenn.AG" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/thomas-krenn.png" alt="Thomas-Krenn.AG" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/apple-white.svg" width="80" alt="Apple" class="dark-logo"/>
<img src="/assets/logos/apple-black.svg" width="80" alt="Apple" class="light-logo"/>
<img loading="lazy" src="/assets/logos/apple-white.svg" width="80" alt="Apple" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/apple-black.svg" width="80" alt="Apple" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/ovh.png" alt="OVH" class="dark-logo"/>
<img src="/assets/logos/ovh.png" alt="OVH" class="light-logo"/>
<img loading="lazy" src="/assets/logos/ovh.png" alt="OVH" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/ovh.png" alt="OVH" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/ubiquiti.png" alt="Ubiquiti" class="dark-logo"/>
<img src="/assets/logos/ubiquiti.png" alt="Ubiquiti" class="light-logo"/>
<img loading="lazy" src="/assets/logos/ubiquiti.png" alt="Ubiquiti" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/ubiquiti.png" alt="Ubiquiti" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/t-systems.png" alt="T-Systems" class="dark-logo"/>
<img src="/assets/logos/t-systems.png" alt="T-Systems" class="light-logo"/>
<img loading="lazy" src="/assets/logos/t-systems.png" alt="T-Systems" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/t-systems.png" alt="T-Systems" class="light-logo"/>
</div>
<div class="flex-item">
<img src="/assets/logos/eth-dark.png" alt="ETH-Services" class="dark-logo"/>
<img src="/assets/logos/eth-light.png" alt="ETH-Services" class="light-logo"/>
<img loading="lazy" src="/assets/logos/eth-dark.png" alt="ETH-Services" class="dark-logo"/>
<img loading="lazy" src="/assets/logos/eth-light.png" alt="ETH-Services" class="light-logo"/>
</div>
</div>