-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (161 loc) · 10.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-Type" content="text/html; utf-8" />
<meta name="robots" content="INDEX,FOLLOW" />
<title>trumpordump - He really tweets this?</title>
<meta name="description"
content="Politics via Twitter? Trump makes it possible. But what exactly is he tweeting all day? In TrumpOrDump, you decide which tweet is genuine and which is not. You think that's easy? Well, then look at what dump the jerk posts.">
<meta name="image" content="https://trumpordump.de/img/og_small.png">
<meta itemprop="name" content="trumpordump">
<meta itemprop="description"
content="Politics via Twitter? Trump makes it possible. But what exactly is he tweeting all day? In TrumpOrDump, you decide which tweet is genuine and which is not. You think that's easy? Well, then look at what dump the jerk posts.">
<meta itemprop="image" content="https://trumpordump.de/img/og_small.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="trumpordump">
<meta name="twitter:description"
content="Politics via Twitter? Trump makes it possible. But what exactly is he tweeting all day? In TrumpOrDump, you decide which tweet is genuine and which is not. You think that's easy? Well, then look at what dump the jerk posts.">
<meta name="twitter:site" content="@trumpordumpde">
<meta name="twitter:creator" content="@trumpordumpde">
<meta name="twitter:image:src" content="https://trumpordump.de/img/og_small.png">
<meta name="og:title" content="trumpordump">
<meta name="og:description"
content="Politics via Twitter? Trump makes it possible. But what exactly is he tweeting all day? In TrumpOrDump, you decide which tweet is genuine and which is not. You think that's easy? Well, then look at what dump the jerk posts.">
<meta name="og:image" content="https://trumpordump.de/img/og.png">
<meta name="og:url" content="https://trumpordump.de">
<meta name="og:site_name" content="trumpordump">
<meta name="og:locale" content="en_US">
<meta name="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="img/fav/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/fav/favicon-16x16.png">
<link rel="manifest" href="img/fav/site.webmanifest">
<link rel="mask-icon" href="img/fav/safari-pinned-tab.svg" color="#b2b2b2">
<link rel="shortcut icon" href="img/fav/favicon.ico">
<meta name="apple-mobile-web-app-title" content="trumpordump">
<meta name="application-name" content="trumpordump">
<meta name="msapplication-TileColor" content="#ecf0f1">
<meta name="msapplication-config" content="img/fav/browserconfig.xml">
<meta name="theme-color" content="#ecf0f1">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/animate.css" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<noscript>
<div id="nojs" class="nojs">
<div class="info_emoji">⛑</div>
<div class="info_text">Make JS on again.</div>
<div class="info_text_small">In order to play trumpordump you need to enable JavaScript in your
browser.</br><a href="https://www.enable-javascript.com/" target="_blank">More informations</a></div>
</div>
</noscript>
<div class="imprint hide" id="imprint">
<div id="imprint_text" class="imprint_text hide">
<div id="closer">click to close</div>
<h1>trump<span>or</span>dump</h1>
<p>Politics via Twitter? Trump makes it possible. But what exactly is he tweeting all day? In
trump<span>or</span>dump, you decide which tweet is genuine and which is not. You think that's easy?
Well, then look at what dump the jerk posts</p>
<p><b>Disclaimer</b></br>The site trumpordump.de and its contents are for entertainment purposes only and
may not reflect the truth. However, individual tweets based on real statements may have been alienated
on a case by case basis and therefore no longer match with the original. Time, date and other metadata
about the displayed tweet are fictitious.</p>
<p>trump<span>or</span>dump is a non-commercial website which is created by <a href="http://kaibrune.com"
target="_blank" rel="noopener noreferrer">Kai Brune</a>.</br> Icons are from <a href="http://flaticon.com" target="_blank" rel="noopener noreferrer">Flaticon</a> and all tweet-related graphics are owned by <a href="http://twitter.com" target="_blank" rel="noopener noreferrer">Twitter</a>.</p>
<p><a href="http://brune.io/impressum" target="_blank" rel="noopener noreferrer">imprint</a> & <a
href="http://brune.io/datenschutz" target="_blank" rel="noopener noreferrer">privacy</a>
<div id="closer2">⇢ tap anywhere to close</div>
</p>
</div>
</div>
<div class="bg">
<div class="content animate-bottom">
<div class="logo"
data-intro="Welcome to Trump or Dump! This is a short introduction on how this game works."
data-position="left">Trump<span>or</span>Dump</div>
<div class="tweet">
<div class="loader"><img src="img/loader.gif" alt="" height="50px"></div>
<div id="scoreboard">
<div style="font-size:15px; right: 5px; top: -25px;z-index:10; position: absolute;color: rgba(128, 128, 128, 0.5);"
id="score"></div>
<div style="font-size:15px; color: rgba(128, 128, 128, 0.3); right: 5px; top: -25px;z-index:5; position: absolute;"
id="totalscore"></div>
</div>
<div class="infos">
<div id="right" class="right hide">
<div class="info_text">correct.</div>
<div class="info_text_small">sadly a real tweet, you're right.</div>
</div>
<div id="wrong" class="wrong hide">
<div class="info_text">wrong.</div>
<div class="info_text_small">gotcha, this tweet was dump.</div>
</div>
<div id="right2" class="right hide">
<div class="info_text">correct.</div>
<div class="info_text_small">haaa you're right this was fake news.</div>
</div>
<div id="wrong2" class="wrong hide">
<!-- <div class="info_emoji">🤦</div> -->
<div class="info_text">wrong.</div>
<div class="info_text_small">no joke this tweet was real. absolut looser.</div>
</div>
</div>
<div class="row tod-row">
<div class="col1 tod-col tod-col-2 tod-col-small-2 tod-col-tiny-2"><img src="img/profil.jpg"
class="profil_img" /></div>
<div class="col2 tod-col tod-col-8 tod-col-small-8 tod-col-tiny-8">
<div class="title">
<h1 class="heading">Donald J. Trump</h1><img src="img/verification.png" class="info_img" />
</div>
<div class="text_gray">@realDonaldTrump</div>
</div>
<div id="twiticon" class="col3 tod-clearfix tod-col tod-col-2 tod-col-small-2 tod-col-tiny-2"><a
target="_blank" href="https://twitter.com/trumpordump1"><img src="img/twitter.png"
class="twitter_img" /></a></div>
</div>
<div>
<p id="inhalt" class="tweet_text"></p>
</div>
<div>
<div class="text_gray date"><span id="clock">12:28</span> - <span id="date">28 Aug. 2018</span>
</div>
</div>
<div class="meta tod-row">
<div class="col1_meta tod-col tod-col-2 tod-col-small-2 tod-col-tiny-2"><img src="img/heart.png"
class="info_img_meta" />
<div id="heart" class="text_gray">129,6K<</div> </div> <div
class="col2_meta tod-col tod-col-8 tod-col-small-8 tod-col-tiny-8"><img
src="img/comment.png" class="info_img_meta" />
<div class="text_gray tod-hidden-tiny"><span id="comment">53,8K</span> people are
talking about this</div>
<div class="text_gray tod-hidden-main tod-hidden-medium tod-hidden-small"><span
id="comment">53,8K</span></div>
</div>
<div id="infoimg" class="col3 tod-col tod-col-2 tod-col-small-2 tod-col-tiny-2"><img
src="img/info.png" class="info_img" alt="imprint & privacy" /></div>
</div>
</div>
<div class="buttons_con tod-row">
<div class="buttons_col tod-clearfix tod-col tod-col-6">
<div id="yes" class="btn" style="background: #2ecc71;">
<div id="btntext1" class="btn_text"><img src="img/verified.svg" height="35px" alt=""></div>
</div>
</div>
<div class="buttons_col2 tod-clearfix tod-col tod-col-6"
data-intro="...but if you're positive that this isn't a tweet by the POTUS press overhere! Have fun playing! :)"
data-position="bottom">
<div id="no" class="btn" style="background: #f6284f;">
<div class="btn_text"><img src="img/error.svg" height="35px" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/script.js"></script>
</body>
</html>