Spaces:
Running
Running
feat: added assets
Browse files- .DS_Store +0 -0
- app.py +4 -1
- chat_history.json +158 -0
- games/game_9/round_consequences.json +6 -0
- games/game_9/round_context.json +6 -0
- static/images/game_over.png +0 -0
- static/images/intro/Intro.jpg +0 -0
- static/images/intro/fire3.png +0 -0
- static/images/trump_popup.jpg +0 -0
- static/intro.html +148 -0
.DS_Store
ADDED
Binary file (6.15 kB). View file
|
|
app.py
CHANGED
@@ -169,5 +169,8 @@ async def send_message(message: Message):
|
|
169 |
raise e
|
170 |
raise HTTPException(status_code=500, detail=str(e))
|
171 |
|
172 |
-
#
|
|
|
|
|
|
|
173 |
app.mount("/", StaticFiles(directory="static", html=True), name="static")
|
|
|
169 |
raise e
|
170 |
raise HTTPException(status_code=500, detail=str(e))
|
171 |
|
172 |
+
# Add this before the final static files mount
|
173 |
+
app.mount("/images", StaticFiles(directory="static/images"), name="images")
|
174 |
+
|
175 |
+
# Keep this as the last mount
|
176 |
app.mount("/", StaticFiles(directory="static", html=True), name="static")
|
chat_history.json
ADDED
@@ -0,0 +1,158 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
[
|
2 |
+
{
|
3 |
+
"interaction_1": {
|
4 |
+
"user": {
|
5 |
+
"role": "user",
|
6 |
+
"message": "hi"
|
7 |
+
},
|
8 |
+
"trump": {
|
9 |
+
"role": "Trump",
|
10 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO BE BACK IN THE OVAL OFFICE, AND IT'S EVEN BETTER TO HEAR FROM YOU. WE'VE GOT A LOT OF WORK TO DO, AND I KNOW YOU'RE GOING TO BE A BIG PART OF MAKING AMERICA GREAT AGAIN. SO, LET'S GET STARTED, AND LET'S MAKE SURE WE PUT AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
11 |
+
}
|
12 |
+
}
|
13 |
+
},
|
14 |
+
{
|
15 |
+
"interaction_2": {
|
16 |
+
"user": {
|
17 |
+
"role": "user",
|
18 |
+
"message": "hi"
|
19 |
+
},
|
20 |
+
"trump": {
|
21 |
+
"role": "Trump",
|
22 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
23 |
+
}
|
24 |
+
}
|
25 |
+
},
|
26 |
+
{
|
27 |
+
"interaction_3": {
|
28 |
+
"user": {
|
29 |
+
"role": "user",
|
30 |
+
"message": "hi"
|
31 |
+
},
|
32 |
+
"trump": {
|
33 |
+
"role": "Trump",
|
34 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
35 |
+
}
|
36 |
+
}
|
37 |
+
},
|
38 |
+
{
|
39 |
+
"interaction_4": {
|
40 |
+
"user": {
|
41 |
+
"role": "user",
|
42 |
+
"message": "hi"
|
43 |
+
},
|
44 |
+
"trump": {
|
45 |
+
"role": "Trump",
|
46 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
47 |
+
}
|
48 |
+
}
|
49 |
+
},
|
50 |
+
{
|
51 |
+
"interaction_5": {
|
52 |
+
"user": {
|
53 |
+
"role": "user",
|
54 |
+
"message": "hi"
|
55 |
+
},
|
56 |
+
"trump": {
|
57 |
+
"role": "Trump",
|
58 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
59 |
+
}
|
60 |
+
}
|
61 |
+
},
|
62 |
+
{
|
63 |
+
"interaction_6": {
|
64 |
+
"user": {
|
65 |
+
"role": "user",
|
66 |
+
"message": "hi"
|
67 |
+
},
|
68 |
+
"trump": {
|
69 |
+
"role": "Trump",
|
70 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
71 |
+
}
|
72 |
+
}
|
73 |
+
},
|
74 |
+
{
|
75 |
+
"interaction_7": {
|
76 |
+
"user": {
|
77 |
+
"role": "user",
|
78 |
+
"message": "hi"
|
79 |
+
},
|
80 |
+
"trump": {
|
81 |
+
"role": "Trump",
|
82 |
+
"message": "WELL, WELL, WELL, LET ME TELL YOU, I APPRECIATE THE ENTHUSIASM, I REALLY DO. BUT WE NEED TO FOCUS ON WHAT'S IMPORTANT. GREENLAND, YOU SAY? IT'S A BEAUTIFUL PLACE, BUT WE HAVE TO THINK ABOUT WHAT'S BEST FOR AMERICA. KAMALA AND BIDEN HAVE LEFT US WITH A HUGE MESS, AND WE NEED TO CLEAN IT UP FIRST. BUT YOU KNOW WHAT? I LIKE YOUR ENTHUSIASM. LET'S TALK ABOUT IT. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC, NOT LIKE THESE DEMOCRATS WHO JUST THROW MONEY AROUND AND HOPE FOR THE BEST. LET'S HEAR YOUR IDEAS, AND MAYBE, JUST MAYBE, WE CAN MAKE SOMETHING HAPPEN. BUT REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
83 |
+
}
|
84 |
+
}
|
85 |
+
},
|
86 |
+
{
|
87 |
+
"interaction_8": {
|
88 |
+
"user": {
|
89 |
+
"role": "user",
|
90 |
+
"message": "hi"
|
91 |
+
},
|
92 |
+
"trump": {
|
93 |
+
"role": "Trump",
|
94 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
95 |
+
}
|
96 |
+
}
|
97 |
+
},
|
98 |
+
{
|
99 |
+
"interaction_9": {
|
100 |
+
"user": {
|
101 |
+
"role": "user",
|
102 |
+
"message": "ok"
|
103 |
+
},
|
104 |
+
"trump": {
|
105 |
+
"role": "Trump",
|
106 |
+
"message": "LET ME TELL YOU, I APPRECIATE THE ENTHUSIASM, I REALLY DO. BUT WE NEED TO FOCUS ON WHAT'S IMPORTANT. GREENLAND, YOU SAY? IT'S A BEAUTIFUL PLACE, BUT WE HAVE TO THINK ABOUT WHAT'S BEST FOR AMERICA. KAMALA AND BIDEN HAVE LEFT US WITH A HUGE MESS, AND WE NEED TO CLEAN IT UP FIRST. BUT YOU KNOW WHAT? I LIKE YOUR ENTHUSIASM. LET'S TALK ABOUT IT. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC, NOT LIKE THESE DEMOCRATS WHO JUST THROW MONEY AROUND AND HOPE FOR THE BEST. LET'S HEAR YOUR IDEAS, AND MAYBE, JUST MAYBE, WE CAN MAKE SOMETHING HAPPEN. BUT REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
107 |
+
}
|
108 |
+
}
|
109 |
+
},
|
110 |
+
{
|
111 |
+
"interaction_10": {
|
112 |
+
"user": {
|
113 |
+
"role": "user",
|
114 |
+
"message": "hi"
|
115 |
+
},
|
116 |
+
"trump": {
|
117 |
+
"role": "Trump",
|
118 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
119 |
+
}
|
120 |
+
}
|
121 |
+
},
|
122 |
+
{
|
123 |
+
"interaction_11": {
|
124 |
+
"user": {
|
125 |
+
"role": "user",
|
126 |
+
"message": "hi"
|
127 |
+
},
|
128 |
+
"trump": {
|
129 |
+
"role": "Trump",
|
130 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
131 |
+
}
|
132 |
+
}
|
133 |
+
},
|
134 |
+
{
|
135 |
+
"interaction_12": {
|
136 |
+
"user": {
|
137 |
+
"role": "user",
|
138 |
+
"message": "hi"
|
139 |
+
},
|
140 |
+
"trump": {
|
141 |
+
"role": "Trump",
|
142 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
143 |
+
}
|
144 |
+
}
|
145 |
+
},
|
146 |
+
{
|
147 |
+
"interaction_13": {
|
148 |
+
"user": {
|
149 |
+
"role": "user",
|
150 |
+
"message": "hi"
|
151 |
+
},
|
152 |
+
"trump": {
|
153 |
+
"role": "Trump",
|
154 |
+
"message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
|
155 |
+
}
|
156 |
+
}
|
157 |
+
}
|
158 |
+
]
|
games/game_9/round_consequences.json
ADDED
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
{
|
2 |
+
"country": "Mexico",
|
3 |
+
"delta_USA": "0",
|
4 |
+
"delta_country": "-5",
|
5 |
+
"delta_friendliness": "-1"
|
6 |
+
}
|
games/game_9/round_context.json
ADDED
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
{
|
2 |
+
"idea": "Blame Mexico for a stock market crash",
|
3 |
+
"concern": "How will it affect China\n",
|
4 |
+
"advisor": "George Soros. The villain in every conspiracy theory worth believing. His shadow looms everywhere, and even when he's not involved, it feels like he is. Your supporters fear him; you should too.\n",
|
5 |
+
"events": ""
|
6 |
+
}
|
static/images/game_over.png
ADDED
![]() |
static/images/intro/Intro.jpg
ADDED
![]() |
static/images/intro/fire3.png
ADDED
![]() |
static/images/trump_popup.jpg
ADDED
![]() |
static/intro.html
ADDED
@@ -0,0 +1,148 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
+
<html lang="fr">
|
3 |
+
<head>
|
4 |
+
<meta charset="UTF-8">
|
5 |
+
<title>What possibly go Wrong 2025</title>
|
6 |
+
<style>
|
7 |
+
html, body {
|
8 |
+
margin: 0;
|
9 |
+
padding: 0;
|
10 |
+
height: 100%;
|
11 |
+
width: 800px;
|
12 |
+
font-family: Arial, sans-serif;
|
13 |
+
overflow: hidden;
|
14 |
+
background-color: transparent;
|
15 |
+
}
|
16 |
+
|
17 |
+
/* Image de fond qui remplit tout l'écran */
|
18 |
+
body {
|
19 |
+
background: url('/images/intro/Intro.jpg') no-repeat center center;
|
20 |
+
background-size: cover; /* ou 100% auto */
|
21 |
+
position: relative;
|
22 |
+
}
|
23 |
+
|
24 |
+
/* Conteneur du texte */
|
25 |
+
#text-container {
|
26 |
+
position: absolute;
|
27 |
+
top: 10%;
|
28 |
+
left: 50%;
|
29 |
+
transform: translateX(-50%);
|
30 |
+
width: 60%;
|
31 |
+
padding: 20px;
|
32 |
+
background-color: rgba(0, 0, 0, 0.5);
|
33 |
+
border-radius: 8px;
|
34 |
+
color: #fff;
|
35 |
+
text-align: left;
|
36 |
+
font-weight: bold;
|
37 |
+
font-size: 1.2rem;
|
38 |
+
z-index: 3; /* au-dessus des flammes si besoin */
|
39 |
+
}
|
40 |
+
|
41 |
+
/* Conteneur des flammes */
|
42 |
+
#flames {
|
43 |
+
position: absolute;
|
44 |
+
bottom: -50px; /* Move flames down a bit */
|
45 |
+
left: 0;
|
46 |
+
width: 100%;
|
47 |
+
height: 180px; /* Increase height */
|
48 |
+
background: url('/images/intro/fire3.png') repeat-x;
|
49 |
+
background-size: auto 180px; /* Match height */
|
50 |
+
animation: flameAnim 3s steps(10) infinite;
|
51 |
+
pointer-events: none;
|
52 |
+
z-index: 999;
|
53 |
+
}
|
54 |
+
|
55 |
+
@keyframes flameAnim {
|
56 |
+
100% {
|
57 |
+
background-position: -1000px 0;
|
58 |
+
}
|
59 |
+
}
|
60 |
+
</style>
|
61 |
+
</head>
|
62 |
+
|
63 |
+
<body>
|
64 |
+
<div id="text-container"></div>
|
65 |
+
<div id="flames"></div>
|
66 |
+
|
67 |
+
<script>
|
68 |
+
const lines = [
|
69 |
+
"Warning !",
|
70 |
+
"This game is a work of fiction.",
|
71 |
+
"Any resemblance to real people or events is purely coincidental.",
|
72 |
+
"",
|
73 |
+
"USA is on the edge of total colapse.",
|
74 |
+
"Borders are wide open.",
|
75 |
+
"People are eating cats and dogs.",
|
76 |
+
"Oil production? it's pratically a fairy tale now ! ",
|
77 |
+
"God sent the perfect president to save the nation.",
|
78 |
+
"",
|
79 |
+
"Welcome to What possibly go Wrong in 2025 ! "
|
80 |
+
];
|
81 |
+
|
82 |
+
const textContainer = document.getElementById('text-container');
|
83 |
+
|
84 |
+
let lineIndex = 0; // Indice de la ligne en cours
|
85 |
+
let charIndex = 0; // Indice du caractère en cours dans la ligne
|
86 |
+
let currentLineElem; // Élement HTML pour la ligne en cours (si non vide)
|
87 |
+
|
88 |
+
function typeWriter() {
|
89 |
+
// Si on a traité toutes les lignes, on arrête
|
90 |
+
if (lineIndex >= lines.length) {
|
91 |
+
return;
|
92 |
+
}
|
93 |
+
|
94 |
+
const currentLine = lines[lineIndex];
|
95 |
+
|
96 |
+
// -- 1) Gérer la ligne vide ("") --
|
97 |
+
if (currentLine === "") {
|
98 |
+
// On affiche un saut de ligne
|
99 |
+
textContainer.appendChild(document.createElement('br'));
|
100 |
+
|
101 |
+
// Après 2 secondes, on efface le texte et on passe à la suite
|
102 |
+
// setTimeout(() => {
|
103 |
+
// textContainer.innerHTML = "";
|
104 |
+
// lineIndex++;
|
105 |
+
// charIndex = 0;
|
106 |
+
// typeWriter(); // relance l'affichage de la ligne suivante
|
107 |
+
// }, 3000);
|
108 |
+
|
109 |
+
lineIndex++;
|
110 |
+
charIndex = 0;
|
111 |
+
typeWriter(); // relance l'affichage de la ligne suivante
|
112 |
+
|
113 |
+
// On quitte immédiatement la fonction pour éviter tout conflit de setTimeout
|
114 |
+
return;
|
115 |
+
}
|
116 |
+
|
117 |
+
// -- 2) Si la ligne n'est pas vide, affichage "lettre par lettre" --
|
118 |
+
if (charIndex === 0) {
|
119 |
+
// On crée un nouvel élément pour la nouvelle ligne
|
120 |
+
currentLineElem = document.createElement('div');
|
121 |
+
textContainer.appendChild(currentLineElem);
|
122 |
+
}
|
123 |
+
|
124 |
+
// Ajout du caractère suivant
|
125 |
+
currentLineElem.textContent += currentLine.charAt(charIndex);
|
126 |
+
charIndex++;
|
127 |
+
|
128 |
+
// S'il reste des caractères à afficher dans la ligne
|
129 |
+
if (charIndex < currentLine.length) {
|
130 |
+
setTimeout(typeWriter, 30);
|
131 |
+
} else {
|
132 |
+
// Ligne terminée : on passe à la ligne suivante
|
133 |
+
lineIndex++;
|
134 |
+
charIndex = 0;
|
135 |
+
currentLineElem = null;
|
136 |
+
|
137 |
+
// Petite pause avant d'attaquer la prochaine ligne
|
138 |
+
setTimeout(typeWriter, 25);
|
139 |
+
}
|
140 |
+
}
|
141 |
+
|
142 |
+
// On démarre le « typewriter »
|
143 |
+
typeWriter();
|
144 |
+
</script>
|
145 |
+
</body>
|
146 |
+
|
147 |
+
|
148 |
+
</html>
|