|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Luis Poehlmann | Nature Climber & Metalhead</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Montserrat:wght@300;400;700&display=swap'); |
|
|
|
|
|
.black-metal-font { |
|
|
font-family: 'UnifrakturMaguntia', cursive; |
|
|
} |
|
|
|
|
|
.body-font { |
|
|
font-family: 'Montserrat', sans-serif; |
|
|
} |
|
|
|
|
|
.hero-image { |
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1517649763962-0c623066013b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.climbing-image { |
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1518604666860-9ed391f76460?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.metal-image { |
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.nature-image { |
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2074&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.nav-link { |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.nav-link::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
width: 0; |
|
|
height: 2px; |
|
|
bottom: -2px; |
|
|
left: 0; |
|
|
background-color: #f43f5e; |
|
|
transition: width 0.3s ease; |
|
|
} |
|
|
|
|
|
.nav-link:hover::after { |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
.album-cover { |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
.album-cover:hover { |
|
|
transform: scale(1.05); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-gray-100 body-font"> |
|
|
|
|
|
<nav class="fixed w-full z-10 bg-black bg-opacity-90 backdrop-blur-sm"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex items-center justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<span class="black-metal-font text-2xl text-rose-500">LUIS POEHLMANN</span> |
|
|
</div> |
|
|
<div class="hidden md:block"> |
|
|
<div class="ml-10 flex items-baseline space-x-8"> |
|
|
<a href="#home" class="nav-link px-3 py-2 text-sm font-medium">HOME</a> |
|
|
<a href="#about" class="nav-link px-3 py-2 text-sm font-medium">ABOUT</a> |
|
|
<a href="#climbing" class="nav-link px-3 py-2 text-sm font-medium">CLIMBING</a> |
|
|
<a href="#metal" class="nav-link px-3 py-2 text-sm font-medium">BLACK METAL</a> |
|
|
<a href="#contact" class="nav-link px-3 py-2 text-sm font-medium">CONTACT</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:hidden"> |
|
|
<button id="mobile-menu-button" class="text-gray-300 hover:text-white focus:outline-none"> |
|
|
<i class="fas fa-bars text-xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="mobile-menu" class="hidden md:hidden bg-black bg-opacity-95"> |
|
|
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> |
|
|
<a href="#home" class="block px-3 py-2 rounded-md text-base font-medium">HOME</a> |
|
|
<a href="#about" class="block px-3 py-2 rounded-md text-base font-medium">ABOUT</a> |
|
|
<a href="#climbing" class="block px-3 py-2 rounded-md text-base font-medium">CLIMBING</a> |
|
|
<a href="#metal" class="block px-3 py-2 rounded-md text-base font-medium">BLACK METAL</a> |
|
|
<a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium">CONTACT</a> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section id="home" class="hero-image min-h-screen flex items-center justify-center pt-16"> |
|
|
<div class="text-center px-4"> |
|
|
<h1 class="black-metal-font text-5xl md:text-8xl mb-6 text-rose-500">LUIS POEHLMANN</h1> |
|
|
<p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">Climbing mountains by day. Summoning darkness by night.</p> |
|
|
<div class="flex justify-center space-x-4"> |
|
|
<a href="#about" class="px-6 py-3 bg-rose-600 hover:bg-rose-700 rounded-md font-medium transition duration-300">LEARN MORE</a> |
|
|
<a href="#contact" class="px-6 py-3 border border-rose-600 hover:bg-rose-900 rounded-md font-medium transition duration-300">CONTACT ME</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="about" class="py-20 nature-image"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="bg-black bg-opacity-80 p-8 md:p-12 rounded-lg backdrop-blur-sm"> |
|
|
<h2 class="black-metal-font text-4xl md:text-6xl mb-8 text-rose-500">ABOUT ME</h2> |
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
<div> |
|
|
<p class="mb-6 text-lg">I'm Luis Poehlmann, a passionate climber, nature enthusiast, and black metal aficionado. My life is a balance between scaling peaks and descending into the abyss of extreme music.</p> |
|
|
<p class="mb-6 text-lg">Born and raised in the mountains, I've always felt a deep connection with nature. The raw power of the wilderness inspires both my climbing and my appreciation for the atmospheric sounds of black metal.</p> |
|
|
<p class="text-lg">When I'm not hanging off a cliff face or lost in a forest, you'll find me collecting vinyl records, writing about my adventures, or photographing the darker, more mysterious aspects of nature.</p> |
|
|
</div> |
|
|
<div class="flex items-center justify-center"> |
|
|
<div class="relative w-64 h-64 md:w-80 md:h-80 rounded-full overflow-hidden border-4 border-rose-600"> |
|
|
<img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80" alt="Luis Poehlmann" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="climbing" class="py-20 climbing-image"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="bg-black bg-opacity-80 p-8 md:p-12 rounded-lg backdrop-blur-sm"> |
|
|
<h2 class="black-metal-font text-4xl md:text-6xl mb-8 text-rose-500">CLIMBING</h2> |
|
|
<p class="mb-12 text-lg max-w-3xl">Climbing is my meditation, my challenge, and my way of connecting with the primal forces of nature. Here are some of my recent adventures and favorite spots.</p> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8 mb-12"> |
|
|
<div class="bg-gray-800 rounded-lg overflow-hidden"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1516633630673-67bbad747022?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Rock Climbing" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Rock Climbing</h3> |
|
|
<p class="text-gray-300">Traditional and sport climbing in the most challenging terrains. My current project is El Capitan in Yosemite.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-800 rounded-lg overflow-hidden"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1483728642387-6c3bdd6c93e5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2076&q=80" alt="Ice Climbing" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Ice Climbing</h3> |
|
|
<p class="text-gray-300">Conquering frozen waterfalls in Norway and Canada. There's nothing like the sound of ice axes biting into blue ice.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-800 rounded-lg overflow-hidden"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Mountaineering" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Mountaineering</h3> |
|
|
<p class="text-gray-300">High-altitude expeditions in the Himalayas and Andes. The thin air and endless vistas are addictive.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-800 rounded-lg p-6"> |
|
|
<h3 class="text-2xl font-bold mb-4">Climbing Philosophy</h3> |
|
|
<p class="mb-4">"Climbing isn't about conquering the mountain. It's about confronting yourself, pushing your limits, and becoming one with the rock. The same intensity I feel when climbing is what draws me to black metal - both are raw, unfiltered expressions of existence."</p> |
|
|
<p>- Luis Poehlmann</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="metal" class="py-20 metal-image"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="bg-black bg-opacity-80 p-8 md:p-12 rounded-lg backdrop-blur-sm"> |
|
|
<h2 class="black-metal-font text-4xl md:text-6xl mb-8 text-rose-500">BLACK METAL</h2> |
|
|
<p class="mb-12 text-lg max-w-3xl">The atmospheric, raw power of black metal speaks to my soul. Here's my current rotation and some thoughts on the genre.</p> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 mb-12"> |
|
|
<div> |
|
|
<h3 class="text-2xl font-bold mb-4">Current Obsessions</h3> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<span class="text-rose-500 mr-3 mt-1"><i class="fas fa-skull"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Mgła</h4> |
|
|
<p class="text-gray-300">Exercises in Futility - The perfect soundtrack for existential climbs</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<span class="text-rose-500 mr-3 mt-1"><i class="fas fa-mountain"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Wolves in the Throne Room</h4> |
|
|
<p class="text-gray-300">Celestial Lineage - Nature worship in musical form</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<span class="text-rose-500 mr-3 mt-1"><i class="fas fa-cloud"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Drudkh</h4> |
|
|
<p class="text-gray-300">Blood in Our Wells - Epic, folk-infused black metal</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<span class="text-rose-500 mr-3 mt-1"><i class="fas fa-tree"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Agalloch</h4> |
|
|
<p class="text-gray-300">The Mantle - The perfect album for forest wanderings</p> |
|
|
</div> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-2xl font-bold mb-4">Essential Albums</h3> |
|
|
<div class="grid grid-cols-2 gap-4"> |
|
|
<div class="album-cover"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/en/4/4f/Transilvanian_Hunger.jpg" alt="Darkthrone - Transilvanian Hunger" class="w-full rounded shadow-lg"> |
|
|
</div> |
|
|
<div class="album-cover"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/en/6/6e/De_Mysteriis_Dom_Sathanas.jpg" alt="Mayhem - De Mysteriis Dom Sathanas" class="w-full rounded shadow-lg"> |
|
|
</div> |
|
|
<div class="album-cover"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/en/3/3f/In_the_Nightside_Eclipse.jpg" alt="Emperor - In the Nightside Eclipse" class="w-full rounded shadow-lg"> |
|
|
</div> |
|
|
<div class="album-cover"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/en/3/3b/Burzum_-_Filosofem.jpg" alt="Burzum - Filosofem" class="w-full rounded shadow-lg"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-800 rounded-lg p-6"> |
|
|
<h3 class="text-2xl font-bold mb-4">Black Metal & Nature</h3> |
|
|
<p class="mb-4">"To me, black metal isn't just music - it's an expression of the raw, untamed power of nature. The cold winds, the towering mountains, the endless forests - these are the same forces that inspire the greatest black metal. When I climb, I often hear black metal riffs in my head, pushing me forward through the pain and exhaustion."</p> |
|
|
<p>- Luis Poehlmann</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-20 bg-gray-900"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<h2 class="black-metal-font text-4xl md:text-6xl mb-12 text-center text-rose-500">CONTACT</h2> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-12"> |
|
|
<div> |
|
|
<h3 class="text-2xl font-bold mb-6">Get In Touch</h3> |
|
|
<p class="mb-8 text-lg">Want to discuss climbing routes, black metal recommendations, or potential collaborations? Reach out!</p> |
|
|
|
|
|
<div class="space-y-6"> |
|
|
<div class="flex items-start"> |
|
|
<span class="text-rose-500 mr-4 mt-1"><i class="fas fa-envelope"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Email</h4> |
|
|
<p class="text-gray-300">luis@poehlmann.com</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<span class="text-rose-500 mr-4 mt-1"><i class="fab fa-instagram"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Instagram</h4> |
|
|
<p class="text-gray-300">@luis_poehlmann</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<span class="text-rose-500 mr-4 mt-1"><i class="fab fa-strava"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Strava</h4> |
|
|
<p class="text-gray-300">Luis Poehlmann</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<span class="text-rose-500 mr-4 mt-1"><i class="fas fa-map-marker-alt"></i></span> |
|
|
<div> |
|
|
<h4 class="font-bold">Location</h4> |
|
|
<p class="text-gray-300">Based in the Alps, often found in Norway</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<form class="space-y-6"> |
|
|
<div> |
|
|
<label for="name" class="block text-sm font-medium mb-1">Name</label> |
|
|
<input type="text" id="name" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-rose-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="email" class="block text-sm font-medium mb-1">Email</label> |
|
|
<input type="email" id="email" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-rose-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="subject" class="block text-sm font-medium mb-1">Subject</label> |
|
|
<select id="subject" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-rose-500"> |
|
|
<option>Climbing Inquiry</option> |
|
|
<option>Music Discussion</option> |
|
|
<option>Collaboration</option> |
|
|
<option>Other</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="message" class="block text-sm font-medium mb-1">Message</label> |
|
|
<textarea id="message" rows="5" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-rose-500"></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="px-6 py-3 bg-rose-600 hover:bg-rose-700 rounded-md font-medium transition duration-300 w-full">SEND MESSAGE</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-black py-8"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex flex-col md:flex-row justify-between items-center"> |
|
|
<div class="mb-4 md:mb-0"> |
|
|
<span class="black-metal-font text-2xl text-rose-500">LUIS POEHLMANN</span> |
|
|
</div> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-rose-500 transition duration-300"> |
|
|
<i class="fab fa-instagram text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-rose-500 transition duration-300"> |
|
|
<i class="fab fa-strava text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-rose-500 transition duration-300"> |
|
|
<i class="fab fa-spotify text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-rose-500 transition duration-300"> |
|
|
<i class="fab fa-youtube text-xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm"> |
|
|
<p>© 2023 Luis Poehlmann. All rights reserved. Hail nature, hail darkness.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.getElementById('mobile-menu-button').addEventListener('click', function() { |
|
|
const menu = document.getElementById('mobile-menu'); |
|
|
menu.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
const targetId = this.getAttribute('href'); |
|
|
const targetElement = document.querySelector(targetId); |
|
|
|
|
|
if (targetElement) { |
|
|
|
|
|
const mobileMenu = document.getElementById('mobile-menu'); |
|
|
mobileMenu.classList.add('hidden'); |
|
|
|
|
|
|
|
|
window.scrollTo({ |
|
|
top: targetElement.offsetTop - 80, |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
window.addEventListener('scroll', function() { |
|
|
const nav = document.querySelector('nav'); |
|
|
if (window.scrollY > 50) { |
|
|
nav.classList.add('shadow-lg'); |
|
|
} else { |
|
|
nav.classList.remove('shadow-lg'); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=luis-poe/metalsite" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
