infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the look of the homepage

Browse Source
This commit is contained in:
Piet Ostendorp
2025-10-16 23:10:55 +02:00
parent 3684cf3cb2
commit b8f1d33b20
2 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/home-component/home-component.html
View File

@@ -1,10 +1,18 @@
<div class="flex h-screen">
<div class="m-auto">
<h1 class="text-6xl font-bold">InfiniMotion</h1>
<h2
class="text-4xl font-bold bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent pb-10"
>
<div class="relative w-screen h-screen overflow-hidden flex items-center justify-center">
<div class="absolute -top-140 -left-120 w-[800px] h-[800px] bg-indigo-500/50 rounded-full filter blur-[250px] pointer-events-none animate-fadeUp-delay"></div>
<div class="absolute -bottom-140 -right-120 w-[800px] h-[800px] bg-pink-600/40 rounded-full filter blur-[250px] pointer-events-none animate-fadeUp-delay"></div>
<div class="content">
<h1 class="text-6xl font-bold animate-fadeUp">InfiniMotion</h1>
<h2 class="text-4xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent pb-10">
Absolut war gestern, Bewegung ist heute!
</h2>
</div>
<div class="absolute bottom-5 left-5 text-gray-400 z-10">
Informationsinfrastrukturen Unit 2 - FHDW Hannover
<br>
&copy; 2025 Marcel Anker, Lennart Heinrich, Piet Ostendorp, Kevin Szarafin
</div>
</div>