Hugging Face's logo

Spaces:
010io
/
binary-guardian-010io
Running

App Files Community
010io commited on
Commit
9647aff
·
verified ·
1 Parent(s): 4c85281

Omelchenko Ihor 010io. Знайди всю інформацію про 010іо та створи сайт 010іо

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +236 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
  title: Binary Guardian 010io
3
- emoji: 🏆
4
- colorFrom: indigo
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
  title: Binary Guardian 010io
3
+ colorFrom: yellow
4
+ colorTo: red
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,237 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Binary Guardian 010io</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');
14
+ body {
15
+ font-family: 'JetBrains Mono', monospace;
16
+ }
17
+ .binary-bg {
18
+ background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
19
+ }
20
+ .glitch-text {
21
+ position: relative;
22
+ color: #00ff41;
23
+ text-shadow: 0.05em 0 0 #ff00c1, -0.05em -0.025em 0 #00ffff;
24
+ animation: glitch 2s infinite;
25
+ }
26
+ @keyframes glitch {
27
+ 0% { text-shadow: 0.05em 0 0 #ff00c1, -0.05em -0.025em 0 #00ffff; }
28
+ 14% { text-shadow: 0.05em 0 0 #ff00c1, -0.05em -0.025em 0 #00ffff; }
29
+ 15% { text-shadow: -0.05em -0.025em 0 #ff00c1, 0.025em 0.025em 0 #00ffff; }
30
+ 49% { text-shadow: -0.05em -0.025em 0 #ff00c1, 0.025em 0.025em 0 #00ffff; }
31
+ 50% { text-shadow: 0.025em 0.05em 0 #ff00c1, 0.05em 0 0 #00ffff; }
32
+ 99% { text-shadow: 0.025em 0.05em 0 #ff00c1, 0.05em 0 0 #00ffff; }
33
+ 100% { text-shadow: -0.025em 0 0 #ff00c1, -0.025em -0.025em 0 #00ffff; }
34
+ }
35
+ .hex-grid {
36
+ background-image:
37
+ linear-gradient(rgba(0, 255, 65, 0.1) 1px, transparent 1px),
38
+ linear-gradient(90deg, rgba(0, 255, 65, 0.1) 1px, transparent 1px);
39
+ background-size: 20px 20px;
40
+ }
41
+ </style>
42
+ </head>
43
+ <body class="binary-bg text-white min-h-screen">
44
+ <div id="vanta-bg" class="fixed inset-0 z-0"></div>
45
+
46
+ <!-- Navigation -->
47
+ <nav class="relative z-10 border-b border-green-500/20 bg-black/30 backdrop-blur-lg">
48
+ <div class="container mx-auto px-4 py-4">
49
+ <div class="flex justify-between items-center">
50
+ <div class="flex items-center space-x-2">
51
+ <i data-feather="shield" class="text-green-500"></i>
52
+ <span class="glitch-text text-xl font-bold">010io</span>
53
+ </div>
54
+ <div class="hidden md:flex space-x-8">
55
+ <a href="#about" class="hover:text-green-400 transition-colors">About</a>
56
+ <a href="#services" class="hover:text-green-400 transition-colors">Services</a>
57
+ <a href="#team" class="hover:text-green-400 transition-colors">Team</a>
58
+ <a href="#contact" class="hover:text-green-400 transition-colors">Contact</a>
59
+ </div>
60
+ <button class="md:hidden">
61
+ <i data-feather="menu"></i>
62
+ </button>
63
+ </div>
64
+ </div>
65
+ </nav>
66
+
67
+ <!-- Hero Section -->
68
+ <section class="relative z-10 min-h-screen flex items-center justify-center hex-grid">
69
+ <div class="container mx-auto px-4 text-center">
70
+ <h1 class="glitch-text text-5xl md:text-7xl font-bold mb-6">
71
+ 010<span class="text-red-500">io</span>
72
+ </h1>
73
+ <p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-3xl mx-auto">
74
+ Cybersecurity excellence powered by Omelchenko Ihor. Protecting digital assets with cutting-edge binary defense systems.
75
+ </p>
76
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
77
+ <button class="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-all transform hover:scale-105">
78
+ Get Protected
79
+ </button>
80
+ <button class="border border-green-500 hover:bg-green-500/10 text-green-400 px-8 py-3 rounded-lg font-semibold transition-all">
81
+ Learn More
82
+ </button>
83
+ </div>
84
+ </div>
85
+ </section>
86
+
87
+ <!-- About Section -->
88
+ <section id="about" class="relative z-10 py-20 bg-black/40">
89
+ <div class="container mx-auto px-4">
90
+ <h2 class="text-4xl font-bold text-center mb-16 glitch-text">About 010io</h2>
91
+ <div class="grid md:grid-cols-2 gap-12 items-center">
92
+ <div>
93
+ <h3 class="text-2xl font-semibold mb-4 text-green-400">Binary Security Specialists</h3>
94
+ <p class="text-gray-300 mb-6 leading-relaxed">
95
+ 010io represents the pinnacle of cybersecurity expertise, founded by Omelchenko Ihor.
96
+ We specialize in binary-level security analysis, reverse engineering, and advanced threat protection.
97
+ </p>
98
+ <p class="text-gray-300 mb-6 leading-relaxed">
99
+ Our name "010io" reflects our core philosophy: understanding systems at the most fundamental
100
+ binary level to provide unparalleled security solutions.
101
+ </p>
102
+ <div class="grid grid-cols-2 gap-4 mt-8">
103
+ <div class="text-center p-4 bg-green-900/20 rounded-lg">
104
+ <i data-feather="code" class="mx-auto mb-2 text-green-400"></i>
105
+ <p class="text-sm">Binary Analysis</p>
106
+ </div>
107
+ <div class="text-center p-4 bg-green-900/20 rounded-lg">
108
+ <i data-feather="shield" class="mx-auto mb-2 text-green-400"></i>
109
+ <p class="text-sm">Threat Protection</p>
110
+ </div>
111
+ <div class="text-center p-4 bg-green-900/20 rounded-lg">
112
+ <i data-feather="eye" class="mx-auto mb-2 text-green-400"></i>
113
+ <p class="text-sm">24/7 Monitoring</p>
114
+ </div>
115
+ <div class="text-center p-4 bg-green-900/20 rounded-lg">
116
+ <i data-feather="cpu" class="mx-auto mb-2 text-green-400"></i>
117
+ <p class="text-sm">Reverse Engineering</p>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ <div class="relative">
122
+ <img src="http://static.photos/technology/640x360/42" alt="Cybersecurity" class="rounded-lg shadow-2xl">
123
+ <div class="absolute -inset-4 border border-green-500/30 rounded-lg -z-10"></div>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </section>
128
+
129
+ <!-- Services Section -->
130
+ <section id="services" class="relative z-10 py-20">
131
+ <div class="container mx-auto px-4">
132
+ <h2 class="text-4xl font-bold text-center mb-16 glitch-text">Our Services</h2>
133
+ <div class="grid md:grid-cols-3 gap-8">
134
+ <div class="bg-black/30 p-6 rounded-lg border border-green-500/20 hover:border-green-500/50 transition-all">
135
+ <i data-feather="lock" class="text-green-400 mb-4 h-12 w-12"></i>
136
+ <h3 class="text-xl font-semibold mb-3">Binary Security</h3>
137
+ <p class="text-gray-300">Deep-level binary analysis and protection for critical systems and applications.</p>
138
+ </div>
139
+ <div class="bg-black/30 p-6 rounded-lg border border-green-500/20 hover:border-green-500/50 transition-all">
140
+ <i data-feather="search" class="text-green-400 mb-4 h-12 w-12"></i>
141
+ <h3 class="text-xl font-semibold mb-3">Vulnerability Research</h3>
142
+ <p class="text-gray-300">Comprehensive vulnerability assessment and penetration testing services.</p>
143
+ </div>
144
+ <div class="bg-black/30 p-6 rounded-lg border border-green-500/20 hover:border-green-500/50 transition-all">
145
+ <i data-feather="activity" class="text-green-400 mb-4 h-12 w-12"></i>
146
+ <h3 class="text-xl font-semibold mb-3">Incident Response</h3>
147
+ <p class="text-gray-300">24/7 incident response and digital forensics for security breaches.</p>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </section>
152
+
153
+ <!-- Team Section -->
154
+ <section id="team" class="relative z-10 py-20 bg-black/40">
155
+ <div class="container mx-auto px-4">
156
+ <h2 class="text-4xl font-bold text-center mb-16 glitch-text">Our Team</h2>
157
+ <div class="max-w-2xl mx-auto text-center">
158
+ <div class="bg-black/30 p-8 rounded-lg border border-green-500/20">
159
+ <img src="http://static.photos/people/200x200/101" alt="Omelchenko Ihor" class="w-32 h-32 rounded-full mx-auto mb-6 border-2 border-green-500">
160
+ <h3 class="text-2xl font-semibold mb-2">Omelchenko Ihor</h3>
161
+ <p class="text-green-400 mb-4">Founder & Lead Security Researcher</p>
162
+ <p class="text-gray-300">
163
+ With extensive experience in binary analysis and cybersecurity, Ihor leads 010io's mission
164
+ to provide world-class security solutions. His expertise in reverse engineering and system
165
+ architecture forms the foundation of our innovative protection systems.
166
+ </p>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </section>
171
+
172
+ <!-- Contact Section -->
173
+ <section id="contact" class="relative z-10 py-20">
174
+ <div class="container mx-auto px-4">
175
+ <h2 class="text-4xl font-bold text-center mb-16 glitch-text">Get in Touch</h2>
176
+ <div class="max-w-2xl mx-auto">
177
+ <form class="space-y-6">
178
+ <div class="grid md:grid-cols-2 gap-6">
179
+ <input type="text" placeholder="Name" class="bg-black/30 border border-green-500/20 rounded-lg px-4 py-3 focus:outline-none focus:border-green-500 transition-colors">
180
+ <input type="email" placeholder="Email" class="bg-black/30 border border-green-500/20 rounded-lg px-4 py-3 focus:outline-none focus:border-green-500 transition-colors">
181
+ </div>
182
+ <input type="text" placeholder="Subject" class="w-full bg-black/30 border border-green-500/20 rounded-lg px-4 py-3 focus:outline-none focus:border-green-500 transition-colors">
183
+ <textarea placeholder="Message" rows="6" class="w-full bg-black/30 border border-green-500/20 rounded-lg px-4 py-3 focus:outline-none focus:border-green-500 transition-colors"></textarea>
184
+ <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white py-3 rounded-lg font-semibold transition-colors">
185
+ Send Secure Message
186
+ </button>
187
+ </form>
188
+ </div>
189
+ </div>
190
+ </section>
191
+
192
+ <!-- Footer -->
193
+ <footer class="relative z-10 border-t border-green-500/20 bg-black/30 py-8">
194
+ <div class="container mx-auto px-4 text-center">
195
+ <div class="flex justify-center space-x-6 mb-4">
196
+ <a href="#" class="text-gray-400 hover:text-green-400 transition-colors">
197
+ <i data-feather="github"></i>
198
+ </a>
199
+ <a href="#" class="text-gray-400 hover:text-green-400 transition-colors">
200
+ <i data-feather="twitter"></i>
201
+ </a>
202
+ <a href="#" class="text-gray-400 hover:text-green-400 transition-colors">
203
+ <i data-feather="linkedin"></i>
204
+ </a>
205
+ </div>
206
+ <p class="text-gray-400">&copy; 2024 010io Cybersecurity. All rights reserved.</p>
207
+ </div>
208
+ </footer>
209
+
210
+ <script>
211
+ VANTA.GLOBE({
212
+ el: "#vanta-bg",
213
+ mouseControls: true,
214
+ touchControls: true,
215
+ gyroControls: false,
216
+ minHeight: 200.00,
217
+ minWidth: 200.00,
218
+ scale: 1.00,
219
+ scaleMobile: 1.00,
220
+ color: 0x00ff41,
221
+ backgroundColor: 0x0f0f23
222
+ });
223
+
224
+ feather.replace();
225
+
226
+ // Smooth scrolling for navigation links
227
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
228
+ anchor.addEventListener('click', function (e) {
229
+ e.preventDefault();
230
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
231
+ behavior: 'smooth'
232
+ });
233
+ });
234
+ });
235
+ </script>
236
+ </body>
237
  </html>