Hugging Face's logo

Spaces:
Whodat1972
/
https-enzostvs-deepsite-hf-space
Running

App Files Community
Whodat1972 commited on
Commit
e3e511b
·
verified ·
1 Parent(s): 31bc737

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +555 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https Enzostvs Deepsite Hf Space
3
- emoji: 🌍
4
  colorFrom: yellow
5
- colorTo: gray
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: https-enzostvs-deepsite-hf-space
3
+ emoji: 🐳
4
  colorFrom: yellow
5
+ colorTo: purple
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,555 @@
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>New Marshfield Crime Watch - Athens County, Ohio</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
+ .crime-alert {
11
+ animation: pulse 2s infinite;
12
+ }
13
+ @keyframes pulse {
14
+ 0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
15
+ 70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
16
+ 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
17
+ }
18
+ .wanted-card:hover {
19
+ transform: scale(1.02);
20
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
21
+ }
22
+ .badge {
23
+ position: absolute;
24
+ top: -10px;
25
+ right: -10px;
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="bg-gray-100">
30
+ <!-- Emergency Alert Banner -->
31
+ <div class="bg-red-600 text-white text-center py-2 px-4 crime-alert">
32
+ <div class="container mx-auto flex justify-between items-center">
33
+ <span class="font-bold"><i class="fas fa-exclamation-triangle mr-2"></i> NEW MARSHFIELD CRIME ALERTS</span>
34
+ <button class="text-white hover:text-gray-200">
35
+ <i class="fas fa-bell"></i> Enable Notifications
36
+ </button>
37
+ </div>
38
+ </div>
39
+
40
+ <!-- Navigation -->
41
+ <nav class="bg-blue-900 text-white shadow-lg">
42
+ <div class="container mx-auto px-4 py-3">
43
+ <div class="flex flex-col md:flex-row justify-between items-center">
44
+ <div class="flex items-center space-x-3 mb-4 md:mb-0">
45
+ <i class="fas fa-shield-alt text-2xl"></i>
46
+ <h1 class="text-xl font-bold">New Marshfield Crime Watch</h1>
47
+ </div>
48
+ <div class="flex flex-wrap justify-center space-x-0 space-y-2 md:space-y-0 md:space-x-6">
49
+ <a href="#" class="block hover:text-blue-200 transition px-2">Home</a>
50
+ <a href="#" class="block hover:text-blue-200 transition px-2">Recent Arrests</a>
51
+ <a href="#" class="block hover:text-blue-200 transition px-2">Most Wanted</a>
52
+ <a href="#" class="block hover:text-blue-200 transition px-2">Crime Map</a>
53
+ <a href="#" class="block hover:text-blue-200 transition px-2">Safety Tips</a>
54
+ <a href="#" class="block hover:text-blue-200 transition px-2">Submit Tip</a>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ </nav>
59
+
60
+ <!-- Main Content -->
61
+ <div class="container mx-auto px-4 py-8">
62
+ <!-- Hero Section -->
63
+ <div class="bg-gradient-to-r from-blue-800 to-blue-600 text-white rounded-xl p-8 mb-8 shadow-lg">
64
+ <div class="flex flex-col md:flex-row items-center">
65
+ <div class="md:w-2/3 mb-6 md:mb-0">
66
+ <h1 class="text-3xl md:text-4xl font-bold mb-4">Keeping New Marshfield Safe</h1>
67
+ <p class="text-lg mb-6">Real-time crime alerts and arrest reports for our community. Stay informed about criminal activity in New Marshfield, Ohio.</p>
68
+ <div class="flex flex-wrap gap-3">
69
+ <a href="#recent-arrests" class="bg-white text-blue-800 hover:bg-gray-100 px-6 py-2 rounded-lg font-medium transition">View Recent Arrests</a>
70
+ <a href="#most-wanted" class="bg-transparent border-2 border-white hover:bg-blue-700 px-6 py-2 rounded-lg font-medium transition">See Most Wanted</a>
71
+ </div>
72
+ </div>
73
+ <div class="md:w-1/3 flex justify-center">
74
+ <img src="https://maps.googleapis.com/maps/api/staticmap?center=New+Marshfield,OH&zoom=12&size=400x300&maptype=roadmap&markers=color:red%7CNew+Marshfield,OH&key=YOUR_API_KEY" alt="New Marshfield Map" class="rounded-lg border-4 border-white shadow-lg">
75
+ </div>
76
+ </div>
77
+ </div>
78
+
79
+ <!-- Recent Arrests Section -->
80
+ <section id="recent-arrests" class="mb-12">
81
+ <div class="flex justify-between items-center mb-6">
82
+ <h2 class="text-2xl font-bold text-gray-800 border-l-4 border-red-600 pl-4">
83
+ <i class="fas fa-handcuffs mr-2 text-red-600"></i> Recent Arrests in New Marshfield
84
+ </h2>
85
+ <div class="flex items-center">
86
+ <span class="text-sm text-gray-600 mr-2">Auto-refresh:</span>
87
+ <div class="relative">
88
+ <select class="bg-white border border-gray-300 rounded-lg px-3 py-1 appearance-none focus:outline-none focus:ring-2 focus:ring-blue-500">
89
+ <option>Every 15 minutes</option>
90
+ <option>Every hour</option>
91
+ <option>Every 6 hours</option>
92
+ <option>Every 24 hours</option>
93
+ </select>
94
+ <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
95
+ <i class="fas fa-chevron-down"></i>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+
101
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-6">
102
+ <div class="p-4 bg-gray-100 border-b flex justify-between items-center">
103
+ <h3 class="font-semibold text-gray-800">
104
+ <i class="fas fa-calendar-day mr-2 text-blue-600"></i> Today's Arrests
105
+ </h3>
106
+ <span class="text-sm bg-blue-100 text-blue-800 px-3 py-1 rounded-full">Updated: <span id="update-time">Just now</span></span>
107
+ </div>
108
+ <div id="arrests-container" class="divide-y divide-gray-200">
109
+ <!-- Arrest cards will be dynamically inserted here by JavaScript -->
110
+ <div class="p-4 flex items-start">
111
+ <div class="animate-pulse flex space-x-4 w-full">
112
+ <div class="flex-1 space-y-4 py-1">
113
+ <div class="h-4 bg-gray-200 rounded w-3/4"></div>
114
+ <div class="space-y-2">
115
+ <div class="h-4 bg-gray-200 rounded"></div>
116
+ <div class="h-4 bg-gray-200 rounded w-5/6"></div>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
125
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
126
+ <div class="p-4 bg-gray-100 border-b">
127
+ <h3 class="font-semibold text-gray-800">
128
+ <i class="fas fa-link mr-2 text-blue-600"></i> Athens County Sheriff's Office
129
+ </h3>
130
+ </div>
131
+ <div class="p-4">
132
+ <p class="text-gray-600 mb-4">Check the latest arrest records from the Athens County Sheriff's Office:</p>
133
+ <a href="https://www.athenssheriff.com/" target="_blank" class="inline-flex items-center bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition">
134
+ <i class="fas fa-external-link-alt mr-2"></i> Visit athenssheriff.com
135
+ </a>
136
+ </div>
137
+ </div>
138
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
139
+ <div class="p-4 bg-gray-100 border-b">
140
+ <h3 class="font-semibold text-gray-800">
141
+ <i class="fas fa-link mr-2 text-blue-600"></i> Southeastern Ohio Regional Jail
142
+ </h3>
143
+ </div>
144
+ <div class="p-4">
145
+ <p class="text-gray-600 mb-4">View current inmates at the Southeastern Ohio Regional Jail:</p>
146
+ <a href="http://www.jdsinc.net/ohseorj/" target="_blank" class="inline-flex items-center bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition">
147
+ <i class="fas fa-external-link-alt mr-2"></i> Visit ohseorj.com
148
+ </a>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ </section>
153
+
154
+ <!-- Top Crime Stories -->
155
+ <section class="mb-12">
156
+ <h2 class="text-2xl font-bold text-gray-800 border-l-4 border-red-600 pl-4 mb-6">
157
+ <i class="fas fa-newspaper mr-2 text-red-600"></i> Top Crime Stories
158
+ </h2>
159
+
160
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
161
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
162
+ <img src="https://images.unsplash.com/photo-1604846887569-5dc0a6a84c3b?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Crime scene" class="w-full h-48 object-cover">
163
+ <div class="p-6">
164
+ <div class="flex items-center text-sm text-gray-500 mb-2">
165
+ <span><i class="far fa-calendar mr-1"></i> 2 days ago</span>
166
+ <span class="mx-2">•</span>
167
+ <span><i class="far fa-eye mr-1"></i> 1,245 views</span>
168
+ </div>
169
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Burglary Spree Hits New Marshfield</h3>
170
+ <p class="text-gray-600 mb-4">Three homes on Elm Street were broken into overnight. Police are investigating possible connections to similar crimes in Athens County.</p>
171
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">Read more →</a>
172
+ </div>
173
+ </div>
174
+
175
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
176
+ <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Police car" class="w-full h-48 object-cover">
177
+ <div class="p-6">
178
+ <div class="flex items-center text-sm text-gray-500 mb-2">
179
+ <span><i class="far fa-calendar mr-1"></i> 5 days ago</span>
180
+ <span class="mx-2">•</span>
181
+ <span><i class="far fa-eye mr-1"></i> 892 views</span>
182
+ </div>
183
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Drug Bust on Route 50</h3>
184
+ <p class="text-gray-600 mb-4">Athens County Sheriff's deputies seized over $10,000 worth of methamphetamine during a traffic stop near New Marshfield.</p>
185
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">Read more →</a>
186
+ </div>
187
+ </div>
188
+
189
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
190
+ <img src="https://images.unsplash.com/photo-1585771724684-38269d6639fd?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Community meeting" class="w-full h-48 object-cover">
191
+ <div class="p-6">
192
+ <div class="flex items-center text-sm text-gray-500 mb-2">
193
+ <span><i class="far fa-calendar mr-1"></i> 1 week ago</span>
194
+ <span class="mx-2">•</span>
195
+ <span><i class="far fa-eye mr-1"></i> 1,532 views</span>
196
+ </div>
197
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Community Safety Meeting Draws Crowd</h3>
198
+ <p class="text-gray-600 mb-4">Over 100 residents attended a town hall meeting to discuss crime prevention strategies with local law enforcement.</p>
199
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">Read more →</a>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </section>
204
+
205
+ <!-- Most Wanted Section -->
206
+ <section id="most-wanted" class="mb-12">
207
+ <h2 class="text-2xl font-bold text-gray-800 border-l-4 border-red-600 pl-4 mb-6">
208
+ <i class="fas fa-search mr-2 text-red-600"></i> New Marshfield's 10 Most Wanted
209
+ </h2>
210
+
211
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-6">
212
+ <!-- Most Wanted Card 1 -->
213
+ <div class="bg-white rounded-xl shadow-md overflow-hidden wanted-card transition relative">
214
+ <div class="badge bg-red-600 text-white text-xs font-bold px-2 py-1 rounded-full">WANTED</div>
215
+ <img src="https://via.placeholder.com/300x300?text=Photo+Not+Available" alt="Wanted person" class="w-full h-48 object-cover">
216
+ <div class="p-4">
217
+ <h3 class="font-bold text-gray-800">James R. Wilson</h3>
218
+ <p class="text-sm text-gray-600 mb-2">Age: 34 • Height: 5'11"</p>
219
+ <p class="text-sm text-gray-600 mb-3">Wanted for: Armed Robbery</p>
220
+ <button class="w-full bg-red-600 hover:bg-red-700 text-white py-1 rounded text-sm transition">
221
+ <i class="fas fa-phone-alt mr-1"></i> Report Tip
222
+ </button>
223
+ </div>
224
+ </div>
225
+
226
+ <!-- Most Wanted Card 2 -->
227
+ <div class="bg-white rounded-xl shadow-md overflow-hidden wanted-card transition relative">
228
+ <div class="badge bg-red-600 text-white text-xs font-bold px-2 py-1 rounded-full">WANTED</div>
229
+ <img src="https://via.placeholder.com/300x300?text=Photo+Not+Available" alt="Wanted person" class="w-full h-48 object-cover">
230
+ <div class="p-4">
231
+ <h3 class="font-bold text-gray-800">Sarah L. Thompson</h3>
232
+ <p class="text-sm text-gray-600 mb-2">Age: 28 • Height: 5'5"</p>
233
+ <p class="text-sm text-gray-600 mb-3">Wanted for: Fraud/Theft</p>
234
+ <button class="w-full bg-red-600 hover:bg-red-700 text-white py-1 rounded text-sm transition">
235
+ <i class="fas fa-phone-alt mr-1"></i> Report Tip
236
+ </button>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Most Wanted Card 3 -->
241
+ <div class="bg-white rounded-xl shadow-md overflow-hidden wanted-card transition relative">
242
+ <div class="badge bg-red-600 text-white text-xs font-bold px-2 py-1 rounded-full">WANTED</div>
243
+ <img src="https://via.placeholder.com/300x300?text=Photo+Not+Available" alt="Wanted person" class="w-full h-48 object-cover">
244
+ <div class="p-4">
245
+ <h3 class="font-bold text-gray-800">Michael D. Harris</h3>
246
+ <p class="text-sm text-gray-600 mb-2">Age: 42 • Height: 6'1"</p>
247
+ <p class="text-sm text-gray-600 mb-3">Wanted for: Drug Trafficking</p>
248
+ <button class="w-full bg-red-600 hover:bg-red-700 text-white py-1 rounded text-sm transition">
249
+ <i class="fas fa-phone-alt mr-1"></i> Report Tip
250
+ </button>
251
+ </div>
252
+ </div>
253
+
254
+ <!-- Most Wanted Card 4 -->
255
+ <div class="bg-white rounded-xl shadow-md overflow-hidden wanted-card transition relative">
256
+ <div class="badge bg-red-600 text-white text-xs font-bold px-2 py-1 rounded-full">WANTED</div>
257
+ <img src="https://via.placeholder.com/300x300?text=Photo+Not+Available" alt="Wanted person" class="w-full h-48 object-cover">
258
+ <div class="p-4">
259
+ <h3 class="font-bold text-gray-800">David K. Miller</h3>
260
+ <p class="text-sm text-gray-600 mb-2">Age: 37 • Height: 5'9"</p>
261
+ <p class="text-sm text-gray-600 mb-3">Wanted for: Burglary</p>
262
+ <button class="w-full bg-red-600 hover:bg-red-700 text-white py-1 rounded text-sm transition">
263
+ <i class="fas fa-phone-alt mr-1"></i> Report Tip
264
+ </button>
265
+ </div>
266
+ </div>
267
+
268
+ <!-- Most Wanted Card 5 -->
269
+ <div class="bg-white rounded-xl shadow-md overflow-hidden wanted-card transition relative">
270
+ <div class="badge bg-red-600 text-white text-xs font-bold px-2 py-1 rounded-full">WANTED</div>
271
+ <img src="https://via.placeholder.com/300x300?text=Photo+Not+Available" alt="Wanted person" class="w-full h-48 object-cover">
272
+ <div class="p-4">
273
+ <h3 class="font-bold text-gray-800">Jessica A. White</h3>
274
+ <p class="text-sm text-gray-600 mb-2">Age: 31 • Height: 5'7"</p>
275
+ <p class="text-sm text-gray-600 mb-3">Wanted for: Identity Theft</p>
276
+ <button class="w-full bg-red-600 hover:bg-red-700 text-white py-1 rounded text-sm transition">
277
+ <i class="fas fa-phone-alt mr-1"></i> Report Tip
278
+ </button>
279
+ </div>
280
+ </div>
281
+ </div>
282
+
283
+ <div class="text-center mt-8">
284
+ <a href="#" class="inline-flex items-center bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition">
285
+ <i class="fas fa-list mr-2"></i> View Full Most Wanted List
286
+ </a>
287
+ </div>
288
+ </section>
289
+
290
+ <!-- Crime Prevention Tips -->
291
+ <section class="bg-blue-50 rounded-xl p-8 mb-12">
292
+ <h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">
293
+ <i class="fas fa-lightbulb text-yellow-500 mr-2"></i> Crime Prevention Tips
294
+ </h2>
295
+
296
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
297
+ <div class="bg-white p-6 rounded-lg shadow-sm">
298
+ <div class="text-blue-600 text-3xl mb-4">
299
+ <i class="fas fa-home"></i>
300
+ </div>
301
+ <h3 class="font-bold text-lg text-gray-800 mb-3">Home Security</h3>
302
+ <ul class="text-gray-600 space-y-2">
303
+ <li class="flex items-start">
304
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
305
+ <span>Install motion-activated lights</span>
306
+ </li>
307
+ <li class="flex items-start">
308
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
309
+ <span>Lock doors and windows when away</span>
310
+ </li>
311
+ <li class="flex items-start">
312
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
313
+ <span>Get to know your neighbors</span>
314
+ </li>
315
+ </ul>
316
+ </div>
317
+
318
+ <div class="bg-white p-6 rounded-lg shadow-sm">
319
+ <div class="text-blue-600 text-3xl mb-4">
320
+ <i class="fas fa-car"></i>
321
+ </div>
322
+ <h3 class="font-bold text-lg text-gray-800 mb-3">Vehicle Safety</h3>
323
+ <ul class="text-gray-600 space-y-2">
324
+ <li class="flex items-start">
325
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
326
+ <span>Never leave valuables in plain sight</span>
327
+ </li>
328
+ <li class="flex items-start">
329
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
330
+ <span>Park in well-lit areas</span>
331
+ </li>
332
+ <li class="flex items-start">
333
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
334
+ <span>Always lock your vehicle</span>
335
+ </li>
336
+ </ul>
337
+ </div>
338
+
339
+ <div class="bg-white p-6 rounded-lg shadow-sm">
340
+ <div class="text-blue-600 text-3xl mb-4">
341
+ <i class="fas fa-user-shield"></i>
342
+ </div>
343
+ <h3 class="font-bold text-lg text-gray-800 mb-3">Personal Safety</h3>
344
+ <ul class="text-gray-600 space-y-2">
345
+ <li class="flex items-start">
346
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
347
+ <span>Be aware of your surroundings</span>
348
+ </li>
349
+ <li class="flex items-start">
350
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
351
+ <span>Trust your instincts</span>
352
+ </li>
353
+ <li class="flex items-start">
354
+ <i class="fas fa-check text-green-500 mr-2 mt-1"></i>
355
+ <span>Report suspicious activity</span>
356
+ </li>
357
+ </ul>
358
+ </div>
359
+ </div>
360
+ </section>
361
+ </div>
362
+
363
+ <!-- Footer -->
364
+ <footer class="bg-gray-800 text-white py-12">
365
+ <div class="container mx-auto px-4">
366
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
367
+ <div>
368
+ <h3 class="text-xl font-bold mb-4">New Marshfield Crime Watch</h3>
369
+ <p class="text-gray-400">Keeping our community informed and safe through real-time crime alerts and prevention resources.</p>
370
+ </div>
371
+
372
+ <div>
373
+ <h4 class="font-bold text-lg mb-4">Quick Links</h4>
374
+ <ul class="space-y-2">
375
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Recent Arrests</a></li>
376
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Most Wanted</a></li>
377
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Crime Map</a></li>
378
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Safety Tips</a></li>
379
+ </ul>
380
+ </div>
381
+
382
+ <div>
383
+ <h4 class="font-bold text-lg mb-4">Emergency Contacts</h4>
384
+ <ul class="space-y-2">
385
+ <li class="flex items-center">
386
+ <i class="fas fa-phone-alt text-red-400 mr-2"></i>
387
+ <span>Emergency: 911</span>
388
+ </li>
389
+ <li class="flex items-center">
390
+ <i class="fas fa-building text-blue-400 mr-2"></i>
391
+ <span>Athens County Sheriff: (740) 593-6633</span>
392
+ </li>
393
+ <li class="flex items-center">
394
+ <i class="fas fa-map-marker-alt text-green-400 mr-2"></i>
395
+ <span>New Marshfield Police: (740) 664-XXXX</span>
396
+ </li>
397
+ </ul>
398
+ </div>
399
+
400
+ <div>
401
+ <h4 class="font-bold text-lg mb-4">Stay Connected</h4>
402
+ <div class="flex space-x-4 mb-4">
403
+ <a href="#" class="text-gray-400 hover:text-white transition text-2xl">
404
+ <i class="fab fa-facebook"></i>
405
+ </a>
406
+ <a href="#" class="text-gray-400 hover:text-white transition text-2xl">
407
+ <i class="fab fa-twitter"></i>
408
+ </a>
409
+ <a href="#" class="text-gray-400 hover:text-white transition text-2xl">
410
+ <i class="fab fa-instagram"></i>
411
+ </a>
412
+ </div>
413
+ <p class="text-gray-400">Subscribe to our crime alert emails:</p>
414
+ <div class="mt-2 flex">
415
+ <input type="email" placeholder="Your email" class="bg-gray-700 text-white px-4 py-2 rounded-l-lg focus:outline-none w-full">
416
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-r-lg transition">
417
+ <i class="fas fa-paper-plane"></i>
418
+ </button>
419
+ </div>
420
+ </div>
421
+ </div>
422
+
423
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
424
+ <p>&copy; 2023 New Marshfield Crime Watch. All rights reserved.</p>
425
+ <p class="mt-2 text-sm">This website is not affiliated with any law enforcement agency. Information is gathered from public sources.</p>
426
+ </div>
427
+ </div>
428
+ </footer>
429
+
430
+ <!-- JavaScript for fetching arrest data -->
431
+ <script>
432
+ document.addEventListener('DOMContentLoaded', function() {
433
+ // Update timestamp
434
+ function updateTime() {
435
+ const now = new Date();
436
+ const options = {
437
+ hour: '2-digit',
438
+ minute: '2-digit',
439
+ hour12: true,
440
+ month: 'short',
441
+ day: 'numeric'
442
+ };
443
+ document.getElementById('update-time').textContent = now.toLocaleString('en-US', options);
444
+ }
445
+ updateTime();
446
+ setInterval(updateTime, 60000); // Update every minute
447
+
448
+ // Simulate fetching arrest data (in a real app, this would be API calls)
449
+ function fetchArrestData() {
450
+ // In a real implementation, we would:
451
+ // 1. Scrape https://www.athenssheriff.com/ for New Marshfield arrests
452
+ // 2. Check http://www.jdsinc.net/ohseorj/ for New Marshfield inmates
453
+ // 3. Filter to only show New Marshfield residents
454
+
455
+ // For demo purposes, we'll simulate this with sample data
456
+ const sampleArrests = [
457
+ {
458
+ name: "John A. Smith",
459
+ age: 32,
460
+ address: "123 Main St, New Marshfield",
461
+ charges: ["Burglary", "Possession of stolen property"],
462
+ date: "Today, 2:45 AM",
463
+ source: "Athens County Sheriff"
464
+ },
465
+ {
466
+ name: "Lisa M. Johnson",
467
+ age: 28,
468
+ address: "45 Oak Rd, New Marshfield",
469
+ charges: ["DUI", "Reckless operation"],
470
+ date: "Today, 1:15 AM",
471
+ source: "Ohio State Highway Patrol"
472
+ },
473
+ {
474
+ name: "Robert T. Williams",
475
+ age: 41,
476
+ address: "78 Pine Ln, New Marshfield",
477
+ charges: ["Domestic violence", "Assault"],
478
+ date: "Yesterday, 10:30 PM",
479
+ source: "Athens County Sheriff"
480
+ }
481
+ ];
482
+
483
+ const arrestsContainer = document.getElementById('arrests-container');
484
+ arrestsContainer.innerHTML = '';
485
+
486
+ if (sampleArrests.length === 0) {
487
+ arrestsContainer.innerHTML = `
488
+ <div class="p-6 text-center text-gray-500">
489
+ <i class="fas fa-check-circle text-green-500 text-4xl mb-3"></i>
490
+ <p class="font-medium">No recent arrests in New Marshfield</p>
491
+ <p class="text-sm">Last checked: <span id="update-time">Just now</span></p>
492
+ </div>
493
+ `;
494
+ return;
495
+ }
496
+
497
+ sampleArrests.forEach(arrest => {
498
+ const arrestCard = document.createElement('div');
499
+ arrestCard.className = 'p-4 border-b border-gray-200 last:border-b-0';
500
+ arrestCard.innerHTML = `
501
+ <div class="flex justify-between items-start mb-2">
502
+ <h3 class="font-bold text-lg text-gray-800">${arrest.name}</h3>
503
+ <span class="text-sm bg-gray-100 text-gray-600 px-2 py-1 rounded">${arrest.age} years</span>
504
+ </div>
505
+ <p class="text-sm text-gray-600 mb-2"><i class="fas fa-map-marker-alt mr-1 text-blue-500"></i> ${arrest.address}</p>
506
+ <div class="mb-3">
507
+ ${arrest.charges.map(charge => `
508
+ <span class="inline-block bg-red-100 text-red-800 text-xs px-2 py-1 rounded mr-1 mb-1">${charge}</span>
509
+ `).join('')}
510
+ </div>
511
+ <div class="flex justify-between items-center text-sm text-gray-500">
512
+ <span><i class="far fa-clock mr-1"></i> ${arrest.date}</span>
513
+ <span>Source: ${arrest.source}</span>
514
+ </div>
515
+ `;
516
+ arrestsContainer.appendChild(arrestCard);
517
+ });
518
+ }
519
+
520
+ // Initial fetch
521
+ setTimeout(fetchArrestData, 1500); // Simulate network delay
522
+
523
+ // Set up periodic refresh (every 15 minutes)
524
+ setInterval(fetchArrestData, 900000);
525
+
526
+ // Enable notifications button
527
+ const notifyBtn = document.querySelector('.crime-alert button');
528
+ if (notifyBtn) {
529
+ notifyBtn.addEventListener('click', function() {
530
+ if (!("Notification" in window)) {
531
+ alert("This browser doesn't support desktop notifications");
532
+ } else if (Notification.permission === "granted") {
533
+ alert("You're already subscribed to notifications!");
534
+ } else if (Notification.permission !== "denied") {
535
+ Notification.requestPermission().then(permission => {
536
+ if (permission === "granted") {
537
+ alert("Thank you for enabling notifications! You'll now receive crime alerts for New Marshfield.");
538
+ // In a real app, we would subscribe to push notifications here
539
+ }
540
+ });
541
+ }
542
+ });
543
+ }
544
+
545
+ // Most Wanted report buttons
546
+ document.querySelectorAll('.wanted-card button').forEach(button => {
547
+ button.addEventListener('click', function() {
548
+ const name = this.closest('.wanted-card').querySelector('h3').textContent;
549
+ alert(`Thank you for wanting to report information about ${name}. In a real implementation, this would connect you to the Athens County Sheriff's tip line.`);
550
+ });
551
+ });
552
+ });
553
+ </script>
554
+ <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=Whodat1972/https-enzostvs-deepsite-hf-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
555
+ </html>
prompts.txt ADDED
File without changes