Homelab/mbuz-www
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CHANGE: Removed subtitle. Added background animation

Browse Source
This commit is contained in:
Maksym Buz
2025-08-27 12:59:55 +02:00
parent 9a4d3f1395
commit 2e4fe55d45
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -21,13 +21,26 @@
background-color: #111827;
color: #e0e0e0;
}
@keyframes subtleFloat {
0% {
background-position: 0% 0%;
}
50% {
background-position: 1% 1%;
}
100% {
background-position: 0% 0%;
}
}
.hero-section {
background-color: transparent;
background-image:
radial-gradient(ellipse at center, #1e293b 0%, #111827 70%),
linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: cover, 80px 80px;
background-size: 200% 200%, 80px 80px, 80px 80px;
animation: subtleFloat 15s ease-in-out infinite;
}
.gradient-text {
background: linear-gradient(90deg, rgba(96, 206, 245, 0.8) 0%, rgba(225, 114, 117, 0.8) 100%);
@@ -121,10 +134,9 @@
<!-- Section 1: Hero / Landing Page -->
<section id="hero" class="hero-section h-screen flex flex-col items-center justify-center text-center relative overflow-hidden">
<div class="content-container pb-16">
<h1 class="hero-title text-6xl md:text-8xl tracking-wide gradient-text pb-4">
<h1 class="hero-title text-6xl md:text-8xl tracking-wide gradient-text">
<span class="font-medium">Making</span> <span class="font-extrabold">Technology</span> <span class="font-medium">Work</span>
</h1>
<p class="text-sky-300 text-sm md:text-base tracking-wider opacity-20">Empowering people through innovation</p>
</div>
<a href="#about" class="absolute bottom-10 flex flex-col items-center text-gray-400 hover:text-white transition-colors duration-300 no-underline">
<div class="scroll-down-chevron mb-2"></div>