Hugging Face's logo

Spaces:
SrRooT
/
lab-x-dev
Running

App Files Community
SrRooT commited on
Commit
ca71d3a
·
verified ·
1 Parent(s): 02c8e10

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +259 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Lab X Dev
3
- emoji: 🐠
4
- colorFrom: green
5
  colorTo: blue
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: lab-x-dev
3
+ emoji: 🐳
4
+ colorFrom: blue
5
  colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,259 @@
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>LABORATORY X: Special Labs</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
11
+
12
+ body {
13
+ font-family: 'Share Tech Mono', monospace;
14
+ background-color: #0a0a0a;
15
+ color: #00ff41;
16
+ overflow-x: hidden;
17
+ }
18
+
19
+ .glow-text {
20
+ text-shadow: 0 0 5px #00ff41, 0 0 10px #00ff41;
21
+ }
22
+
23
+ .scanline {
24
+ position: relative;
25
+ overflow: hidden;
26
+ }
27
+
28
+ .scanline::after {
29
+ content: '';
30
+ position: absolute;
31
+ top: 0;
32
+ left: 0;
33
+ right: 0;
34
+ bottom: 0;
35
+ background: linear-gradient(
36
+ to bottom,
37
+ rgba(0, 255, 65, 0.1) 50%,
38
+ rgba(0, 0, 0, 0.1) 50%
39
+ );
40
+ background-size: 100% 4px;
41
+ pointer-events: none;
42
+ animation: scanline 4s linear infinite;
43
+ }
44
+
45
+ @keyframes scanline {
46
+ 0% {
47
+ background-position: 0 0;
48
+ }
49
+ 100% {
50
+ background-position: 0 100%;
51
+ }
52
+ }
53
+
54
+ .terminal-input::before {
55
+ content: '>';
56
+ margin-right: 8px;
57
+ color: #00ff41;
58
+ }
59
+
60
+ .blink {
61
+ animation: blink 1s step-end infinite;
62
+ }
63
+
64
+ @keyframes blink {
65
+ from, to { opacity: 1; }
66
+ 50% { opacity: 0; }
67
+ }
68
+
69
+ .danger-pulse {
70
+ animation: dangerPulse 2s infinite;
71
+ }
72
+
73
+ @keyframes dangerPulse {
74
+ 0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
75
+ 70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
76
+ 100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
77
+ }
78
+ </style>
79
+ </head>
80
+ <body class="min-h-screen flex flex-col">
81
+ <!-- Header -->
82
+ <header class="border-b border-green-500 py-4 px-6">
83
+ <div class="container mx-auto flex justify-between items-center">
84
+ <h1 class="text-3xl md:text-4xl font-bold glow-text">LABORATORY X</h1>
85
+ <div class="flex items-center space-x-4">
86
+ <span class="text-red-500 text-sm md:text-base">
87
+ <i class="fas fa-shield-alt mr-1"></i>
88
+ CLEARANCE: <span class="font-bold">RED</span>
89
+ </span>
90
+ <span class="text-green-500 text-sm md:text-base">
91
+ <i class="fas fa-user-secret mr-1"></i>
92
+ USER: <span class="font-bold">[CLASSIFIED]</span>
93
+ </span>
94
+ </div>
95
+ </div>
96
+ </header>
97
+
98
+ <!-- Main Content -->
99
+ <main class="flex-grow container mx-auto px-4 py-8">
100
+ <div class="scanline bg-black bg-opacity-90 border border-green-500 rounded-lg p-6 mb-8">
101
+ <div class="flex items-center mb-6">
102
+ <h2 class="text-2xl md:text-3xl font-bold glow-text flex items-center">
103
+ <i class="fas fa-flask mr-3"></i>
104
+ Special Labs: Project NEMESIS
105
+ </h2>
106
+ </div>
107
+
108
+ <div class="danger-pulse bg-black border border-red-500 rounded-lg p-4 mb-6">
109
+ <div class="flex items-center mb-2">
110
+ <i class="fas fa-exclamation-triangle text-red-500 mr-2 text-xl"></i>
111
+ <h3 class="text-xl font-bold text-red-500">DANGER: LEVEL 5 CONTAINMENT REQUIRED</h3>
112
+ </div>
113
+ <p class="text-red-400">THREAT LEVEL: <span class="font-bold">MAXIMUM</span></p>
114
+ </div>
115
+
116
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
117
+ <div class="border border-green-500 rounded-lg p-4">
118
+ <h4 class="text-lg font-bold mb-3 flex items-center">
119
+ <i class="fas fa-biohazard mr-2"></i>
120
+ Klebsiella pneumoniae XDR-1
121
+ </h4>
122
+ <ul class="space-y-2">
123
+ <li class="flex items-start">
124
+ <i class="fas fa-pills text-green-500 mr-2 mt-1"></i>
125
+ <span>Antibiotic Resistance: <span class="font-bold text-red-500">100%</span></span>
126
+ </li>
127
+ <li class="flex items-start">
128
+ <i class="fas fa-chart-line text-green-500 mr-2 mt-1"></i>
129
+ <span>Replication Rate: <span class="font-bold text-yellow-500">287% above normal</span></span>
130
+ </li>
131
+ <li class="flex items-start">
132
+ <i class="fas fa-skull-crossbones text-green-500 mr-2 mt-1"></i>
133
+ <span>Virulence: <span class="font-bold text-red-500">Critical</span></span>
134
+ </li>
135
+ <li class="flex items-start">
136
+ <i class="fas fa-map-marked-alt text-green-500 mr-2 mt-1"></i>
137
+ <span>Origin: <span class="font-bold text-gray-400">[REDACTED]</span></span>
138
+ </li>
139
+ </ul>
140
+ </div>
141
+
142
+ <div class="border border-red-500 rounded-lg p-4">
143
+ <h4 class="text-lg font-bold mb-3 flex items-center">
144
+ <i class="fas fa-exclamation-circle text-red-500 mr-2"></i>
145
+ URGENT NOTICE
146
+ </h4>
147
+ <p class="text-red-400">
148
+ This strain exhibits complete resistance to all known antibiotics and antimicrobial compounds.
149
+ Traditional treatment methods are ineffective. Quarantine protocols must be maintained at all times.
150
+ </p>
151
+ <div class="mt-4 flex items-center">
152
+ <i class="fas fa-radiation text-yellow-500 mr-2"></i>
153
+ <span class="text-sm text-yellow-500">Biosafety Level 4 conditions required</span>
154
+ </div>
155
+ </div>
156
+ </div>
157
+
158
+ <div class="border-t border-green-500 pt-6">
159
+ <div class="flex items-center mb-4">
160
+ <i class="fas fa-database text-green-500 mr-2"></i>
161
+ <h3 class="text-xl font-bold">LABORATORY X RESEARCH DATABASE v3.7.2</h3>
162
+ </div>
163
+ <p class="mb-4 text-gray-400">Enter search terms to display research findings</p>
164
+
165
+ <div class="terminal-input flex items-center mb-2">
166
+ <input type="text" id="searchInput" class="bg-transparent border-none outline-none flex-grow text-green-500" placeholder="Enter search terms..." autofocus>
167
+ <span class="blink text-green-500">_</span>
168
+ </div>
169
+
170
+ <div id="searchResults" class="mt-4 hidden">
171
+ <div class="border border-green-500 rounded-lg p-4">
172
+ <h4 class="font-bold mb-2">Search Results for: <span id="searchQuery" class="text-green-300"></span></h4>
173
+ <div id="resultContent" class="text-sm">
174
+ <!-- Results will be populated here -->
175
+ </div>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </main>
181
+
182
+ <!-- Footer -->
183
+ <footer class="border-t border-green-500 py-4 px-6 text-center text-sm text-gray-500">
184
+ <div class="container mx-auto">
185
+ <p>LABORATORY X - CLASSIFIED RESEARCH FACILITY</p>
186
+ <p class="mt-1">Unauthorized access prohibited - All activities monitored</p>
187
+ <p class="mt-1">© 2023 LABORATORY X - <span class="text-red-500">[DATA EXPUNGED]</span></p>
188
+ </div>
189
+ </footer>
190
+
191
+ <script>
192
+ document.addEventListener('DOMContentLoaded', function() {
193
+ const searchInput = document.getElementById('searchInput');
194
+ const searchResults = document.getElementById('searchResults');
195
+ const searchQuery = document.getElementById('searchQuery');
196
+ const resultContent = document.getElementById('resultContent');
197
+
198
+ // Sample research data
199
+ const researchData = [
200
+ { term: "phage therapy", content: "Experimental phage therapy shows 43% effectiveness against XDR-1. Requires further testing. [REF: XD-7842]" },
201
+ { term: "CRISPR", content: "CRISPR-based antimicrobial approach in development. Preliminary results promising but unstable. [REF: XG-2190]" },
202
+ { term: "synthetic antibodies", content: "Synthetic antibody project XA-7 shows potential for targeted neutralization. Human trials pending. [REF: XA-0007]" },
203
+ { term: "nanotech", content: "Nanotechnology delivery system XN-12 demonstrates ability to breach bacterial defenses. [REF: XN-0012]" },
204
+ { term: "quorum sensing", content: "Quorum sensing disruption shows 28% reduction in virulence. Not a complete solution. [REF: XQ-5581]" }
205
+ ];
206
+
207
+ searchInput.addEventListener('keypress', function(e) {
208
+ if (e.key === 'Enter') {
209
+ const query = searchInput.value.trim().toLowerCase();
210
+
211
+ if (query) {
212
+ searchQuery.textContent = query;
213
+
214
+ // Find matching research
215
+ const matches = researchData.filter(item =>
216
+ item.term.toLowerCase().includes(query)
217
+ );
218
+
219
+ if (matches.length > 0) {
220
+ resultContent.innerHTML = matches.map(item =>
221
+ `<div class="mb-3 p-2 border-b border-green-900">
222
+ <p class="font-bold">${item.term.toUpperCase()}</p>
223
+ <p>${item.content}</p>
224
+ </div>`
225
+ ).join('');
226
+ } else {
227
+ resultContent.innerHTML = `
228
+ <div class="text-red-400 p-2">
229
+ <i class="fas fa-exclamation-circle mr-2"></i>
230
+ No matches found in database. Try alternative search terms.
231
+ </div>
232
+ `;
233
+ }
234
+
235
+ searchResults.classList.remove('hidden');
236
+ } else {
237
+ searchResults.classList.add('hidden');
238
+ }
239
+ }
240
+ });
241
+
242
+ // Terminal-like typing effect for the input placeholder
243
+ const placeholderText = "Enter search terms to begin...";
244
+ let i = 0;
245
+
246
+ function typeWriter() {
247
+ if (i < placeholderText.length) {
248
+ searchInput.setAttribute('placeholder', placeholderText.substring(0, i + 1));
249
+ i++;
250
+ setTimeout(typeWriter, Math.random() * 100 + 50);
251
+ }
252
+ }
253
+
254
+ // Start the typing effect
255
+ setTimeout(typeWriter, 1000);
256
+ });
257
+ </script>
258
+ <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=SrRooT/lab-x-dev" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
259
+ </html>