torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add locally hosted hero background image

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-10-21 09:46:27 +02:00
parent 43e6b05144
commit 98136d5569
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/Hero.vue
View File

@@ -4,8 +4,11 @@
<div class="absolute inset-0 z-0"> <div class="absolute inset-0 z-0">
<div class="absolute top-0 right-0 w-96 h-96 bg-primary-200/30 rounded-full blur-3xl" /> <div class="absolute top-0 right-0 w-96 h-96 bg-primary-200/30 rounded-full blur-3xl" />
<div class="absolute bottom-0 left-0 w-96 h-96 bg-gray-300/30 rounded-full blur-3xl" /> <div class="absolute bottom-0 left-0 w-96 h-96 bg-gray-300/30 rounded-full blur-3xl" />
<!-- Subtiles Rastermuster als Hintergrund --> <!-- Hintergrundbild -->
<div class="absolute inset-0 opacity-5" style="background-image: radial-gradient(circle, #dc2626 1px, transparent 1px); background-size: 20px 20px;" /> <div
class="absolute inset-0 opacity-10"
style="background-image: url('/images/club_about_us.png'); background-size: cover; background-position: center;"
/>
</div> </div>
<!-- Content --> <!-- Content -->

BIN
public/images/club_about_us.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB