Hugging Face's logo

Spaces:
fdaudens
/
ai-copyright-lawsuits
Running

App Files Community
2
fdaudens HF Staff commited on
Commit
a756701
·
verified ·
1 Parent(s): f5beb9a

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +433 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ai Copyright Lawsuits
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: ai-copyright-lawsuits
3
+ emoji: 🐳
4
+ colorFrom: red
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,433 @@
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>AI Copyright Lawsuit Timeline</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
+ .timeline-container {
11
+ position: relative;
12
+ max-width: 1200px;
13
+ margin: 0 auto;
14
+ }
15
+
16
+ .timeline-container::after {
17
+ content: '';
18
+ position: absolute;
19
+ width: 6px;
20
+ background-color: #3b82f6;
21
+ top: 0;
22
+ bottom: 0;
23
+ left: 50%;
24
+ margin-left: -3px;
25
+ border-radius: 10px;
26
+ }
27
+
28
+ .timeline-card {
29
+ padding: 10px 40px;
30
+ position: relative;
31
+ width: 50%;
32
+ box-sizing: border-box;
33
+ }
34
+
35
+ .timeline-card::after {
36
+ content: '';
37
+ position: absolute;
38
+ width: 25px;
39
+ height: 25px;
40
+ background-color: white;
41
+ border: 4px solid #3b82f6;
42
+ border-radius: 50%;
43
+ top: 15px;
44
+ z-index: 1;
45
+ }
46
+
47
+ .left {
48
+ left: 0;
49
+ }
50
+
51
+ .right {
52
+ left: 50%;
53
+ }
54
+
55
+ .left::after {
56
+ right: -12px;
57
+ }
58
+
59
+ .right::after {
60
+ left: -12px;
61
+ }
62
+
63
+ .timeline-content {
64
+ padding: 20px 30px;
65
+ background-color: white;
66
+ position: relative;
67
+ border-radius: 6px;
68
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
69
+ }
70
+
71
+ @media screen and (max-width: 768px) {
72
+ .timeline-container::after {
73
+ left: 31px;
74
+ }
75
+
76
+ .timeline-card {
77
+ width: 100%;
78
+ padding-left: 70px;
79
+ padding-right: 25px;
80
+ }
81
+
82
+ .timeline-card::after {
83
+ left: 18px;
84
+ }
85
+
86
+ .left::after, .right::after {
87
+ left: 18px;
88
+ }
89
+
90
+ .right {
91
+ left: 0%;
92
+ }
93
+ }
94
+
95
+ .status-pending {
96
+ background-color: #f59e0b;
97
+ }
98
+
99
+ .status-settled {
100
+ background-color: #10b981;
101
+ }
102
+
103
+ .status-dismissed {
104
+ background-color: #6b7280;
105
+ }
106
+
107
+ .status-active {
108
+ background-color: #3b82f6;
109
+ }
110
+
111
+ .expandable {
112
+ max-height: 0;
113
+ overflow: hidden;
114
+ transition: max-height 0.3s ease-out;
115
+ }
116
+ </style>
117
+ </head>
118
+ <body class="bg-gray-50 min-h-screen">
119
+ <div class="container mx-auto px-4 py-8">
120
+ <header class="mb-12 text-center">
121
+ <h1 class="text-4xl font-bold text-blue-600 mb-4">AI Copyright Lawsuit Timeline</h1>
122
+ <p class="text-lg text-gray-600 max-w-2xl mx-auto">
123
+ Tracking legal cases involving artificial intelligence and copyright issues. This timeline visualizes key lawsuits, their status, and outcomes.
124
+ </p>
125
+ </header>
126
+
127
+ <div class="flex justify-center mb-8">
128
+ <div class="relative w-full max-w-md">
129
+ <input type="text" id="searchInput" placeholder="Search cases..." class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
130
+ <i class="fas fa-search absolute right-3 top-3 text-gray-400"></i>
131
+ </div>
132
+ </div>
133
+
134
+ <div class="flex justify-center mb-6">
135
+ <div class="flex flex-wrap gap-2">
136
+ <button class="filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-700 hover:bg-blue-200 transition" data-filter="all">All Cases</button>
137
+ <button class="filter-btn px-4 py-2 rounded-full bg-orange-100 text-orange-700 hover:bg-orange-200 transition" data-filter="pending">Pending</button>
138
+ <button class="filter-btn px-4 py-2 rounded-full bg-green-100 text-green-700 hover:bg-green-200 transition" data-filter="settled">Settled</button>
139
+ <button class="filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-700 hover:bg-blue-200 transition" data-filter="active">Active</button>
140
+ <button class="filter-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition" data-filter="dismissed">Dismissed</button>
141
+ </div>
142
+ </div>
143
+
144
+ <div class="timeline-container">
145
+ <!-- Case 1 -->
146
+ <div class="timeline-card left" data-status="active" data-search="Andersen v. Stability AI Getty Images Stability AI Midjourney DeviantArt January 2023 US District Court for the Northern District of California">
147
+ <div class="timeline-content">
148
+ <div class="flex justify-between items-start mb-2">
149
+ <h2 class="text-xl font-bold text-gray-800">Andersen v. Stability AI</h2>
150
+ <span class="px-3 py-1 rounded-full text-xs font-semibold text-white status-active">Active</span>
151
+ </div>
152
+ <div class="flex flex-wrap gap-2 mb-3">
153
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-tie mr-1"></i>Plaintiffs: Sarah Andersen, Kelly McKernan, Karla Ortiz</span>
154
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-shield mr-1"></i>Defendants: Stability AI, Midjourney, DeviantArt</span>
155
+ </div>
156
+ <div class="text-sm text-gray-600 mb-3">
157
+ <span class="mr-3"><i class="far fa-calendar mr-1"></i>Filed: January 2023</span>
158
+ <span><i class="fas fa-gavel mr-1"></i>Court: US District Court for the Northern District of California</span>
159
+ </div>
160
+ <p class="text-gray-700 mb-3">Artists allege that AI companies infringed on their copyrights by using their artworks to train AI image generators without permission. The case questions whether AI training constitutes fair use.</p>
161
+ <div class="expandable" id="expandable-1">
162
+ <div class="bg-gray-50 p-3 rounded mb-3">
163
+ <h4 class="font-semibold mb-1">Case Summary:</h4>
164
+ <p class="text-sm">The plaintiffs argue that the AI companies copied their copyrighted works to train Stable Diffusion and other AI models, which can now produce outputs in their styles. The defendants claim fair use, arguing that the training process transforms the original works.</p>
165
+ </div>
166
+ <a href="https://stablediffusionlitigation.com/pdf/00201/1-1-stable-diffusion-complaint.pdf" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center">
167
+ <i class="fas fa-file-pdf mr-2"></i> View Filing PDF
168
+ </a>
169
+ </div>
170
+ <button onclick="toggleExpand('expandable-1')" class="text-blue-600 text-sm font-medium mt-2 flex items-center">
171
+ <span>Show Details</span>
172
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
173
+ </button>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Case 2 -->
178
+ <div class="timeline-card right" data-status="pending" data-search="Getty Images v. Stability AI Getty Images Stability AI February 2023 US District Court for the District of Delaware">
179
+ <div class="timeline-content">
180
+ <div class="flex justify-between items-start mb-2">
181
+ <h2 class="text-xl font-bold text-gray-800">Getty Images v. Stability AI</h2>
182
+ <span class="px-3 py-1 rounded-full text-xs font-semibold text-white status-pending">Pending</span>
183
+ </div>
184
+ <div class="flex flex-wrap gap-2 mb-3">
185
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-tie mr-1"></i>Plaintiff: Getty Images</span>
186
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-shield mr-1"></i>Defendant: Stability AI</span>
187
+ </div>
188
+ <div class="text-sm text-gray-600 mb-3">
189
+ <span class="mr-3"><i class="far fa-calendar mr-1"></i>Filed: February 2023</span>
190
+ <span><i class="fas fa-gavel mr-1"></i>Court: US District Court for the District of Delaware</span>
191
+ </div>
192
+ <p class="text-gray-700 mb-3">Getty Images alleges that Stability AI copied millions of images from its database without permission or compensation to train Stable Diffusion, violating copyright and trademark laws.</p>
193
+ <div class="expandable" id="expandable-2">
194
+ <div class="bg-gray-50 p-3 rounded mb-3">
195
+ <h4 class="font-semibold mb-1">Case Summary:</h4>
196
+ <p class="text-sm">Getty claims Stability AI removed or altered copyright management information from its images, which is prohibited under the Digital Millennium Copyright Act. The case also involves trademark infringement claims due to AI occasionally generating images with distorted Getty watermarks.</p>
197
+ </div>
198
+ <a href="https://www.courtlistener.com/docket/66775326/getty-images-us-inc-v-stability-ai-inc/" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center">
199
+ <i class="fas fa-file-pdf mr-2"></i> View Case Documents
200
+ </a>
201
+ </div>
202
+ <button onclick="toggleExpand('expandable-2')" class="text-blue-600 text-sm font-medium mt-2 flex items-center">
203
+ <span>Show Details</span>
204
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
205
+ </button>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- Case 3 -->
210
+ <div class="timeline-card left" data-status="settled" data-search="Authors Guild v. Google Authors Guild Google September 2005 US District Court for the Southern District of New York">
211
+ <div class="timeline-content">
212
+ <div class="flex justify-between items-start mb-2">
213
+ <h2 class="text-xl font-bold text-gray-800">Authors Guild v. Google</h2>
214
+ <span class="px-3 py-1 rounded-full text-xs font-semibold text-white status-settled">Settled</span>
215
+ </div>
216
+ <div class="flex flex-wrap gap-2 mb-3">
217
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-tie mr-1"></i>Plaintiff: Authors Guild</span>
218
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-shield mr-1"></i>Defendant: Google</span>
219
+ </div>
220
+ <div class="text-sm text-gray-600 mb-3">
221
+ <span class="mr-3"><i class="far fa-calendar mr-1"></i>Filed: September 2005</span>
222
+ <span><i class="fas fa-gavel mr-1"></i>Court: US District Court for the Southern District of New York</span>
223
+ </div>
224
+ <p class="text-gray-700 mb-3">Landmark case where authors sued Google for scanning books and making snippets available online. The court ruled in favor of Google, establishing important fair use precedent for AI training cases.</p>
225
+ <div class="expandable" id="expandable-3">
226
+ <div class="bg-gray-50 p-3 rounded mb-3">
227
+ <h4 class="font-semibold mb-1">Case Summary:</h4>
228
+ <p class="text-sm">The court found Google's book scanning project to be transformative fair use, as it created a searchable database while displaying only small snippets. This case is frequently cited in AI training disputes as it established that copying for the purpose of creating new functionality can be fair use.</p>
229
+ </div>
230
+ <a href="https://www.supremecourt.gov/opinions/15pdf/15-849_16kg.pdf" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center">
231
+ <i class="fas fa-file-pdf mr-2"></i> View Supreme Court Denial
232
+ </a>
233
+ </div>
234
+ <button onclick="toggleExpand('expandable-3')" class="text-blue-600 text-sm font-medium mt-2 flex items-center">
235
+ <span>Show Details</span>
236
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
237
+ </button>
238
+ </div>
239
+ </div>
240
+
241
+ <!-- Case 4 -->
242
+ <div class="timeline-card right" data-status="active" data-search="Silverman v. OpenAI Sarah Silverman OpenAI July 2023 US District Court for the Northern District of California">
243
+ <div class="timeline-content">
244
+ <div class="flex justify-between items-start mb-2">
245
+ <h2 class="text-xl font-bold text-gray-800">Silverman v. OpenAI</h2>
246
+ <span class="px-3 py-1 rounded-full text-xs font-semibold text-white status-active">Active</span>
247
+ </div>
248
+ <div class="flex flex-wrap gap-2 mb-3">
249
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-tie mr-1"></i>Plaintiffs: Sarah Silverman, Christopher Golden, Richard Kadrey</span>
250
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-shield mr-1"></i>Defendant: OpenAI</span>
251
+ </div>
252
+ <div class="text-sm text-gray-600 mb-3">
253
+ <span class="mr-3"><i class="far fa-calendar mr-1"></i>Filed: July 2023</span>
254
+ <span><i class="fas fa-gavel mr-1"></i>Court: US District Court for the Northern District of California</span>
255
+ </div>
256
+ <p class="text-gray-700 mb-3">Authors allege that OpenAI used their copyrighted books without permission to train ChatGPT, violating copyright law. The case tests whether AI training constitutes fair use of copyrighted material.</p>
257
+ <div class="expandable" id="expandable-4">
258
+ <div class="bg-gray-50 p-3 rounded mb-3">
259
+ <h4 class="font-semibold mb-1">Case Summary:</h4>
260
+ <p class="text-sm">The plaintiffs claim their books were included in the "Books3" dataset used to train ChatGPT. They argue that because ChatGPT can summarize their books, it must have ingested and retained copies of the protected works. OpenAI maintains that its use falls under fair use as the training process is transformative.</p>
261
+ </div>
262
+ <a href="https://storage.courtlistener.com/recap/gov.uscourts.cand.413149/gov.uscourts.cand.413149.1.0.pdf" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center">
263
+ <i class="fas fa-file-pdf mr-2"></i> View Complaint
264
+ </a>
265
+ </div>
266
+ <button onclick="toggleExpand('expandable-4')" class="text-blue-600 text-sm font-medium mt-2 flex items-center">
267
+ <span>Show Details</span>
268
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
269
+ </button>
270
+ </div>
271
+ </div>
272
+
273
+ <!-- Case 5 -->
274
+ <div class="timeline-card left" data-status="dismissed" data-search="Naruto v. Slater Naruto David Slater September 2015 US District Court for the Northern District of California">
275
+ <div class="timeline-content">
276
+ <div class="flex justify-between items-start mb-2">
277
+ <h2 class="text-xl font-bold text-gray-800">Naruto v. Slater</h2>
278
+ <span class="px-3 py-1 rounded-full text-xs font-semibold text-white status-dismissed">Dismissed</span>
279
+ </div>
280
+ <div class="flex flex-wrap gap-2 mb-3">
281
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-tie mr-1"></i>Plaintiff: Naruto (crested macaque)</span>
282
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-shield mr-1"></i>Defendant: David Slater</span>
283
+ </div>
284
+ <div class="text-sm text-gray-600 mb-3">
285
+ <span class="mr-3"><i class="far fa-calendar mr-1"></i>Filed: September 2015</span>
286
+ <span><i class="fas fa-gavel mr-1"></i>Court: US District Court for the Northern District of California</span>
287
+ </div>
288
+ <p class="text-gray-700 mb-3">Unique case where an animal rights group sued on behalf of a monkey who took a selfie, questioning whether non-humans can hold copyright. The case has implications for AI-generated works.</p>
289
+ <div class="expandable" id="expandable-5">
290
+ <div class="bg-gray-50 p-3 rounded mb-3">
291
+ <h4 class="font-semibold mb-1">Case Summary:</h4>
292
+ <p class="text-sm">The court ruled that animals cannot hold copyrights under US law. This case is often referenced in discussions about AI-generated content, as it raises similar questions about authorship when the creator is not human. The Copyright Office later clarified that works generated by machines without human input are not copyrightable.</p>
293
+ </div>
294
+ <a href="https://www.courtlistener.com/opinion/4278832/naruto-v-slater/" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center">
295
+ <i class="fas fa-file-pdf mr-2"></i> View Court Opinion
296
+ </a>
297
+ </div>
298
+ <button onclick="toggleExpand('expandable-5')" class="text-blue-600 text-sm font-medium mt-2 flex items-center">
299
+ <span>Show Details</span>
300
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
301
+ </button>
302
+ </div>
303
+ </div>
304
+
305
+ <!-- Case 6 -->
306
+ <div class="timeline-card right" data-status="active" data-search="New York Times v. Microsoft New York Times Microsoft OpenAI December 2023 US District Court for the Southern District of New York">
307
+ <div class="timeline-content">
308
+ <div class="flex justify-between items-start mb-2">
309
+ <h2 class="text-xl font-bold text-gray-800">New York Times v. Microsoft</h2>
310
+ <span class="px-3 py-1 rounded-full text-xs font-semibold text-white status-active">Active</span>
311
+ </div>
312
+ <div class="flex flex-wrap gap-2 mb-3">
313
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-tie mr-1"></i>Plaintiff: New York Times</span>
314
+ <span class="bg-gray-100 px-2 py-1 rounded text-xs"><i class="fas fa-user-shield mr-1"></i>Defendants: Microsoft, OpenAI</span>
315
+ </div>
316
+ <div class="text-sm text-gray-600 mb-3">
317
+ <span class="mr-3"><i class="far fa-calendar mr-1"></i>Filed: December 2023</span>
318
+ <span><i class="fas fa-gavel mr-1"></i>Court: US District Court for the Southern District of New York</span>
319
+ </div>
320
+ <p class="text-gray-700 mb-3">The New York Times alleges that Microsoft and OpenAI used millions of its articles to train AI models without permission, and that ChatGPT can reproduce Times content verbatim.</p>
321
+ <div class="expandable" id="expandable-6">
322
+ <div class="bg-gray-50 p-3 rounded mb-3">
323
+ <h4 class="font-semibold mb-1">Case Summary:</h4>
324
+ <p class="text-sm">The Times claims the defendants' AI models can generate near-verbatim copies of its articles, potentially diverting web traffic and revenue. The case includes claims of copyright infringement and removal of copyright management information. OpenAI argues its use constitutes fair use and that regurgitation of content is rare.</p>
325
+ </div>
326
+ <a href="https://nytco-assets.nytimes.com/2023/12/NYT_Complaint_Dec2023.pdf" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center">
327
+ <i class="fas fa-file-pdf mr-2"></i> View Complaint
328
+ </a>
329
+ </div>
330
+ <button onclick="toggleExpand('expandable-6')" class="text-blue-600 text-sm font-medium mt-2 flex items-center">
331
+ <span>Show Details</span>
332
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
333
+ </button>
334
+ </div>
335
+ </div>
336
+ </div>
337
+
338
+ <div class="mt-12 bg-white rounded-lg shadow p-6 max-w-4xl mx-auto">
339
+ <h3 class="text-xl font-bold text-gray-800 mb-4">About This Timeline</h3>
340
+ <p class="text-gray-700 mb-4">
341
+ This timeline tracks significant legal cases involving artificial intelligence and copyright law. As AI systems increasingly rely on copyrighted material for training, these cases will help shape the legal landscape for AI development and use.
342
+ </p>
343
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
344
+ <div class="bg-blue-50 p-3 rounded-lg">
345
+ <div class="text-blue-600 font-bold text-2xl mb-1">6</div>
346
+ <div class="text-sm text-gray-600">Cases Tracked</div>
347
+ </div>
348
+ <div class="bg-orange-50 p-3 rounded-lg">
349
+ <div class="text-orange-600 font-bold text-2xl mb-1">3</div>
350
+ <div class="text-sm text-gray-600">Active Cases</div>
351
+ </div>
352
+ <div class="bg-green-50 p-3 rounded-lg">
353
+ <div class="text-green-600 font-bold text-2xl mb-1">1</div>
354
+ <div class="text-sm text-gray-600">Settled Cases</div>
355
+ </div>
356
+ <div class="bg-gray-50 p-3 rounded-lg">
357
+ <div class="text-gray-600 font-bold text-2xl mb-1">1</div>
358
+ <div class="text-sm text-gray-600">Dismissed Cases</div>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </div>
363
+
364
+ <footer class="bg-gray-100 py-8 mt-12">
365
+ <div class="container mx-auto px-4 text-center text-gray-600">
366
+ <p>AI Copyright Lawsuit Timeline • Last Updated: June 2024</p>
367
+ <p class="mt-2 text-sm">This information is provided for educational purposes only and does not constitute legal advice.</p>
368
+ <div class="flex justify-center space-x-4 mt-4">
369
+ <a href="#" class="text-gray-500 hover:text-gray-700"><i class="fab fa-twitter"></i></a>
370
+ <a href="#" class="text-gray-500 hover:text-gray-700"><i class="fas fa-envelope"></i></a>
371
+ <a href="#" class="text-gray-500 hover:text-gray-700"><i class="fas fa-rss"></i></a>
372
+ </div>
373
+ </div>
374
+ </footer>
375
+
376
+ <script>
377
+ // Toggle expandable content
378
+ function toggleExpand(id) {
379
+ const element = document.getElementById(id);
380
+ const button = element.previousElementSibling;
381
+
382
+ if (element.style.maxHeight) {
383
+ element.style.maxHeight = null;
384
+ button.querySelector('span').textContent = 'Show Details';
385
+ button.querySelector('i').className = 'fas fa-chevron-down ml-1 text-xs';
386
+ } else {
387
+ element.style.maxHeight = element.scrollHeight + 'px';
388
+ button.querySelector('span').textContent = 'Hide Details';
389
+ button.querySelector('i').className = 'fas fa-chevron-up ml-1 text-xs';
390
+ }
391
+ }
392
+
393
+ // Filter cases by status
394
+ document.querySelectorAll('.filter-btn').forEach(button => {
395
+ button.addEventListener('click', function() {
396
+ const filter = this.getAttribute('data-filter');
397
+ const cases = document.querySelectorAll('.timeline-card');
398
+
399
+ cases.forEach(caseItem => {
400
+ if (filter === 'all' || caseItem.getAttribute('data-status') === filter) {
401
+ caseItem.style.display = 'block';
402
+ } else {
403
+ caseItem.style.display = 'none';
404
+ }
405
+ });
406
+
407
+ // Update active button
408
+ document.querySelectorAll('.filter-btn').forEach(btn => {
409
+ btn.classList.remove('bg-blue-200', 'bg-orange-200', 'bg-green-200', 'bg-gray-200');
410
+ });
411
+ this.classList.add(this.classList.contains('bg-blue-100') ? 'bg-blue-200' :
412
+ this.classList.contains('bg-orange-100') ? 'bg-orange-200' :
413
+ this.classList.contains('bg-green-100') ? 'bg-green-200' : 'bg-gray-200');
414
+ });
415
+ });
416
+
417
+ // Search functionality
418
+ document.getElementById('searchInput').addEventListener('input', function() {
419
+ const searchTerm = this.value.toLowerCase();
420
+ const cases = document.querySelectorAll('.timeline-card');
421
+
422
+ cases.forEach(caseItem => {
423
+ const searchData = caseItem.getAttribute('data-search').toLowerCase();
424
+ if (searchData.includes(searchTerm)) {
425
+ caseItem.style.display = 'block';
426
+ } else {
427
+ caseItem.style.display = 'none';
428
+ }
429
+ });
430
+ });
431
+ </script>
432
+ <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=fdaudens/ai-copyright-lawsuits" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
433
+ </html>