Plexi09/plexi09.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove the hero image

Browse source
This commit is contained in:
Plexi09 2026-02-22 23:34:04 +01:00
parent 9f6b776346
commit 0bb49cb169
Signed by: Plexi09
GPG key ID: 20D439A69163544A
1 changed files with 1 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

25
index.html
View file

@ -58,28 +58,9 @@
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="relative h-screen w-full flex items-center justify-center overflow-hidden">
<canvas id="hero-canvas" class="absolute inset-0 z-0 opacity-60"></canvas>
<div class="relative z-10 text-center pointer-events-none">
<h1 class="text-[12vw] leading-none font-display font-bold uppercase tracking-tighter mix-blend-difference hero-title">
Developer
</h1>
<h1 class="text-[12vw] leading-none font-display font-bold uppercase tracking-tighter mix-blend-difference text-transparent stroke-text hero-title">
Photographer
</h1>
<p class="mt-8 text-xl md:text-2xl font-light tracking-wide opacity-0 hero-subtitle">
Crafting digital experiences & capturing light.
</p>
</div>
<div class="absolute bottom-10 left-1/2 -translate-x-1/2 text-sm uppercase tracking-widest opacity-50 animate-pulse">
Scroll to explore
</div>
</section>
<!-- About Section -->
<section id="about" class="py-32 px-6 md:px-20 relative z-10 bg-dark">
<div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-16 items-center">
<div class="max-w-3xl mx-auto">
<div class="space-y-8 reveal-text">
<h2 class="text-5xl md:text-7xl font-display font-bold uppercase tracking-tighter">The Mind <br>Behind <span class="text-transparent stroke-text">Plexi09</span></h2>
<p class="text-xl text-gray-400 leading-relaxed font-light">
@ -99,10 +80,6 @@
</div>
</div>
</div>
<div class="relative h-[600px] w-full overflow-hidden rounded-2xl group">
<!-- <img src="images/hero.jpg" alt="hero" class="absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110 parallax-img"> -->
<div class="absolute inset-0 bg-black/30 group-hover:bg-transparent transition duration-500"></div>
</div>
</div>
</section>