File size: 14,244 Bytes
d255648 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Python Security Developer</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
<custom-navbar></custom-navbar>
<main class="flex-grow container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto">
<!-- Hero Section -->
<section id="hero" class="mb-20">
<div class="text-center">
<h1 class="text-5xl md:text-7xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500">
Python Security Wizard
</h1>
<p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-2xl mx-auto">
Developing secure solutions with Python and protecting digital frontiers
</p>
<div class="flex justify-center space-x-4">
<a href="#contact" class="px-6 py-3 bg-gradient-to-r from-green-500 to-blue-600 rounded-lg font-medium hover:opacity-90 transition">
Contact Me
</a>
<a href="#projects" class="px-6 py-3 border border-blue-500 rounded-lg font-medium hover:bg-blue-500/10 transition">
My Projects
</a>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="mb-20">
<h2 class="text-3xl font-bold mb-8 flex items-center">
<i data-feather="user" class="mr-3"></i> About Me
</h2>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700">
<p class="text-lg mb-4">
🐍 Python developer with 5+ years of experience specializing in cybersecurity and backend development.
</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="space-y-4">
<h3 class="text-xl font-semibold text-blue-400">Development Expertise</h3>
<ul class="space-y-2">
<li class="flex items-start">
<i data-feather="check" class="mr-2 text-green-400 mt-1"></i>
<span>Backend: FastAPI, SQLAlchemy (DBMS)</span>
</li>
<li class="flex items-start">
<i data-feather="check" class="mr-2 text-green-400 mt-1"></i>
<span>Cross-platform Qt framework</span>
</li>
<li class="flex items-start">
<i data-feather="check" class="mr-2 text-green-400 mt-1"></i>
<span>Telegram bots (telebot/pytelegrambotapi)</span>
</li>
<li class="flex items-start">
<i data-feather="check" class="mr-2 text-green-400 mt-1"></i>
<span>Raspberry Pi & Arduino platform</span>
</li>
</ul>
</div>
<div class="space-y-4">
<h3 class="text-xl font-semibold text-red-400">Cybersecurity</h3>
<ul class="space-y-2">
<li class="flex items-start">
<i data-feather="shield" class="mr-2 text-green-400 mt-1"></i>
<span>Cryptographic methods & information protection</span>
</li>
<li class="flex items-start">
<i data-feather="shield" class="mr-2 text-green-400 mt-1"></i>
<span>Tor & I2P anonymous networks</span>
</li>
<li class="flex items-start">
<i data-feather="shield" class="mr-2 text-green-400 mt-1"></i>
<span>Unix-like systems administration</span>
</li>
<li class="flex items-start">
<i data-feather="shield" class="mr-2 text-green-400 mt-1"></i>
<span>OSINT & CSINT intelligence</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="mb-20">
<h2 class="text-3xl font-bold mb-8 flex items-center">
<i data-feather="code" class="mr-3"></i> Active Projects
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700 hover:border-blue-500 transition">
<h3 class="text-xl font-semibold mb-3 text-blue-400">@XioSoft</h3>
<p class="text-gray-300 mb-4">Development of large-scale amateur software</p>
<a href="https://t.me/XioSoft" target="_blank" class="text-blue-400 hover:underline flex items-center">
<i data-feather="external-link" class="mr-1"></i> Visit Channel
</a>
</div>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700 hover:border-green-500 transition">
<h3 class="text-xl font-semibold mb-3 text-green-400">@XioNotesBot</h3>
<p class="text-gray-300 mb-4">REALLY anonymous notes/messages</p>
<a href="https://t.me/XioNotesBot" target="_blank" class="text-green-400 hover:underline flex items-center">
<i data-feather="external-link" class="mr-1"></i> Try Bot
</a>
</div>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700 hover:border-purple-500 transition">
<h3 class="text-xl font-semibold mb-3 text-purple-400">@useragentfinder_bot</h3>
<p class="text-gray-300 mb-4">Find information by Telegram ID</p>
<a href="https://t.me/useragentfinder_bot" target="_blank" class="text-purple-400 hover:underline flex items-center">
<i data-feather="external-link" class="mr-1"></i> Try Bot
</a>
</div>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700 hover:border-yellow-500 transition">
<h3 class="text-xl font-semibold mb-3 text-yellow-400">@this_undefined_shits</h3>
<p class="text-gray-300 mb-4">Shitpost channel with IT memes and life updates</p>
<a href="https://t.me/this_undefined_shits" target="_blank" class="text-yellow-400 hover:underline flex items-center">
<i data-feather="external-link" class="mr-1"></i> Visit Channel
</a>
</div>
</div>
</section>
<!-- Volunteer Section -->
<section id="volunteer" class="mb-20">
<h2 class="text-3xl font-bold mb-8 flex items-center">
<i data-feather="heart" class="mr-3"></i> Volunteer Work
</h2>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700">
<h3 class="text-2xl font-semibold mb-4 text-red-400">Telegram Support Force (TSF)</h3>
<p class="text-lg mb-4">
Applying cybersecurity skills to help the community at <a href="https://tsf.telegram.org" target="_blank" class="text-blue-400 hover:underline">tsf.telegram.org</a>
</p>
<div class="grid md:grid-cols-2 gap-6 mt-6">
<div>
<h4 class="text-xl font-semibold mb-3 text-red-400">@tsfreborn</h4>
<a href="https://t.me/tsfreborn" target="_blank" class="text-red-400 hover:underline flex items-center">
<i data-feather="external-link" class="mr-1"></i> Visit Channel
</a>
</div>
<div>
<h4 class="text-xl font-semibold mb-3 text-blue-400">@tg_news_insides</h4>
<p class="text-gray-300 mb-2">Telegram update insides</p>
<a href="https://t.me/tg_news_insides" target="_blank" class="text-blue-400 hover:underline flex items-center">
<i data-feather="external-link" class="mr-1"></i> Visit Channel
</a>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="mb-20">
<h2 class="text-3xl font-bold mb-8 flex items-center">
<i data-feather="mail" class="mr-3"></i> Contact Me
</h2>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 shadow-lg border border-gray-700">
<div class="grid md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">Secure Communication</h3>
<div class="space-y-4">
<div class="flex items-start">
<i data-feather="mail" class="mr-3 text-green-400 mt-1"></i>
<div>
<p class="font-medium">Email (I2P):</p>
<p class="text-gray-300">sudosudo@i2pmail.org</p>
</div>
</div>
<div class="flex items-start">
<i data-feather="send" class="mr-3 text-blue-400 mt-1"></i>
<div>
<p class="font-medium">Telegram Contact Bot:</p>
<a href="https://t.me/contact_to_sudo_bot" target="_blank" class="text-blue-400 hover:underline">
@contact_to_sudo_bot
</a>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">Direct Message</h3>
<form class="space-y-4">
<div>
<label for="name" class="block mb-1">Your Name</label>
<input type="text" id="name" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div>
<label for="email" class="block mb-1">Your Email</label>
<input type="email" id="email" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div>
<label for="message" class="block mb-1">Message</label>
<textarea id="message" rows="4" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
</div>
<button type="submit" class="px-6 py-2 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg font-medium hover:opacity-90 transition">
Send Securely
</button>
</form>
</div>
</div>
</div>
</section>
</div>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
VANTA.GLOBE({
el: "body",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x3a86ff,
backgroundColor: 0x111827,
size: 0.8
});
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |