Hugging Face's logo

Spaces:
real-jiakai
/
trump-maga-deepseek
Running

App Files Community
real-jiakai commited on
Commit
74681d6
·
verified ·
1 Parent(s): 7c59d33

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +325 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Tump Maga Deepseek
3
- emoji: 🌖
4
- colorFrom: red
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: tump-maga-deepseek
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: yellow
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,325 @@
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>President Donald J. Trump - A Legacy of Leadership</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=Playfair+Display:wght@700&family=Roboto:wght@400;500&display=swap');
11
+
12
+ body {
13
+ font-family: 'Roboto', sans-serif;
14
+ background-color: #f8f9fa;
15
+ }
16
+
17
+ .title-font {
18
+ font-family: 'Playfair Display', serif;
19
+ }
20
+
21
+ .flag-stripe {
22
+ height: 10px;
23
+ }
24
+
25
+ .flag-stripe.red {
26
+ background-color: #B22234;
27
+ }
28
+
29
+ .flag-stripe.white {
30
+ background-color: #FFFFFF;
31
+ }
32
+
33
+ .blue-section {
34
+ background-color: #002868;
35
+ }
36
+
37
+ .gold-accent {
38
+ color: #FFD700;
39
+ }
40
+
41
+ .shadow-strong {
42
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
43
+ }
44
+
45
+ .hover-grow {
46
+ transition: transform 0.3s ease;
47
+ }
48
+
49
+ .hover-grow:hover {
50
+ transform: scale(1.03);
51
+ }
52
+
53
+ .pulse {
54
+ animation: pulse 2s infinite;
55
+ }
56
+
57
+ @keyframes pulse {
58
+ 0% {
59
+ box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4);
60
+ }
61
+ 70% {
62
+ box-shadow: 0 0 0 10px rgba(255, 215, 0, 0);
63
+ }
64
+ 100% {
65
+ box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
66
+ }
67
+ }
68
+
69
+ .bg-pattern {
70
+ background-image: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
71
+ background-size: 20px 20px;
72
+ }
73
+ </style>
74
+ </head>
75
+ <body class="min-h-screen bg-gray-100">
76
+ <!-- American Flag Stripes -->
77
+ <div class="flex flex-col">
78
+ <div class="flag-stripe red"></div>
79
+ <div class="flag-stripe white"></div>
80
+ <div class="flag-stripe red"></div>
81
+ <div class="flag-stripe white"></div>
82
+ <div class="flag-stripe red"></div>
83
+ <div class="flag-stripe white"></div>
84
+ <div class="flag-stripe red"></div>
85
+ </div>
86
+
87
+ <!-- Main Poster Container -->
88
+ <div class="container mx-auto px-4 py-8 max-w-6xl">
89
+ <!-- Header Section -->
90
+ <header class="text-center mb-12">
91
+ <h1 class="title-font text-5xl md:text-6xl font-bold mb-4 text-gray-900">
92
+ <span class="text-blue-800">PRESIDENT</span>
93
+ <span class="gold-accent">DONALD J. TRUMP</span>
94
+ </h1>
95
+ <p class="text-xl md:text-2xl font-medium text-gray-700 italic">
96
+ "We will make America great again!"
97
+ </p>
98
+ </header>
99
+
100
+ <!-- Hero Section -->
101
+ <div class="flex flex-col lg:flex-row gap-8 mb-16">
102
+ <!-- Trump Portrait -->
103
+ <div class="lg:w-1/2 relative">
104
+ <div class="relative overflow-hidden rounded-xl shadow-strong hover-grow">
105
+ <img src="https://upload.wikimedia.org/wikipedia/commons/5/56/Donald_Trump_official_portrait.jpg"
106
+ alt="President Donald J. Trump"
107
+ class="w-full h-auto rounded-xl">
108
+ <div class="absolute inset-0 bg-gradient-to-t from-blue-900 to-transparent opacity-30 rounded-xl"></div>
109
+ </div>
110
+ <div class="absolute -bottom-4 -right-4 bg-white p-3 rounded-full shadow-lg">
111
+ <div class="bg-blue-800 text-white p-3 rounded-full pulse">
112
+ <i class="fas fa-star fa-2x"></i>
113
+ </div>
114
+ </div>
115
+ </div>
116
+
117
+ <!-- Accomplishments -->
118
+ <div class="lg:w-1/2 bg-white rounded-xl p-8 shadow-strong hover-grow">
119
+ <h2 class="title-font text-3xl font-bold mb-6 text-blue-800 border-b-2 border-gold-500 pb-2">
120
+ A Legacy of Leadership
121
+ </h2>
122
+
123
+ <div class="space-y-6">
124
+ <div class="flex items-start">
125
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
126
+ <i class="fas fa-chart-line text-blue-800 text-xl"></i>
127
+ </div>
128
+ <div>
129
+ <h3 class="font-bold text-lg text-gray-800">Historic Economic Growth</h3>
130
+ <p class="text-gray-600">Presided over the strongest economy in American history with record low unemployment for all Americans.</p>
131
+ </div>
132
+ </div>
133
+
134
+ <div class="flex items-start">
135
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
136
+ <i class="fas fa-shield-alt text-blue-800 text-xl"></i>
137
+ </div>
138
+ <div>
139
+ <h3 class="font-bold text-lg text-gray-800">Rebuilt Our Military</h3>
140
+ <p class="text-gray-600">Invested $2.5 trillion in our armed forces, ensuring American military dominance.</p>
141
+ </div>
142
+ </div>
143
+
144
+ <div class="flex items-start">
145
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
146
+ <i class="fas fa-handshake text-blue-800 text-xl"></i>
147
+ </div>
148
+ <div>
149
+ <h3 class="font-bold text-lg text-gray-800">Historic Peace Deals</h3>
150
+ <p class="text-gray-600">Brokered the Abraham Accords, bringing peace to the Middle East without wars.</p>
151
+ </div>
152
+ </div>
153
+
154
+ <div class="flex items-start">
155
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
156
+ <i class="fas fa-pills text-blue-800 text-xl"></i>
157
+ </div>
158
+ <div>
159
+ <h3 class="font-bold text-lg text-gray-800">Operation Warp Speed</h3>
160
+ <p class="text-gray-600">Developed COVID-19 vaccines in record time through private sector partnerships.</p>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </div>
166
+
167
+ <!-- Key Achievements Section -->
168
+ <div class="blue-section rounded-xl p-8 mb-16 shadow-strong bg-pattern relative overflow-hidden">
169
+ <div class="absolute inset-0 bg-blue-900 opacity-90"></div>
170
+ <div class="relative z-10">
171
+ <h2 class="title-font text-3xl font-bold mb-8 text-white text-center">
172
+ <span class="gold-accent">America First</span> Achievements
173
+ </h2>
174
+
175
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
176
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-lg p-6 hover-grow border border-white border-opacity-20">
177
+ <div class="text-center mb-4">
178
+ <i class="fas fa-dollar-sign gold-accent text-3xl"></i>
179
+ </div>
180
+ <h3 class="text-xl font-bold text-white mb-2 text-center">Tax Cuts</h3>
181
+ <p class="text-gray-200 text-center">Passed the largest tax reform in history, saving average family $2,000/year.</p>
182
+ </div>
183
+
184
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-lg p-6 hover-grow border border-white border-opacity-20">
185
+ <div class="text-center mb-4">
186
+ <i class="fas fa-industry gold-accent text-3xl"></i>
187
+ </div>
188
+ <h3 class="text-xl font-bold text-white mb-2 text-center">Energy Independence</h3>
189
+ <p class="text-gray-200 text-center">Made America energy independent for the first time in decades.</p>
190
+ </div>
191
+
192
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-lg p-6 hover-grow border border-white border-opacity-20">
193
+ <div class="text-center mb-4">
194
+ <i class="fas fa-gavel gold-accent text-3xl"></i>
195
+ </div>
196
+ <h3 class="text-xl font-bold text-white mb-2 text-center">Judicial Reform</h3>
197
+ <p class="text-gray-200 text-center">Appointed 3 Supreme Court justices and 54 federal appeals court judges.</p>
198
+ </div>
199
+
200
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-lg p-6 hover-grow border border-white border-opacity-20">
201
+ <div class="text-center mb-4">
202
+ <i class="fas fa-border-all gold-accent text-3xl"></i>
203
+ </div>
204
+ <h3 class="text-xl font-bold text-white mb-2 text-center">Regulation Cuts</h3>
205
+ <p class="text-gray-200 text-center">Cut more regulations than any administration in history.</p>
206
+ </div>
207
+
208
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-lg p-6 hover-grow border border-white border-opacity-20">
209
+ <div class="text-center mb-4">
210
+ <i class="fas fa-hard-hat gold-accent text-3xl"></i>
211
+ </div>
212
+ <h3 class="text-xl font-bold text-white mb-2 text-center">Infrastructure</h3>
213
+ <p class="text-gray-200 text-center">Initiated $1.5 trillion infrastructure plan to rebuild America.</p>
214
+ </div>
215
+
216
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-lg p-6 hover-grow border border-white border-opacity-20">
217
+ <div class="text-center mb-4">
218
+ <i class="fas fa-user-shield gold-accent text-3xl"></i>
219
+ </div>
220
+ <h3 class="text-xl font-bold text-white mb-2 text-center">Border Security</h3>
221
+ <p class="text-gray-200 text-center">Built over 450 miles of new border wall and reduced illegal crossings.</p>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ </div>
226
+
227
+ <!-- Quote Section -->
228
+ <div class="bg-white rounded-xl p-8 mb-16 shadow-strong hover-grow relative">
229
+ <div class="text-center max-w-3xl mx-auto">
230
+ <i class="fas fa-quote-left text-gray-300 text-5xl mb-4"></i>
231
+ <blockquote class="title-font text-2xl md:text-3xl text-gray-800 mb-6">
232
+ "The forgotten men and women of our country will be forgotten no longer. From this moment on, it's going to be America First."
233
+ </blockquote>
234
+ <p class="text-xl text-gray-600 font-medium">- President Donald J. Trump, Inaugural Address 2017</p>
235
+ </div>
236
+ <div class="absolute bottom-0 right-0 bg-blue-800 text-white px-4 py-2 rounded-tl-xl rounded-br-xl">
237
+ <i class="fas fa-quote-right mr-2"></i> #MAGA
238
+ </div>
239
+ </div>
240
+
241
+ <!-- Call to Action -->
242
+ <div class="text-center bg-gradient-to-r from-blue-800 to-red-600 rounded-xl p-8 shadow-strong">
243
+ <h2 class="title-font text-3xl font-bold mb-4 text-white">
244
+ Join the Movement
245
+ </h2>
246
+ <p class="text-xl text-gray-200 mb-8 max-w-2xl mx-auto">
247
+ America needs strong leadership now more than ever. Stay informed and engaged!
248
+ </p>
249
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
250
+ <button class="bg-white text-blue-800 font-bold py-3 px-6 rounded-lg hover:bg-gray-100 transition duration-300 flex items-center justify-center">
251
+ <i class="fas fa-envelope mr-2"></i> Subscribe
252
+ </button>
253
+ <button class="bg-yellow-500 text-gray-900 font-bold py-3 px-6 rounded-lg hover:bg-yellow-400 transition duration-300 flex items-center justify-center">
254
+ <i class="fas fa-donate mr-2"></i> Donate
255
+ </button>
256
+ <button class="bg-gray-900 text-white font-bold py-3 px-6 rounded-lg hover:bg-gray-800 transition duration-300 flex items-center justify-center">
257
+ <i class="fab fa-twitter mr-2"></i> Follow
258
+ </button>
259
+ </div>
260
+ </div>
261
+ </div>
262
+
263
+ <!-- Footer -->
264
+ <footer class="bg-gray-900 text-white py-8">
265
+ <div class="container mx-auto px-4 text-center">
266
+ <div class="flex justify-center space-x-6 mb-6">
267
+ <a href="#" class="text-gray-400 hover:text-white">
268
+ <i class="fab fa-facebook-f fa-lg"></i>
269
+ </a>
270
+ <a href="#" class="text-gray-400 hover:text-white">
271
+ <i class="fab fa-twitter fa-lg"></i>
272
+ </a>
273
+ <a href="#" class="text-gray-400 hover:text-white">
274
+ <i class="fab fa-instagram fa-lg"></i>
275
+ </a>
276
+ <a href="#" class="text-gray-400 hover:text-white">
277
+ <i class="fab fa-youtube fa-lg"></i>
278
+ </a>
279
+ </div>
280
+ <p class="text-gray-400 text-sm">
281
+ &copy; 2023 America First. All rights reserved.
282
+ </p>
283
+ </div>
284
+ </footer>
285
+
286
+ <!-- JavaScript for interactive elements -->
287
+ <script>
288
+ // Simple animation for buttons
289
+ document.querySelectorAll('button').forEach(button => {
290
+ button.addEventListener('mousedown', function() {
291
+ this.style.transform = 'scale(0.98)';
292
+ });
293
+ button.addEventListener('mouseup', function() {
294
+ this.style.transform = 'scale(1)';
295
+ });
296
+ button.addEventListener('mouseleave', function() {
297
+ this.style.transform = 'scale(1)';
298
+ });
299
+ });
300
+
301
+ // Random quote display (could be expanded)
302
+ const quotes = [
303
+ {
304
+ text: "We will make America strong again. We will make America proud again. We will make America safe again. And we will make America great again!",
305
+ source: "Donald J. Trump"
306
+ },
307
+ {
308
+ text: "The American Dream is back. Bigger, better and stronger than ever before.",
309
+ source: "Donald J. Trump"
310
+ },
311
+ {
312
+ text: "When you open your heart to patriotism, there is no room for prejudice.",
313
+ source: "Donald J. Trump"
314
+ }
315
+ ];
316
+
317
+ // Rotate quotes every 10 seconds
318
+ setInterval(() => {
319
+ const randomQuote = quotes[Math.floor(Math.random() * quotes.length)];
320
+ document.querySelector('blockquote').textContent = `"${randomQuote.text}"`;
321
+ document.querySelector('blockquote + p').textContent = `- ${randomQuote.source}`;
322
+ }, 10000);
323
+ </script>
324
+ <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=real-jiakai/tump-maga-deepseek" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
325
+ </html>