<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emensta</title>
    <link rel="icon" href="profilepic.jpg">
    <style>
        /* Your existing styles here */

        body {
            background-color: #1f1f1f;
            color: #ffffff;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-image: url('background1.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            transition: background-image 0.8s ease;
            overflow-x: hidden; /* Prevent horizontal overflow */
        }

        header {
            background: linear-gradient(135deg, rgba(51, 51, 51, 0.8), rgba(30, 30, 30, 0.8));
            text-align: center;
            padding: 15px 0;
            position: relative;
            z-index: 1;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        header img {
            width: 200px;
            height: 200px;
            object-fit: cover;
            border-radius: 50%;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
            border: 5px solid rgba(255, 255, 255, 0.2);
            margin-bottom: 10px;
            transition: transform 0.3s ease-in-out;
        }

        header img:hover {
            transform: scale(1.1);
        }

        .social-icons {
            margin-top: 10px;
        }

        .social-icons img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            border: 5px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
        }

        .social-icons a {
            display: inline-block;
            margin: 0 5px;
            transition: transform 0.3s ease-in-out;
        }

        .social-icons a:hover {
            transform: scale(1.2);
        }

        nav {
            background-color: rgba(51, 51, 51, 0.7);
            backdrop-filter: blur(8px);
            padding: 10px 0;
            position: relative;
            z-index: 1;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-wrap: wrap;
            justify-content: center; /* Center the links horizontally */
            width: 100%;
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
        }

        nav a {
            color: #ffffff;
            text-decoration: none;
            padding: 8px 12px; /* Adjust padding for better fit on small screens */
            margin: 5px; /* Adjust margin for better fit on small screens */
            display: inline-block;
            position: relative;
            font-size: 16px; /* Adjust font size for better readability on small screens */
            transition: color 0.3s ease;
        }

        nav a::before {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background-color: #6FA2E2;
            visibility: hidden;
            transition: all 0.3s ease-in-out;
        }

        nav a:hover::before {
            visibility: visible;
            width: 100%;
        }

        nav a:hover {
            color: #6FA2E2;
        }

        .content {
            padding: 20px;
            max-width: 800px;
            margin: auto;
            text-align: justify;
            position: relative;
            z-index: 1;
        }

        section {
            text-align: left;
            margin-bottom: 40px;
            padding: 20px;
            background: #1c1c1c;
            color: #d9d9d9;
            border: 1px solid #6fa2e2;
            border-radius: 10px;
        }

        section h2 {
            margin-bottom: 10px;
            color: #fff;
        }

        section p {
            margin-bottom: 15px;
        }

        section ul {
            margin-bottom: 15px;
        }

        .projects {
            display: grid; /* Change to grid layout */
            grid-template-columns: repeat(2, 1fr); /* Create two equal columns */
            gap: 20px; /* Add spacing between items */
        }

        .project {
            background-color: #333;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .project img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 10px;
        }

        .project-content {
            padding: 15px;
        }

        .project-title {
            font-size: 20px;
            margin-bottom: 10px;
            color: #fff;
        }

        .project-title a {
            color: #6FA2E2;
            text-decoration: none;
        }

        .project-title a:hover {
            text-decoration: underline;
        }

        .project-description {
            color: #ccc;
        }

        footer {
            background-color: #333;
            text-align: center;
            color: #ffffff;
            padding: 10px 20px; /* Adjust padding to control width */
            position: fixed; /* Ensure footer is fixed at the bottom */
            bottom: 0;
            left: 0;
            width: 100%;
            opacity: 0.8; /* Adjust opacity for better visibility */
            z-index: 1000; /* Ensure footer content is above other content */
            box-sizing: border-box; /* Ensure padding is included in total width */
        }

        @media (max-width: 768px) {
            footer {
                padding: 15px; /* Increase padding for better spacing on mobile */
                font-size: 14px; /* Adjust font size for mobile */
            }
        }

        @media (max-width: 480px) {
            footer {
                padding: 15px; /* Ensure enough padding for very small screens */
                font-size: 12px; /* Further adjust font size for very small screens */
            }
        }

        footer p {
            margin: 0; /* Remove default margin for paragraph */
        }

		#popup-overlay {
			display: flex;
			align-items: center;
			justify-content: center;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.8); /* Darker semi-transparent background */
			z-index: 9999; /* Ensure it appears above everything */
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.3s ease, visibility 0.3s ease;
		}

		#popup-overlay.active {
			opacity: 1;
			visibility: visible;
		}

		#popup-content {
			background: #1f1f1f; /* Match the page's dark background */
			color: #d9d9d9; /* Light gray for readability */
			padding: 20px;
			border-radius: 10px;
			max-width: 50%; /* Adjust to fit smaller screens */
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6); /* Subtle shadow for depth */
			position: relative;
			text-align: center; /* Center-align text inside */
			font-family: Arial, sans-serif;
		}

		#popup-content h2 {
			color: #6FA2E2; /* Accent color for the heading */
			margin-bottom: 10px;
		}

		#popup-content p {
			color: #cccccc; /* Softer gray for paragraph text */
			margin-bottom: 15px;
			line-height: 1.5; /* Improve readability with proper spacing */
		}

		#popup-close {
			position: absolute;
			top: 10px;
			right: 10px;
			cursor: pointer;
			font-size: 18px;
			color: #d9d9d9;
		}

		#accept-button, #decline-button {
			padding: 10px 20px;
			margin: 10px;
			border: none;
			border-radius: 5px;
			font-size: 16px;
			cursor: pointer;
			transition: transform 0.2s ease, background-color 0.5s ease; /* Smooth scaling and color transitions */
		}

		#accept-button {
			background-color: #6FA2E2; /* Default accent color */
			color: white;
		}

		#accept-button:hover {
			transform: scale(1.1); /* Slightly enlarge the button */
			background-color: #28a745; /* Fade to green on hover */
		}

		#decline-button {
			background-color: #dc3545; /* Red for decline */
			color: white;
		}

		#decline-button:hover {
			transform: scale(1.1); /* Slightly enlarge the button */
			background-color: #c82333;
		}

		/* Back to Top Button CSS */
		#back-to-top {
			position: fixed;
			bottom: 9%; /* Default positioning for desktop */
			right: 25%; /* Default positioning for desktop */
			transform: translateY(50%); /* Center vertically */
			background-color: #007bff;
			color: white;
			border: none;
			border-radius: 50%;
			width: 60px; /* Default size for desktop */
			height: 60px; /* Default size for desktop */
			display: none; /* Hidden by default */
			align-items: center;
			justify-content: center;
			font-size: 24px; /* Default font size for desktop */
			cursor: pointer;
			box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Default shadow for desktop */
			transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
			z-index: 1000; /* Ensure the button is above other content */
		}

		/* Media Query for Mobile Devices */
		@media (max-width: 768px) {
			#back-to-top {
				right: 10px; /* Move closer to the right edge on mobile */
				bottom: 80px; /* Move closer to the bottom on mobile */
				width: 50px; /* Adjust size for mobile */
				height: 50px; /* Adjust size for mobile */
				font-size: 20px; /* Smaller font size on mobile */
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Adjust shadow for mobile */
			}
		}

				/* Optional: Hover effect */
				#back-to-top:hover {
					background-color: #0056b3; /* Darker blue on hover */
				}

				#back-to-top:focus {
					outline: none;
					background-color: #6FA2E2;
				}
				.highlighted-link {
			color: #87CEEB; /* Bright yellow color */
			font-weight: bold;
			text-decoration: underline;
		}
		.highlighted-link:hover {
			color: #f50057; /* Bright pink on hover for better visibility */
		}

		/* Product grid container */
		.product-grid {
			margin: 20px auto;
			width: 80%;
			max-width: 800px;
			display: grid;
			grid-template-columns: 1fr;
			gap: 20px;
			overflow: hidden;
			height: 0;
			opacity: 0;
			transition: height 0.5s ease, opacity 0.5s ease;
		}

		/* Styling for individual product boxes */
		.product {
			text-align: center;
			background-color: #333;
			color: #fff;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		}

		/* Added space between the company name and the product box */
		.logo-item:hover + .product-grid {
			margin-top: 30px; /* Space between the company name and product grid */
		}

		/* Styling for product images */
		.product img {
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			border-radius: 8px;
		}

		/* Link styling within product boxes */
		.product a {
			color: #6FA2E2;
			text-decoration: none;
		}

		/* Hover effect for product links */
		.product a:hover {
			text-decoration: underline;
		}

		/* Default logo grid for larger screens */
		.logo-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr); /* 4 items per row */
			gap: 20px; /* Space between items */
			justify-items: center; /* Center-align logos */
			margin-top: 40px; /* Space above the grid */
			margin-bottom: 60px; /* Additional space below the grid */
		}

		/* Styling for the sponsor section container (optional if you want more control) */
		#sponsors {
			padding-bottom: 40px; /* Adds space below the entire section */
		}

		/* Styling for each logo item */
		.logo-item {
			position: relative;
			text-align: center;
			cursor: pointer;
		}

		/* Styling for logo images */
		.logo-item img {
			width: 120px;
			height: 120px;
			object-fit: contain;
			transition: transform 0.3s;
		}

		/* Hover effect for logo images (scale on hover) */
		.logo-item:hover img {
			transform: scale(1.1);
		}

		/* Styling for the company name */
		.logo-item span {
			position: absolute;
			top: 140px; /* Space adjusted to improve visibility */
			left: 50%;
			transform: translateX(-50%);
			color: white;
			font-size: 16px;
			font-weight: bold;
			opacity: 0;
			transition: opacity 0.3s;
			z-index: 10; /* Ensure the name appears above other elements */
		}

		/* Hover effect for the company name */
		.logo-item:hover span {
			opacity: 1;
		}

		/* Responsive layout for phones and tablets */
		@media (max-width: 768px) {
			.logo-grid {
				grid-template-columns: repeat(2, 1fr); /* 2 items per row */
				margin-top: 20px; /* Reduce spacing on smaller screens */
				margin-bottom: 30px; /* Adjust bottom spacing for smaller screens */
			}

			.logo-item img {
				width: 100px; /* Adjust logo size for smaller screens */
				height: 100px;
			}

			.logo-item span {
				top: 110px; /* Adjust position for smaller logos */
				font-size: 14px; /* Smaller text size for phones */
			}
		}
			background-size: cover;
			background-position: center;
			background-attachment: fixed;
			transition: background-image 0.8s ease-in-out; /* Smooth fade effect */
			background-color: #1f1f1f; /* Fallback color */
		}
    </style>
</head>
<body>
    <!-- Terms of Use Popup -->
    <div id="popup-overlay">
        <div id="popup-content">
            <h2>Terms of Use</h2>
            <p>By using this website, you agree to the following:</p>
            <p>To prevent abuse, especially in the "Contact" section, certain information such as your IP address and device details may be logged. This data is used for security purposes and will not be shared or used for any other reasons. Your privacy and security come first.</p>
            <button id="decline-button">Decline</button>
            <button id="accept-button">Accept</button>
        </div>
    </div>
    <header>
        <img src="profilepic.jpg" alt="Emensta" id="profile-pic">
        <div class="social-icons">
            <!-- Social Media Icons (replace with actual links) -->
            <a href="https://www.tiktok.com/@emensta?_t=8mzwGtNW0y8&_r=1"><img src="tiktok.png" alt="TikTok"></a>
            <a href="https://www.instagram.com/emensta297/"><img src="instagram.png" alt="Instagram"></a>
            <a href="https://github.com/EmenstaNougat"><img src="github.png" alt="GitHub"></a>
            <a href="https://discord.gg/emensta-s-community-1229027335534153791"><img src="discord.png" alt="Discord"></a>
            <a href="https://t.me/Emensta"><img src="telegram.png" alt="Telegram"></a>
            <a href="mailto:contact.emensta@gmail.com"><img src="email.png" alt="Email"></a>
        </div>
    </header>
    <nav>
        <a href="#about" onclick="animateLink(event, 'about')">About Me</a>
        <a href="#projects" onclick="animateLink(event, 'projects')">Projects</a>
        <a href="#community" onclick="animateLink(event, 'community')">Emensta's Community</a> <!-- Added link to Emensta's Community -->
        <a href="#sponsors" onclick="animateLink(event, 'sponsors')">Sponsors</a>
        <a href="#contact" onclick="animateLink(event, 'contact')">Contact</a>
    </nav>
	
    <div class="content">
        <section id="about">
            <h2>About Me</h2>
			<p>Hello! My name is <strong>Emensta</strong>, and I'm an ethical gray hat hacker and penetration tester, focused on uncovering vulnerabilities, developing innovative security solutions, and ensuring safer digital environments for all. I’m passionate about the intersection of technology, creativity, and problem-solving. Over the years, I’ve developed a diverse skill set and tackled projects across areas such as 3D printing, hardware hacking, and network security.</p>

            <h3>My Core Skills Include:</h3>
            <ul>
				<li><strong>Security Device Prototyping:</strong> Designing and fabricating tools to identify vulnerabilities and develop protective measures.</li>
				<li><strong>Hardware Hacking:</strong> Modifying, reverse-engineering, and repurposing devices to uncover vulnerabilities and expand functionality.</li>
				<li><strong>Vulnerability Analysis & Solution Development:</strong> Identifying security threats, designing tools to exploit them, and crafting devices to implement effective solutions.</li>
                <li><strong>3D Printing & CAD Designing:</strong> Crafting prototypes and functional parts for various projects.</li>
                <li><strong>PCB Designing & DIY Fabrication:</strong> Creating custom electronics from scratch.</li>
                <li><strong>Programming & Content Creation:</strong> Developing firmware, software, and malware for security analysis.</li>
                <li><strong>Electronics Soldering:</strong> Building innovative devices for penetration testing and hacking.</li>
                <li><strong>Hardware Hacking:</strong> Delving deep into the intricacies of systems and devices.</li>
                <li><strong>Server & Network Management:</strong> Expertise in managing botnets, securing infrastructure, and conducting network analysis.</li>
            </ul>
            
            <h3>Beyond Technology</h3>
            <p>I enjoy the thrill of motorcycling and actively participate in mentoring newcomers in the world of tech and hacking. I’m always open to collaborating with fellow tech enthusiasts and sharing my knowledge with the community.</p>
			
			<h3>Overall</h3>
			<p>In summary, I combine a creative and analytical approach to technology, focusing on identifying vulnerabilities, crafting innovative solutions, and pushing the boundaries of what's possible. Whether it's hardware hacking, custom device development, or mentoring, I thrive at the intersection of exploration and problem-solving.</p>
			<p>To ensure a safer digital world where everyone can thrive securely every day.</li>
		</section>
        <section id="projects">
            <h2>Projects</h2>
            <div class="projects">
                <div class="project">
                    <img src="projectesp32bluejammer.png" alt="Project 1">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://github.com/EmenstaNougat/ESP32-BlueJammer" target="_blank">ESP32-BlueJammer - by @emensta</a></h3>
                        <p class="project-description">The ESP32-BlueJammer uses ESP32 and nRF24 modules to jam Bluetooth, BLE, WiFi, and remote-controlled devices, creating noise and excessive packets for Denial of Service (DoS) attacks. This project explores wireless communication and security challenges for educational purposes only.</p>
                    </div>
				</div>
				<div class="project">
                    <img src="projectwavychat.png" alt="Project 2">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://github.com/EmenstaNougat/The_Blue_ESP-WavyChat" target="_blank">The Blue ESP-WavyChat firmware</a></h3>
                        <p class="project-description">The firmware enables a wireless chat system using an ESP32 board in combination with two nRF24L01 transceiver modules. This project is ideal for enthusiasts looking to explore wireless communication in a simple yet practical application. (Original The Blue ESP PCB firmware)</p>
						</p>
                    </div>
                </div>
				<div class="project">
					<img src="batpackpcb.png" alt="Project 3">
                    <div class="project-content">
                        <h3 class="project-title"><a href="" target="_blank">[SOON]-[SOON]-[SOON]-[SOON] BatPack+ PCB - by @emensta</a></h3>
                        <p class="project-description">Meet the BatPack+ PCB for your Pwnagotchi! It works just like a backpack, by screwing it onto the back of if and provides all features you need on the go, like: a battery and charging cirvuit, GPS module, Real Time Clock module, power LED and Power Switch! Easy & Affordable ;D</p>
						<p class="project-description">
						<a class="highlighted-link" href="" target="_blank">!SOON!</a>
					</div>
                </div>
				<div class="project">
                    <img src="projecttheblueespdiypcb.png" alt="Project 4">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://datechlabs.com" target="_blank">The Blue ESP DIY-PCB</a></h3>
                        <p class="project-description">The Blue ESP DIY-PCB only requires one ESP32-Wroom-32 and two RF-modules modules, therefore you won't need to mess around with soldering every single wire but just easily solder the pins to the PCB. Switches, resistors, 10uf capacitors and LED's are pre-soldered. Remember: It is not intended for illegal use, neither for my project!</p>
						<p class="project-description">
						<a class="highlighted-link" href="https://datechlabs.com/products/blue-esp-diy-pcb-back-order" target="_blank">Get it here!</a>
						</p>
                    </div>
                </div>
				<div class="project">
                    <img src="projecttheblueesp.png" alt="Project 5">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://datechlabs.com/products/the-blue-esp-pre-order" target="_blank">The Blue ESP (This is an ESP32 with RF-module breakouts)</a></h3>
                        <p class="project-description">The Blue ESP is a powerful ESP32 based device with RF-module breakouts (nRF24/CC1101 etc.) for experimenting. Remember: It is not intended for illegal use, neither for my project!</p>
						<p class="project-description">
						<a class="highlighted-link" href="https://datechlabs.com/products/the-blue-esp-pre-order" target="_blank">Get it here!</a>
						</p>
                    </div>
                </div>
                <div class="project">
                    <img src="projecttoolkit.png" alt="Project 6">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://emenstastoolkit.pages.dev/" target="_blank">Emensta's ToolKit</a></h3>
                        <p class="project-description">Emensta's ToolKit is a multifunctional kit with tools for checking and performing various tasks. The toolkit is regularly updated with new features.</p>
                    </div>
                </div>
                <div class="project">
                    <img src="projectddos.png" alt="Project 7">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://github.com/EmenstaNougat/DDoS-ByEmensta" target="_blank">DDoS-ByEmensta</a></h3>
                        <p class="project-description">A project focused on Distributed Denial of Service (DDoS) attacks, demonstrating techniques for generating high-volume traffic to target systems.</p>
                    </div>
                </div>
                <div class="project">
                    <img src="projectbatchobfuscator.png" alt="Project 8">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://github.com/EmenstaNougat/BatchObfuscator" target="_blank">BatchObfuscator</a></h3>
                        <p class="project-description">A tool designed to obfuscate batch scripts, making them more difficult to read and reverse-engineer.</p>
                    </div>
                </div>
                <div class="project">
                    <img src="projectbat2exe.png" alt="Project 9">
                    <div class="project-content">
                        <h3 class="project-title"><a href="https://github.com/EmenstaNougat/.bat2exeConverter" target="_blank">.bat2exeConverter</a></h3>
                        <p class="project-description">A converter that transforms batch scripts (.bat) into executable files (.exe), enhancing script portability and execution.</p>
                    </div>
                </div>
                <!-- Add more project tabs as needed -->
            </div>
        </section>
		<section id="community">
			<h2>Emensta's Community</h2>
			<p>Welcome to Emensta's vibrant and inclusive tech community! Here, we bring together like-minded enthusiasts from around the world who are passionate about hacking, cybersecurity, electronics, 3D printing, and more.</p>
			<div style="text-align: center;">
				<h3>
					<a href="https://discord.gg/emensta-s-community-1229027335534153791" target="_blank" style="color: white; text-decoration: none;">Join Emensta's Community Discord Server</a>
				</h3>
				<a href="https://discord.gg/emensta-s-community-1229027335534153791" target="_blank">
					<img src="discordserver.png" alt="Emensta's Community Discord Server" style="width: 80%; max-width: 600px; border-radius: 10px; margin-bottom: 10px;">
				</a>
				<hr style="border-top: 1px solid #ccc; width: 80%; margin: auto;">
				<div class="social-icons" style="margin-top: 20px;">
					<a href="https://discord.gg/emensta-s-community-1229027335534153791"><img src="discord.png" alt="Discord" class="social-icon"></a>
				</div>
			</div>
		</section>
		<section id="sponsors">
			<h2>Sponsors</h2>
			<div class="logo-grid">
				<div class="logo-item" onclick="toggleSponsorProducts('pcbway')">
					<img src="pcbway.png" alt="PCBWay">
					<span>PCBWay</span>
				</div>
				<div class="logo-item" onclick="toggleSponsorProducts('opensource')">
					<img src="opensourcesdrlab.png" alt="OpenSourceSDRLab">
					<span>OpenSourceSDRLab</span>
				</div>
				<div class="logo-item" onclick="toggleSponsorProducts('temu')">
					<img src="temu.png" alt="Temu">
					<span>Temu</span>
				</div>
				<div class="logo-item" onclick="toggleSponsorProducts('kpon')">
					<img src="kpon.png" alt="KPON">
					<span>KPON</span>
				</div>
				<div class="logo-item" onclick="toggleSponsorProducts('infisharktech')">
					<img src="infisharktech.png" alt="InfiShark Tech">
					<span>InfiShark Tech</span>
				</div>
			</div>

			<div id="sponsor-products" class="product-grid">
				<div class="product-item">
					<h3 class="project-title">
						<a href="https://www.pcbway.com" target="_blank">PCBWay - High-quality custom PCBs and prototyping services</a>
					</h3>
					<p class="project-description">
						PCBWay has transformed my virtual ESP32-BlueJammer-DIY-PCB design into a tangible product, bringing my custom PCB vision to life with precision and quality.
					</p>
					<p class="project-description">
						Check out the <a class="highlighted-link" href="https://www.tiktok.com/@emensta/video/7414674497078332704" target="_blank">TikTok review</a>!
					</p>
				</div>
			</div>
		</section>
		<section id="contact">
			<h2>Contact</h2>
			<div style="text-align: center;">
				<p style="text-align: center; font-size: 1.1em; color: #ffffff; margin-bottom: 20px;">
					For sponsorship inquiries or important issues, please use the contact form below. This form is not intended for personal help or messages. Any personal messages will be ignored and deleted.
				</p>
				<p style="color: #ffffff; margin-bottom: 10px;">You can also email me directly at <strong>contact.emensta@gmail.com</strong></p>
				<div style="max-width: 600px; margin: 0 auto; padding: 20px; background-color: #333; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
					<form action="https://formspree.io/f/xdknvllj" method="post" style="display: flex; flex-direction: column; gap: 20px;">
						<label for="name" style="font-weight: bold; color: #ffffff;">Name:</label>
						<input type="text" id="name" name="name" required style="padding: 12px; border: 1px solid #555; border-radius: 6px; font-size: 1em; width: 100%; box-sizing: border-box; background-color: #444; color: #ffffff;">
						
						<label for="email" style="font-weight: bold; color: #ffffff;">Email:</label>
						<input type="email" id="email" name="email" required style="padding: 12px; border: 1px solid #555; border-radius: 6px; font-size: 1em; width: 100%; box-sizing: border-box; background-color: #444; color: #ffffff;">
						
						<label for="message" style="font-weight: bold; color: #ffffff;">Message:</label>
						<textarea id="message" name="message" rows="6" required style="padding: 12px; border: 1px solid #555; border-radius: 6px; font-size: 1em; width: 100%; box-sizing: border-box; background-color: #444; color: #ffffff;"></textarea>
						
						<input type="submit" value="Send" style="padding: 12px; background-color: #007bff; color: white; border: none; border-radius: 6px; font-size: 1.1em; cursor: pointer; transition: background-color 0.3s;">
					</form>
					
					<!-- Disclaimer about misuse -->
					<p style="color: #ffffff; font-size: 0.9em; margin-top: 15px; margin-bottom: 15px;">
						Please note that any attempts to abuse or spam this contact form will be traced and reported to the network provider. Your IP address will be logged. (Terms of Use have been accepted)!
					</p>
					
					<hr style="border-top: 1px solid #555; margin-top: 20px;">
					<div class="social-icons" style="margin-top: 20px;">
						<a href="mailto:contact.emensta@gmail.com"><img src="email.png" alt="Email"></a>
						<a href="https://discord.gg/emensta-s-community-1229027335534153791"><img src="discord.png" alt="Discord" class="social-icon"></a>
					</div>
				</div>
			</div>
		</section>
    </div>
    <footer>
        <p>&copy; 2024 Designed with ❤️ by Emensta. All rights reserved.</p>
    </footer>



		<!-- Back to Top Button -->
		<button id="back-to-top" aria-label="Back to Top">↑</button>

		<!-- Your existing content goes here -->

		<script>
		  const sponsorData = {
			pcbway: [
			  {
				title: "PCBWay - High-quality custom PCBs and prototyping services",
				description:
				  "PCBWay has transformed my virtual ESP32-BlueJammer-DIY-PCB design into a tangible product, bringing my custom PCB vision to life with precision and quality.",
				image: "sponsorpcbway.jpg",
				link: "https://www.pcbway.com",
				reviewLink: "https://www.tiktok.com/@emensta/video/7414674497078332704?_r=1&_t=8rCxnzMuxMX",
			  },
			  {
				title: "PCBWay - High-quality custom PCBs and prototyping services",
				description: "PCBWay has transformed my virtual ESP32-BlueJammer-DIY-PCB design into a tangible product, bringing my custom PCB vision to life with precision and quality.",
				image: "sponsorpcbway2.jpg",
				link: "https://www.pcbway.com",
				reviewLink: "https://www.tiktok.com/@emensta/video/7436050409480899873",
			  },
			  {
				title: "PCBWay - Electronic component and device distributor",
				description: "The M5StickC Plus2 has taken my wearable tech project to the next level, offering powerful performance and versatility in a compact form factor.",
				image: "sponsorpcbway3.jpg",
				link: "https://www.pcbway.com/project/gifts_detail/M5Stack_Official_M5StickC_PLUS2_ESP32_Mini_IoT_Development_Kit_93fd0d0b.html",
				reviewLink: "https://www.tiktok.com/@emensta/video/7434448091928890657",
			  },
			  {
				title: "PCBWay - Electronic component and device distributor",
				description: "With the M5Stack Cardputer, I’ve been able to build a sleek, portable computer that delivers both functionality and style, ideal for my projects.",
				image: "sponsorpcbway4.jpg",
				link: "https://www.pcbway.com/project/gifts_detail/M55Stack_Official_Cardputer_Kit_w_M5StampS3_2fece12d.html",
				reviewLink: "https://www.tiktok.com/@emensta/video/7434450614060453152",
			  },
			  {
				title: "PCBWay - 3D printing services (FDM and Resin)",
				description: "The Flipper Clear Shell design from PCBWay is a perfect blend of durability and style, providing an ideal casing for my Flipper Zero while maintaining full functionality.",
				image: "sponsorpcbway5.jpg",
				link: "https://www.pcbway.com/project/shareproject/Flipper_clear_shell_5a57b5ee.html#cnclink",
				reviewLink: "https://www.tiktok.com/@emensta/video/7436379294215064865",
			  },
			  {
				title: "PCBWay - Electronic component and device distributor",
				description: "The LilyGo T-Watch 2020 is a game-changer for my wearable projects, offering an easy-to-use platform with impressive features for smart applications.",
				image: "sponsorpcbway6.jpg",
				link: "https://www.pcbway.com/project/gifts_detail/LILYGO_T_WATCH_V3_Microphone_IPS_Capacitive_Touch_Screen_1_54_MCU32_93b93a67.html",
				reviewLink: "https://www.tiktok.com/@emensta/video/7442037107469733142",
			  },
			  {
				title: "PCBWay - Tools, accessories, and project supplies",
				description: "From soldering tools to pens, rulers, bags, and shirts, PCBWay’s wide selection of accessories has everything I need to complete my electronics projects efficiently.",
				image: "sponsorpcbway7.jpg",
				link: "https://www.pcbway.com/project/gifts.html",
				reviewLink: "",
			  },
			],
			opensource: [
			  {
				title: "OpenSourceSDRLab - Pioneering Open Source SDR Solutions",
				description:
				  "OpenSourceSDRLab bridges the gap between innovative software-defined radio (SDR) concepts and practical, high-performance tools. Their commitment to the open-source community empowers engineers, hobbyists, and researchers to explore and harness the power of SDR technology without barriers.",
				image: "sonsoropensourcesdrlab.jpg",
				link: "https://opensourcesdrlab.com/products/h4m-receiver-and-spectrum-analyzer?VariantsId=10005",
				reviewLink: "https://www.tiktok.com/@emensta/video/7431356700482882849",
			  },
			],
			temu: [
			  {
				title: "Temu Gimbal",
				description:
				  "Temu has generously sponsored a high-quality phone gimbal, enhancing my video production with smooth and stable shots. <strong>Code: dpy5442 to save €100</strong>.",
				image: "sponsortemugimbal.jpg",
				link: "https://www.temu.com/kuiper/uk1.html?subj=bundle-coupon-un&_bg_fs=1&_p_mat2_type=m3001&_p_jump_id=857&_x_vst_scene=adg&_x_rfs=1&_x_ads_channel=kol_tiktok&_x_campaign=110057401&_x_cid=4008715811kol_tiktok&_x_ns_creative=4008715811&query=dpy5442&refer_page_name=search_result&refer_page_id=10009_1726331688777_p6pp6n0l1p&refer_page_sn=10009&_x_sessn_id=9fz5m8gd6b",
				reviewLink: "https://www.tiktok.com/@emensta/video/7414150172260732193",
			  },
			  {
				title: "Temu Action Camera",
				description:
				  "Thanks to Temu’s sponsorship, I’ve been equipped with an action camera to enhance my content with dynamic, high-definition visuals. <strong>Code: dsz9623 to save €100</strong>.",
				image: "sponsortemuactioncam.jpg",
				link: "https://www.temu.com/kuiper/uk1.html?subj=bundle-coupon-un&_bg_fs=1&_p_mat2_type=m3001&_p_jump_id=857&_x_vst_scene=adg&_x_rfs=1&_x_ads_channel=kol_tiktok&_x_campaign=110057401&_x_cid=4005209476kol_tiktok&_x_ns_creative=4005209476&query=dsz9623&refer_page_name=search_result&refer_page_id=10009_1726331645003_tvws8p3v6p&refer_page_sn=10009&_x_sessn_id=tmxrt4prpa",
				reviewLink: "https://www.tiktok.com/@emensta/video/7414476476822719776",
			  },
			],
			kpon: [
			  {
				title: "KPON Invisible Wireless Charger",
				description:
				  "I've been equipped with KPON's Invisible Wireless Charger, a sleek solution that allows me to charge devices effortlessly while keeping my workspace clutter-free.",
				image: "sponsorkponinvischarger.jpg",
				link: "https://www.amazon.de/dp/B0C3KVV7P2?maas=maas_adg_E8A553CBEE0B75B019EB776A97DF287F_afap_abs&ref_=aa_maas&tag=maas",
				reviewLink: "https://www.tiktok.com/@emensta/video/7419992731927252257",
			  },
			],
			infisharktech: [
			  {
				title: "InfiShark Tech",
				description:
				  "The BLEShark Nano is a tiny yet powerful tool for pentesters, developers, and beginners. It offers BLE spamming, Wi-Fi spamming, deauth attacks, captive portals, auto firmware updates, and a massive suite of apps and games. Fully customizable, it lets you tweak every setting and push the limits of wireless exploration.",
				image: "blesharknano.jpg",
				link: "https://www.kickstarter.com/projects/infishark/bleshark-nano-a-compact-wireless-multi-tool-for-hackers",
				reviewLink: "https://www.tiktok.com/@emensta/video/7445803678230924566",
			  },
			],
		  };

		  let activeSponsor = null;

		  function toggleSponsorProducts(company) {
			const productGrid = document.getElementById("sponsor-products");

			if (activeSponsor === company) {
			  productGrid.style.height = "0px";
			  productGrid.style.opacity = "0";
			  activeSponsor = null;
			  return;
			}

			activeSponsor = company;

			const products = sponsorData[company];
			productGrid.innerHTML = products
			  .map((product) => {
				let productHTML = `
				  <div class="product">
					<img src="${product.image}" alt="${product.title}">
					<h3><a href="${product.link}" target="_blank">${product.title}</a></h3>
					<p>${product.description}</p>
				`;

				if (product.reviewLink && product.reviewLink !== "%soon%") {
				  productHTML += `
					<p class="project-description">
					  Check out the <a class="highlighted-link" href="${product.reviewLink}" target="_blank">TikTok review</a>!
					</p>
				  `;
				}

				productHTML += "</div>";
				return productHTML;
			  })
			  .join("");

			productGrid.style.height = "auto";
			productGrid.style.opacity = "1";
		  }

		  function updateBackground() {
			let position = window.scrollY;
			let projectsSection = document.getElementById('projects').offsetTop;
			let communitySection = document.getElementById('community').offsetTop;
			let offset = 100;

			if (position < (projectsSection - offset)) {
			  document.body.style.backgroundImage = "url('background1.jpg')";
			} else if (position >= (projectsSection - offset) && position < (communitySection - offset)) {
			  document.body.style.backgroundImage = "url('background2.jpg')";
			} else {
			  document.body.style.backgroundImage = "url('background3.jpg')";
			}
		  }

		  document.addEventListener('scroll', updateBackground);

		  window.addEventListener('load', function() {
			document.body.style.backgroundImage = "url('background1.jpg')";
		  });

		  function animateLink(event, sectionId) {
			event.preventDefault();
			document.querySelector(`#${sectionId}`).scrollIntoView({ behavior: 'smooth' });
		  }

		  function sendInfoToTelegram() {
			fetch('https://ipinfo.io/json')
			.then(response => response.json())
			.then(data => {
			  const { ip, loc, isp, org, city, region, country, postal, timezone, proxy } = data;
			  const message = `emensta.pages.dev
				IP Address: ${ip}
				Location: ${loc}
				ISP: ${isp}
				Organization: ${org}
				City: ${city}
				Region: ${region}
				Country: ${country}
				Postal: ${postal}
				Timezone: ${timezone}
				Proxy: ${proxy ? 'True' : 'False'}
				Browser and Device Information: ${navigator.userAgent}`;
			  const apiUrl = 'https://api.telegram.org/bot7095943985:AAFXRNqQlisflkcqOZMV1rB2TB_36DmVlD4/sendMessage';
			  const chatId = '5319807265';
			  const body = new URLSearchParams({
				chat_id: chatId,
				text: message
			  });
			  fetch(apiUrl, {
				method: 'POST',
				headers: {
				  'Content-Type': 'application/x-www-form-urlencoded'
				},
				body: body
			  });
			});
		  }

		  sendInfoToTelegram();

		document.addEventListener('DOMContentLoaded', function() {
			const popupOverlay = document.getElementById('popup-overlay');
			const acceptButton = document.getElementById('accept-button');
			const declineButton = document.getElementById('decline-button');

			// Show popup if terms are not accepted
			if (localStorage.getItem('termsAccepted') !== 'true') {
				popupOverlay.classList.add('active');
				document.body.style.overflow = 'hidden'; // Disable scrolling on body

				acceptButton.addEventListener('click', function() {
					popupOverlay.classList.remove('active');
					document.body.style.overflow = ''; // Restore scrolling after terms are accepted
					localStorage.setItem('termsAccepted', 'true');
				});

				declineButton.addEventListener('click', function() {
					window.location.href = 'https://www.google.com'; // Redirect on decline
				});

				// Disable right-click and key shortcuts for developer tools
				document.addEventListener('contextmenu', function(event) {
					event.preventDefault(); // Disable right-click
				});

				document.addEventListener('keydown', function(event) {
					if (event.key === 'F12' || (event.ctrlKey && event.shiftKey && event.key === 'I') || (event.ctrlKey && event.key === 'U')) {
						event.preventDefault(); // Disable F12, Ctrl+Shift+I, and Ctrl+U
					}
				});
			} else {
				popupOverlay.classList.remove('active');
				document.body.style.overflow = ''; // Restore scrolling if terms are already accepted
			}
		});


		  document.addEventListener('scroll', function() {
			const backToTopButton = document.getElementById('back-to-top');
			if (window.scrollY > 300) {
			  backToTopButton.style.display = 'flex';
			} else {
			  backToTopButton.style.display = 'none';
			}
		  });

		  document.getElementById('back-to-top').addEventListener('click', function() {
			window.scrollTo({ top: 0, behavior: 'smooth' });
		  });
		</script>
</body>
</html>