Hugging Face's logo

Spaces:
D110
/
browser
Running

App Files Community
D110 commited on
Commit
b960304
·
verified ·
1 Parent(s): 2b7590a

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +201 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Browser
3
- emoji: 📉
4
- colorFrom: gray
5
- colorTo: green
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: browser
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: pink
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,201 @@
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>Eternity - The Eternal Search</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=Orbitron:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
11
+
12
+ body {
13
+ font-family: 'Roboto', sans-serif;
14
+ background-color: #000;
15
+ color: #fff;
16
+ min-height: 100vh;
17
+ }
18
+
19
+ .logo-text {
20
+ font-family: 'Orbitron', sans-serif;
21
+ text-shadow: 0 0 8px rgba(255, 0, 0, 0.7);
22
+ }
23
+
24
+ .search-box {
25
+ box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
26
+ }
27
+
28
+ .search-btn {
29
+ transition: all 0.3s ease;
30
+ }
31
+
32
+ .search-btn:hover {
33
+ transform: scale(1.05);
34
+ box-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
35
+ }
36
+
37
+ .nav-link:hover {
38
+ color: #f00 !important;
39
+ text-decoration: underline;
40
+ }
41
+
42
+ .footer-link:hover {
43
+ color: #f00 !important;
44
+ }
45
+
46
+ .dragon-logo {
47
+ animation: pulse 2s infinite;
48
+ }
49
+
50
+ @keyframes pulse {
51
+ 0% { transform: scale(1); }
52
+ 50% { transform: scale(1.05); }
53
+ 100% { transform: scale(1); }
54
+ }
55
+
56
+ .search-input:focus {
57
+ outline: none;
58
+ box-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
59
+ }
60
+ </style>
61
+ </head>
62
+ <body class="flex flex-col min-h-screen">
63
+ <!-- Header -->
64
+ <header class="bg-black py-4 px-6 border-b border-red-900">
65
+ <div class="container mx-auto flex justify-between items-center">
66
+ <div class="flex items-center space-x-6">
67
+ <a href="#" class="flex items-center">
68
+ <svg class="dragon-logo w-10 h-10 text-red-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
69
+ <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
70
+ <path d="M12 12l-8-4"></path>
71
+ <path d="M12 12l8-4"></path>
72
+ </svg>
73
+ <span class="logo-text text-3xl font-bold text-red-600 ml-2">ETERNITY</span>
74
+ </a>
75
+ </div>
76
+ <nav class="hidden md:flex space-x-6">
77
+ <a href="#" class="nav-link text-white hover:text-red-500">Images</a>
78
+ <a href="#" class="nav-link text-white hover:text-red-500">Videos</a>
79
+ <a href="#" class="nav-link text-white hover:text-red-500">News</a>
80
+ <a href="#" class="nav-link text-white hover:text-red-500">Maps</a>
81
+ </nav>
82
+ <div class="flex items-center space-x-4">
83
+ <button class="text-white hover:text-red-500">
84
+ <i class="fas fa-th"></i>
85
+ </button>
86
+ <button class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md font-medium">
87
+ Sign In
88
+ </button>
89
+ </div>
90
+ </div>
91
+ </header>
92
+
93
+ <!-- Main Content -->
94
+ <main class="flex-grow flex flex-col items-center justify-center px-4 sm:px-6 lg:px-8">
95
+ <div class="w-full max-w-3xl text-center">
96
+ <!-- Logo -->
97
+ <div class="mb-8">
98
+ <svg class="dragon-logo mx-auto w-24 h-24 text-red-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
99
+ <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
100
+ <path d="M12 7l-1-2-1 2"></path>
101
+ <path d="M12 7v3"></path>
102
+ <path d="M10 9h4"></path>
103
+ <path d="M12 12v3"></path>
104
+ <path d="M10 15h4"></path>
105
+ </svg>
106
+ </div>
107
+
108
+ <!-- Search Box -->
109
+ <div class="relative mb-8">
110
+ <div class="search-box relative flex items-center bg-gray-900 rounded-full border border-red-900 px-6 py-3">
111
+ <i class="fas fa-search text-red-500 mr-4"></i>
112
+ <input type="text" class="search-input bg-transparent text-white flex-grow focus:outline-none" placeholder="Search with Eternity...">
113
+ <button class="ml-4 text-red-500">
114
+ <i class="fas fa-microphone"></i>
115
+ </button>
116
+ </div>
117
+ <div class="mt-6 flex justify-center space-x-4">
118
+ <button class="search-btn bg-gray-800 hover:bg-red-600 text-white px-6 py-2 rounded-md font-medium">
119
+ Eternity Search
120
+ </button>
121
+ <button class="search-btn bg-gray-800 hover:bg-red-600 text-white px-6 py-2 rounded-md font-medium">
122
+ I'm Feeling Eternal
123
+ </button>
124
+ </div>
125
+ </div>
126
+
127
+ <!-- Language Options -->
128
+ <div class="text-gray-400 text-sm">
129
+ <p>Eternity offered in:
130
+ <a href="#" class="text-red-400 hover:underline ml-2">Español</a>
131
+ <a href="#" class="text-red-400 hover:underline ml-2">Français</a>
132
+ <a href="#" class="text-red-400 hover:underline ml-2">Deutsch</a>
133
+ <a href="#" class="text-red-400 hover:underline ml-2">日本語</a>
134
+ </p>
135
+ </div>
136
+ </div>
137
+ </main>
138
+
139
+ <!-- Footer -->
140
+ <footer class="bg-black border-t border-red-900 py-4 px-6">
141
+ <div class="container mx-auto">
142
+ <div class="mb-4">
143
+ <p class="text-gray-400 text-center">Your gateway to eternal knowledge</p>
144
+ </div>
145
+ <div class="flex flex-col md:flex-row justify-between items-center">
146
+ <div class="flex space-x-6 mb-4 md:mb-0">
147
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">About</a>
148
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">Privacy</a>
149
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">Terms</a>
150
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">Settings</a>
151
+ </div>
152
+ <div class="flex space-x-6">
153
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">
154
+ <i class="fab fa-twitter"></i>
155
+ </a>
156
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">
157
+ <i class="fab fa-facebook"></i>
158
+ </a>
159
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">
160
+ <i class="fab fa-instagram"></i>
161
+ </a>
162
+ <a href="#" class="footer-link text-gray-400 hover:text-red-500">
163
+ <i class="fab fa-linkedin"></i>
164
+ </a>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </footer>
169
+
170
+ <script>
171
+ // Simple search functionality
172
+ document.querySelector('.search-input').addEventListener('keypress', function(e) {
173
+ if (e.key === 'Enter') {
174
+ const query = this.value.trim();
175
+ if (query) {
176
+ alert(`Searching Eternity for: ${query}`);
177
+ // In a real implementation, this would redirect to search results
178
+ }
179
+ }
180
+ });
181
+
182
+ // Search button functionality
183
+ document.querySelectorAll('.search-btn').forEach(button => {
184
+ button.addEventListener('click', function() {
185
+ const query = document.querySelector('.search-input').value.trim();
186
+ if (query || this.textContent.includes('Feeling')) {
187
+ alert(this.textContent.includes('Feeling') ?
188
+ 'Taking you on an eternal journey...' :
189
+ `Searching Eternity for: ${query}`);
190
+ }
191
+ });
192
+ });
193
+
194
+ // Microphone button functionality
195
+ document.querySelector('.fa-microphone').parentElement.addEventListener('click', function() {
196
+ alert('Voice search activated. Speak now...');
197
+ // In a real implementation, this would use the Web Speech API
198
+ });
199
+ </script>
200
+ <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=D110/browser" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
201
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Create me a web browser similar to Google in the name of Eternity in a black and red theme with a red dragon in the logo