echolotintel-1 / index.html
schniggie's picture
Still boooring not matching our cool page - Initial Deployment
a94d53c verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Offensive Security Research | echolotintel.eu</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">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
terminal: {
green: '#00ff00',
dark: '#0a0a0a',
darker: '#050505',
gray: '#1a1a1a',
light: '#33ff33'
}
},
fontFamily: {
'mono': ['"Courier New"', 'monospace'],
'terminal': ['"Courier New"', 'monospace']
}
}
}
}
</script>
<style>
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.blink {
animation: blink 1s infinite;
}
.scan-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: rgba(0, 255, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
animation: scan 4s linear infinite;
}
@keyframes scan {
0% { top: 0; }
50% { top: 100%; }
100% { top: 100%; }
}
.terminal-border {
border: 1px solid #00ff00;
box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
}
.glow {
text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00;
}
.matrix-bg {
background-image:
linear-gradient(rgba(0, 255, 0, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 255, 0, 0.05) 1px, transparent 1px);
background-size: 20px 20px;
}
.terminal-text {
font-family: 'Courier New', monospace;
line-height: 1.4;
}
.command::before {
content: "> ";
color: #00ff00;
}
.response {
color: #33ff33;
margin-left: 1rem;
}
.glitch {
position: relative;
}
.glitch::before,
.glitch::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.glitch::before {
left: 2px;
text-shadow: -2px 0 #ff00c1;
clip: rect(44px, 450px, 56px, 0);
animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch::after {
left: -2px;
text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
clip: rect(44px, 450px, 56px, 0);
animation: glitch-anim2 5s infinite linear alternate-reverse;
}
@keyframes glitch-anim {
0% { clip: rect(42px, 9999px, 44px, 0); }
5% { clip: rect(12px, 9999px, 59px, 0); }
10% { clip: rect(48px, 9999px, 29px, 0); }
15% { clip: rect(42px, 9999px, 73px, 0); }
20% { clip: rect(63px, 9999px, 27px, 0); }
25% { clip: rect(34px, 9999px, 55px, 0); }
30% { clip: rect(86px, 9999px, 73px, 0); }
35% { clip: rect(20px, 9999px, 20px, 0); }
40% { clip: rect(26px, 9999px, 60px, 0); }
45% { clip: rect(25px, 9999px, 66px, 0); }
50% { clip: rect(57px, 9999px, 98px, 0); }
55% { clip: rect(5px, 9999px, 46px, 0); }
60% { clip: rect(82px, 9999px, 31px, 0); }
65% { clip: rect(54px, 9999px, 27px, 0); }
70% { clip: rect(28px, 9999px, 99px, 0); }
75% { clip: rect(45px, 9999px, 69px, 0); }
80% { clip: rect(23px, 9999px, 85px, 0); }
85% { clip: rect(1px, 9999px, 83px, 0); }
90% { clip: rect(72px, 9999px, 11px, 0); }
95% { clip: rect(60px, 9999px, 89px, 0); }
100% { clip: rect(52px, 9999px, 74px, 0); }
}
@keyframes glitch-anim2 {
0% { clip: rect(65px, 9999px, 100px, 0); }
5% { clip: rect(52px, 9999px, 74px, 0); }
10% { clip: rect(79px, 9999px, 85px, 0); }
15% { clip: rect(75px, 9999px, 5px, 0); }
20% { clip: rect(67px, 9999px, 61px, 0); }
25% { clip: rect(14px, 9999px, 79px, 0); }
30% { clip: rect(1px, 9999px, 66px, 0); }
35% { clip: rect(86px, 9999px, 30px, 0); }
40% { clip: rect(23px, 9999px, 98px, 0); }
45% { clip: rect(85px, 9999px, 72px, 0); }
50% { clip: rect(71px, 9999px, 75px, 0); }
55% { clip: rect(2px, 9999px, 48px, 0); }
60% { clip: rect(30px, 9999px, 16px, 0); }
65% { clip: rect(59px, 9999px, 50px, 0); }
70% { clip: rect(41px, 9999px, 62px, 0); }
75% { clip: rect(2px, 9999px, 82px, 0); }
80% { clip: rect(47px, 9999px, 73px, 0); }
85% { clip: rect(3px, 9999px, 27px, 0); }
90% { clip: rect(26px, 9999px, 55px, 0); }
95% { clip: rect(42px, 9999px, 97px, 0); }
100% { clip: rect(38px, 9999px, 49px, 0); }
}
/* Enhanced header styles */
.header-bg {
background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
border: 2px solid #00ff00;
box-shadow: 0 0 20px rgba(0, 255, 0, 0.7), 0 0 40px rgba(0, 150, 0, 0.5);
border-radius: 15px;
padding: 2.5rem;
margin-bottom: 2rem;
position: relative;
overflow: hidden;
}
.header-bg::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(0, 255, 0, 0.1) 0%, transparent 70%),
conic-gradient(from 0deg, transparent, #00ff00, transparent 360deg);
animation: rotate 15s linear infinite;
z-index: -1;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.header-title {
font-family: 'Courier New', Courier, monospace;
background: linear-gradient(90deg, #00ff00, #00ff88, #00ff00);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: 4rem;
text-shadow: 0 0 15px rgba(0, 255, 0, 0.8);
letter-spacing: 3px;
animation: pulse 3s infinite alternate;
}
@keyframes pulse {
0% { text-shadow: 0 0 10px rgba(0, 255, 0, 0.8); }
100% { text-shadow: 0 0 20px rgba(0, 255, 0, 1), 0 0 30px rgba(0, 200, 0, 0.9); }
}
.header-subtitle {
color: #00ff00;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 1.5rem;
text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}
.header-divider {
background: linear-gradient(90deg, transparent, #00ff00, transparent);
height: 3px;
margin: 1.5rem auto;
width: 80%;
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}
.header-tagline {
color: #00ff88;
font-style: italic;
font-weight: 300;
font-size: 1.2rem;
letter-spacing: 1px;
}
</style>
</head>
<body class="bg-terminal-dark text-terminal-green font-terminal min-h-screen">
<!-- Matrix background effect -->
<div class="matrix-bg fixed inset-0 z-0"></div>
<!-- Scan line effect -->
<div class="scan-line"></div>
<div class="container mx-auto px-4 py-8 relative z-10">
<!-- Header -->
<header class="header-bg text-center">
<div class="glitch header-title" data-text="echolotintel.eu">
echolotintel.eu
</div>
<div class="text-xl md:text-2xl header-subtitle mb-2">
Offensive Security Research
</div>
<div class="header-divider mx-auto my-4"></div>
<div class="header-tagline text-sm">
// Advanced Penetration Testing & Red Teaming
</div>
</header>
<!-- Main Content -->
<main class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Terminal Panel -->
<div class="lg:col-span-2">
<div class="terminal-border bg-terminal-darker p-6 rounded">
<div class="flex items-center mb-4">
<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div>
<div class="w-3 h-3 bg-yellow-500 rounded-full mr-2"></div>
<div class="w-3 h-3 bg-green-500 rounded-full mr-4"></div>
<div class="text-sm text-terminal-light">terminal@echolotintel:~</div>
</div>
<div class="terminal-text">
<div class="command">whoami</div>
<div class="response">Offensive Security Research Team</div>
<div class="command mt-4">ls -la research</div>
<div class="response">
total 12<br>
drwxr-xr-x 3 root root 4096 Apr 15 2023 .<br>
drwxr-xr-x 12 root root 4096 Apr 15 2023 ..<br>
-rw-r--r-- 1 root root 512 Apr 15 2023 advanced_exploitation.txt<br>
-rw-r--r-- 1 root root 1024 Apr 15 2023 red_teaming_methods.md<br>
-rw-r--r-- 1 root root 2048 Apr 15 2023 vulnerability_research.log<br>
</div>
<div class="command mt-4">cat research/mission.txt</div>
<div class="response">
Advanced offensive security research focused on:<br>
- Developing novel exploitation techniques<br>
- Red teaming methodologies<br>
- Vulnerability discovery and analysis<br>
- Adversary simulation and emulation<br>
- Security tool development<br>
</div>
<div class="command mt-4">ping echolotintel.eu</div>
<div class="response">
PING echolotintel.eu (127.0.0.1) 56(84) bytes of data.<br>
64 bytes from echolotintel.eu: icmp_seq=1 ttl=64 time=0.042 ms<br>
64 bytes from echolotintel.eu: icmp_seq=2 ttl=64 time=0.038 ms<br>
64 bytes from echolotintel.eu: icmp_seq=3 ttl=64 time=0.041 ms<br>
--- echolotintel.eu ping statistics ---<br>
3 packets transmitted, 3 received, 0% packet loss<br>
</div>
<div class="command mt-4 flex items-center">
<span>tail -f research/activity.log</span>
<span class="ml-2 blink">_</span>
</div>
<div class="response">
[2023-04-15 14:32:10] Started vulnerability research on WebSockets implementation<br>
[2023-04-15 15:17:45] Discovered potential RCE vector in authentication module<br>
[2023-04-15 16:45:22] Developed PoC exploit for identified vulnerability<br>
[2023-04-15 18:22:07] Created detection rules for SIEM integration<br>
[2023-04-15 20:10:33] Published advisory to vendor<br>
[2023-04-16 09:15:44] Conducting penetration test on internal network<br>
[2023-04-16 11:30:21] Identified privilege escalation path in Linux kernel<br>
[2023-04-16 14:22:55] Developing custom C2 framework for red team ops<br>
</div>
</div>
</div>
</div>
<!-- Sidebar -->
<div>
<!-- Services Panel -->
<div class="terminal-border bg-terminal-darker p-6 rounded mb-8">
<h2 class="text-xl font-bold mb-4 text-terminal-light border-b border-terminal-green pb-2">
<i class="fas fa-terminal mr-2"></i>Services
</h2>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-bug text-terminal-green mt-1 mr-2"></i>
<span>Advanced Exploitation Research</span>
</li>
<li class="flex items-start">
<i class="fas fa-user-secret text-terminal-green mt-1 mr-2"></i>
<span>Red Team Operations</span>
</li>
<li class="flex items-start">
<i class="fas fa-shield-alt text-terminal-green mt-1 mr-2"></i>
<span>Vulnerability Discovery</span>
</li>
<li class="flex items-start">
<i class="fas fa-code text-terminal-green mt-1 mr-2"></i>
<span>Security Tool Development</span>
</li>
<li class="flex items-start">
<i class="fas fa-graduation-cap text-terminal-green mt-1 mr-2"></i>
<span>Security Training & Workshops</span>
</li>
</ul>
</div>
<!-- Publications Panel -->
<div class="terminal-border bg-terminal-darker p-6 rounded mb-8">
<h2 class="text-xl font-bold mb-4 text-terminal-light border-b border-terminal-green pb-2">
<i class="fas fa-book mr-2"></i>Research Papers
</h2>
<div class="space-y-4">
<div class="border-l-2 border-terminal-green pl-3">
<div class="font-bold">Bypassing Modern EDR Solutions</div>
<div class="text-sm text-terminal-light">April 2023</div>
</div>
<div class="border-l-2 border-terminal-green pl-3">
<div class="font-bold">Novel Techniques in WebAssembly Exploitation</div>
<div class="text-sm text-terminal-light">March 2023</div>
</div>
<div class="border-l-2 border-terminal-green pl-3">
<div class="font-bold">Adversary Simulation in Cloud Environments</div>
<div class="text-sm text-terminal-light">February 2023</div>
</div>
<div class="border-l-2 border-terminal-green pl-3">
<div class="font-bold">Hardware-Based Side Channel Attacks</div>
<div class="text-sm text-terminal-light">January 2023</div>
</div>
</div>
</div>
<!-- Contact Panel -->
<div class="terminal-border bg-terminal-darker p-6 rounded">
<h2 class="text-xl font-bold mb-4 text-terminal-light border-b border-terminal-green pb-2">
<i class="fas fa-envelope mr-2"></i>Contact
</h2>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-envelope text-terminal-green mr-3"></i>
<span>research@echolotintel.eu</span>
</div>
<div class="flex items-center">
<i class="fab fa-twitter text-terminal-green mr-3"></i>
<span>@echolotintel</span>
</div>
<div class="flex items-center">
<i class="fab fa-github text-terminal-green mr-3"></i>
<span>github.com/echolotintel</span>
</div>
<div class="flex items-center">
<i class="fas fa-key text-terminal-green mr-3"></i>
<span>PGP: 0x1A2B3C4D5E6F7890</span>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="mt-16 text-center text-terminal-light text-sm">
<div class="mb-4">
<div class="inline-block terminal-border px-4 py-2 rounded">
<span class="text-terminal-green">></span> echo "Stay curious. Stay secure." <span class="blink">_</span>
</div>
</div>
<div class="border-t border-terminal-gray pt-4">
&copy; 2023 echolotintel.eu | Offensive Security Research Division
</div>
</footer>
</div>
<script>
// Simulate terminal typing effect
document.addEventListener('DOMContentLoaded', function() {
const commands = document.querySelectorAll('.command');
const responses = document.querySelectorAll('.response');
// Hide all responses initially
responses.forEach(response => {
response.style.display = 'none';
});
// Show responses with delay to simulate typing
setTimeout(() => {
responses.forEach((response, index) => {
setTimeout(() => {
response.style.display = 'block';
}, index * 1000);
});
}, 1000);
});
</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=schniggie/echolotintel-1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>