-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
234 lines (228 loc) · 21.7 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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-config" content="./browserconfig.xml">
<meta name="theme-color" content="#002AA8">
<!-- SEO -->
<meta name="description" content="Reply or quote a tweet with @quoted_replies to see the quoted replies for a tweet (even your own tweet), or share the tweet in my DM.">
<meta name="author" content="James Muriithi">
<meta name="keywords" content="quoted_replies, quoted replies, replies">
<meta property="og:site_name" content="https://twitter.com/quoted_replies">
<meta property="og:title" content="Quoted Replies" />
<meta property="og:description" content="Reply or quote a tweet with @quoted_replies to see the quoted replies for a tweet (even your own tweet), or share the tweet in my DM." />
<meta property="og:image:url" itemprop="image" content="https://james-muriithi.github.io/fyp-ms/assets/images/logo-lg.png">
<meta property="og:image" content="https://pbs.twimg.com/profile_images/1227506065023143936/97fRlnwW_400x400.jpg" />
<meta property="og:image:url" content="https://pbs.twimg.com/profile_images/1227506065023143936/97fRlnwW_400x400.jpg" />
<meta property="og:image:secure_url" content="https://pbs.twimg.com/profile_images/1227506065023143936/97fRlnwW_400x400.jpg" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:locale" content="en_GB" />
<meta property="og:type" content="website" />
<title>Quoted Replies</title>
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="preconnect" href="//fonts.googleapis.com" crossorigin="" />
<link rel="preconnect" href="//platform.twitter.com" crossorigin="" />
<!-- <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css" type="text/css"> -->
<link rel="preload" href="libs/bootstrap/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css" defer></noscript>
<!-- Google Icons -->
<!-- <link href="" rel="stylesheet"> -->
<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"></noscript>
<!-- <link href="" rel="stylesheet"> -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap"></noscript>
<link rel="preload" href="css/main.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="css/main.css" defer></noscript>
</head>
<body data-theme="dark" class="h-100">
<!-- As a heading -->
<div class="main h-100">
<nav class="navbar fixed-top navbar-dark bg-primary nav-fill">
<h2 class="navbar-brand mb-0 text-white">
<a href="#" rel="noopener" target="_blank" class="d-none redirect">redirect</a>
<!-- logo -->
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 400.000000 400.000000" preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.15, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)" fill="#fff" stroke="none">
<path d="M1424 3124 c-346 -232 -608 -479 -779 -734 -106 -159 -184 -341 -221 -520 -25 -119 -26 -364 -1 -480 87 -406 422 -646 836 -600 52 6 122 17 156 26 184 47 359 190 433 354 53 120 69 352 32 494 -113 444 -624 645 -1017 402 l-41 -26 5 43 c36 319 268 625 713 941 52 37 95 69 95 72 0 9 -70 114 -76 114 -4 0 -65 -39 -135 -86z" />
<path d="M3090 3132 c-601 -404 -935 -829 -1016 -1292 -23 -132 -15 -382 15 -495 38 -141 93 -238 196 -341 57 -58 114 -104 155 -127 137 -75 309 -106 480 -87 205 23 331 80 460 210 97 98 149 180 187 295 23 69 27 97 27 205 0 111 -3 134 -28 205 -60 173 -187 321 -340 395 -104 50 -188 70 -301 70 -146 0 -265 -37 -388 -121 l-60 -41 6 73 c12 150 67 285 179 444 112 159 363 389 566 520 34 22 62 45 62 50 0 14 -69 115 -78 115 -4 0 -59 -35 -122 -78z" />
</g>
</svg> Qouted Replies
</h2>
<div class="d-none d-sm-block">
<ul class="navbar-nav m-r-30 d-inline-block">
<li class="nav-item active" data-trigger="home">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item" data-trigger="popular">
<a class="nav-link" href="#">Popular</a>
</li>
<li class="nav-item" data-trigger="about">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item" data-trigger="account">
<a class="nav-link" href="#">Account</a>
</li>
</ul>
</div>
<div class="d-flex d-sm-none text-white twitter-logo">
<a href="https://twitter.com/quoted_replies" target="_blank" rel="noopener" aria-label="twitter">
<svg height="30" width="30" viewBox="283 369 405 200" xmlns="http://www.w3.org/2000/svg">
<path d="M 630, 425 A 195, 195 0 0 1 331, 600 A 142, 142 0 0 0 428, 570 A 70, 70 0 0 1 370, 523 A 70, 70 0 0 0 401, 521 A 70, 70 0 0 1 344, 455 A 70, 70 0 0 0 372, 460 A 70, 70 0 0 1 354, 370 A 195, 195 0 0 0 495, 442 A 67, 67 0 0 1 611, 380 A 117, 117 0 0 0 654, 363 A 65, 65 0 0 1 623, 401 A 117, 117 0 0 0 662, 390 A 65, 65 0 0 1 630, 425 Z" style="fill:#fff;" />
</svg>
</a>
</div>
</nav>
<!-- twitter svg -->
<div class="twitter-image f-r">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 50 50">
<path fill="#FFFFFF" d="M 35.001, 26.999 H 27 V 35 h -3.999 v -8.001 h -8.002 V 23 h 8.002 v -8 H 27 v 8 h 8.001 V 26.999 z" />
</svg>
</div>
<!-- Begin page content -->
<div class="container-fluid h-100">
<!-- Home page -->
<div id="page-home" class="active h-100">
<div class="row block justify-content-center align-items-start m-l-0">
<form class="row h-50 align-items-end">
<div class="inner-form">
<div class="input-field first-wrap">
<label for="url" id="myLabel" class="d-none">Search Keyword</label>
<input id="url" type="text" autocomplete="off" placeholder="Enter a tweet URL" name="url" aria-labelledby="myLabel" />
</div>
<div class="input-field second-wrap">
<button class="btn-search" type="submit" aria-label="search">
<svg enable-background="new 0 0 96 96" height="33px" version="1.1" viewBox="0 0 96 96" width="33px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M12,52h62.344L52.888,73.456c-1.562,1.562-1.562,4.095-0.001,5.656c1.562,1.562,4.096,1.562,5.658,0l28.283-28.284l0,0 c0.186-0.186,0.352-0.391,0.498-0.609c0.067-0.101,0.114-0.21,0.172-0.315c0.066-0.124,0.142-0.242,0.195-0.373 c0.057-0.135,0.089-0.275,0.129-0.415c0.033-0.111,0.076-0.217,0.099-0.331C87.973,48.525,88,48.263,88,48l0,0 c0-0.003-0.001-0.006-0.001-0.009c-0.001-0.259-0.027-0.519-0.078-0.774c-0.024-0.12-0.069-0.231-0.104-0.349 c-0.039-0.133-0.069-0.268-0.123-0.397c-0.058-0.139-0.136-0.265-0.208-0.396c-0.054-0.098-0.097-0.198-0.159-0.292 c-0.146-0.221-0.314-0.427-0.501-0.614L58.544,16.888c-1.562-1.562-4.095-1.562-5.657-0.001c-1.562,1.562-1.562,4.095,0,5.658 L74.343,44L12,44c-2.209,0-4,1.791-4,4C8,50.209,9.791,52,12,52z" fill="#6c63ff" /></svg>
</button>
</div>
</div>
</form>
<div class="row align-items-start h-50 w-100 justify-content-center search-svg">
<svg xmlns="http://www.w3.org/2000/svg" width="147.049" height="121.639" viewBox="0 0 147.049 121.639">
<g id="Group_107" data-name="Group 107" transform="translate(0 0)">
<path id="Path_574" data-name="Path 574" d="M163.164,207.113c15.139,16.742-28.745,40.869-64.2,40.869s-59.992-18.694-64.2-40.869c-10.215-53.765,87.038-87.938,64.2-40.869C65.677,234.854,151.242,193.928,163.164,207.113Z" transform="translate(-34 -126.342)" fill="#3f3d56" />
<circle id="Ellipse_129" data-name="Ellipse 129" cx="1.29" cy="1.29" r="1.29" transform="translate(45.687 26.087)" fill="#d0cde1" />
<circle id="Ellipse_130" data-name="Ellipse 130" cx="1.29" cy="1.29" r="1.29" transform="translate(28.205 103.323)" fill="#d0cde1" />
<circle id="Ellipse_131" data-name="Ellipse 131" cx="0.573" cy="0.573" r="0.573" transform="translate(48.696 45.719)" fill="#d0cde1" />
<circle id="Ellipse_132" data-name="Ellipse 132" cx="0.573" cy="0.573" r="0.573" transform="translate(18.604 75.524)" fill="#d0cde1" />
<circle id="Ellipse_133" data-name="Ellipse 133" cx="0.573" cy="0.573" r="0.573" transform="translate(93.977 97.018)" fill="#d0cde1" />
<circle id="Ellipse_134" data-name="Ellipse 134" cx="0.573" cy="0.573" r="0.573" transform="translate(16.741 46.292)" fill="#d0cde1" />
<path id="Path_575" data-name="Path 575" d="M364.078,222.107h-.287v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-311.944 -190.431)" fill="#d0cde1" />
<path id="Path_576" data-name="Path 576" d="M209.145,255.524h-.287v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-178.935 -219.119)" fill="#d0cde1" />
<path id="Path_577" data-name="Path 577" d="M107.882,445.9H107.6v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-92.001 -382.555)" fill="#d0cde1" />
<circle id="Ellipse_135" data-name="Ellipse 135" cx="0.573" cy="0.573" r="0.573" transform="translate(55.574 109.342)" fill="#d0cde1" />
<circle id="Ellipse_136" data-name="Ellipse 136" cx="0.573" cy="0.573" r="0.573" transform="translate(53.711 80.11)" fill="#d0cde1" />
<circle id="Ellipse_137" data-name="Ellipse 137" cx="0.573" cy="0.573" r="0.573" transform="translate(121.49 90.714)" fill="#d0cde1" />
<path id="Path_578" data-name="Path 578" d="M369.141,684.881h-.287v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-316.29 -587.719)" fill="#d0cde1" />
<path id="Path_579" data-name="Path 579" d="M565.592,756.778h-.286v-.286h-.143v.286h-.287v.143h.287v.287h.143v-.287h.286Z" transform="translate(-484.942 -649.442)" fill="#d0cde1" />
<path id="Path_580" data-name="Path 580" d="M69.4,576.529h-.287v-.287h-.143v.287h-.287v.143h.287v.286h.143v-.286H69.4Z" transform="translate(-58.966 -494.699)" fill="#d0cde1" />
<path id="Path_581" data-name="Path 581" d="M350.914,430.71h-.287v-.287h-.143v.287H350.2v.143h.287v.287h.143v-.287h.287Z" transform="translate(-300.642 -369.515)" fill="#d0cde1" />
<path id="Path_582" data-name="Path 582" d="M226.36,311.219h-.287v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-193.714 -266.933)" fill="#d0cde1" />
<path id="Path_583" data-name="Path 583" d="M309.4,510.708h-.287v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-264.999 -438.193)" fill="#d0cde1" />
<path id="Path_584" data-name="Path 584" d="M187.88,636.274h-.287v-.287h-.143v.287h-.287v.143h.287v.287h.143v-.287h.287Z" transform="translate(-160.679 -545.99)" fill="#d0cde1" />
<ellipse id="Ellipse_138" data-name="Ellipse 138" cx="8.454" cy="1.29" rx="8.454" ry="1.29" transform="translate(24.622 63.487)" fill="#6c63ff" />
<path id="Path_585" data-name="Path 585" d="M221.661,462.8c-3.456,0-8.6-.382-8.6-1.433s5.142-1.433,8.6-1.433,8.6.382,8.6,1.433S225.117,462.8,221.661,462.8Zm0-2.579a41.61,41.61,0,0,0-5.957.376c-1.863.284-2.355.628-2.355.77s.492.486,2.355.77a47.349,47.349,0,0,0,11.913,0c1.862-.284,2.355-.628,2.355-.77s-.492-.486-2.355-.77A41.611,41.611,0,0,0,221.661,460.225Z" transform="translate(-187.724 -397.597)" fill="#d0cde1" />
<path id="Path_587" data-name="Path 587" d="M329.527,170.867C317.6,157.683,232.04,198.608,265.322,130c14.836-30.583-21.024-26.868-45.163-5.767,23.375-16.051,51.591-16.513,38.141,11.212-33.282,68.61,52.283,27.684,64.2,40.869,5.547,6.135,3.169,13.261-3.816,19.829C330.695,188.272,336.656,178.751,329.527,170.867Z" transform="translate(-193.816 -95.226)" fill="#e6e6e6" />
<path id="Path_588" data-name="Path 588" d="M452.721,797.743l-.184-.069a10.753,10.753,0,0,1-6.916-12.825l.044-.192.184.069a10.753,10.753,0,0,1,6.915,12.825Zm-5.843-5.295a12.047,12.047,0,0,0,5.59,4.826,10.37,10.37,0,0,0-6.551-12.149A12.062,12.062,0,0,0,446.878,792.448Z" transform="translate(-387.172 -676.366)" fill="#d0cde1" />
<path id="Path_589" data-name="Path 589" d="M417.942,824.727a12.29,12.29,0,0,1,4.7,6.1,10.582,10.582,0,0,1-12.292-7.4A12.291,12.291,0,0,1,417.942,824.727Z" transform="translate(-357.095 -709.539)" fill="#6c63ff" />
<path id="Path_590" data-name="Path 590" d="M768.324,309.375s-7.777,7.622-4.511,8.555,7-7,7-7Z" transform="translate(-659.851 -268.34)" fill="#ffb9b9" />
<path id="Path_591" data-name="Path 591" d="M815.85,471.359l-.933,4.355,7,.311-1.089-4.667Z" transform="translate(-699.6 -404.658)" fill="#ffb9b9" />
<path id="Path_592" data-name="Path 592" d="M971.942,661.526l-.933,4.355,7,.311-1.089-4.667Z" transform="translate(-833.604 -567.915)" fill="#ffb9b9" />
<path id="Path_593" data-name="Path 593" d="M829.231,285.191l.622,2.489s-17.266-3.422-16.333,5.289a60.166,60.166,0,0,0,4.978,17.11s-.311,2.8.311,3.267,0,2.022,0,2.022,5.755.778,5.911-.622a9.756,9.756,0,0,0-.156-2.8s.311,0,0-1.556-1.568-14.1-2.5-15.811c0,0,8.256,6.323,12.612,5.545a40.993,40.993,0,0,0,1.867,14.466c2.489,8.244,2.489,9.177,2.489,9.177s2.955,15.711,2.178,17.577l-.156.778h5.755s-.467-8.244,0-9.333.467-10.422-2.178-15.088c-1.873-3.3-1.524-12.886-.5-16.674a19.591,19.591,0,0,0,.573-8.884,10.407,10.407,0,0,0-4.118-6.952Z" transform="translate(-703.181 -247.578)" fill="#2f2e41" />
<circle id="Ellipse_139" data-name="Ellipse 139" cx="5.6" cy="5.6" r="5.6" transform="translate(125.039 3.003)" fill="#ffb9b9" />
<path id="Path_594" data-name="Path 594" d="M946.749,94.06s1.711,4.978,1.556,5.911,4.978-1.867,4.978-1.867-2.022-4.978-1.4-6.378Z" transform="translate(-817.588 -81.49)" fill="#ffb9b9" />
<path id="Path_595" data-name="Path 595" d="M918.638,124.7l-5.444,2.178.311,1.867s-.467.622-.311.933-2.022,1.555-1.711,2.022-1.867,2.333-1.711,2.8-4.978,3.267-2.178,8.711a6.676,6.676,0,0,1,1.27,4.119q-.01.118-.025.237c-.311,2.333,11.822-.311,11.822-.311v-2.644s1.089-.467.933-2.489-1.089-1.089,0-2.178,1.089-.933.933-1.867c-.062-.373-.075-1.713-.067-3.188a14.154,14.154,0,0,0-2.888-8.634h0Z" transform="translate(-783.255 -109.801)" fill="#d0cde1" />
<path id="Path_596" data-name="Path 596" d="M818.844,149.291l-10.111,10.577-14.777,11.666,3.267,2.644,27.221-18.2S826.777,146.024,818.844,149.291Z" transform="translate(-686.416 -130.344)" fill="#d0cde1" />
<path id="Path_597" data-name="Path 597" d="M787.885,498.917s-1.089-1.867-1.867-1.244l-5.444,4.355s-9.644,2.8-.311,4.978c0,0,5.133.778,6.222,0a3.609,3.609,0,0,1,3.267-.311c.467.311,6.378-.156,6.378-1.4s-3.26-6.683-3.26-6.683S791,500.783,787.885,498.917Z" transform="translate(-671.168 -429.883)" fill="#2f2e41" />
<path id="Path_598" data-name="Path 598" d="M943.977,689.084s-1.089-1.867-1.867-1.244l-5.444,4.355s-9.644,2.8-.311,4.978c0,0,5.133.778,6.222,0a3.609,3.609,0,0,1,3.267-.311c.467.311,6.378-.156,6.378-1.4s-3.26-6.683-3.26-6.683S947.088,690.951,943.977,689.084Z" transform="translate(-805.172 -593.14)" fill="#2f2e41" />
<path id="Path_599" data-name="Path 599" d="M909.768,25.771s.947-8.323,9.045-5.96c0,0,5.729-1.165,7.752,5.99l2.054,7.5-.94-.489-.416.956-1.5.411-.67-1.268-.282,1.561-10.361,2.095a16.1,16.1,0,0,0,3.479-9.867L916.9,27.835Z" transform="translate(-785.84 -19.389)" fill="#2f2e41" />
<path id="Path_602" data-name="Path 602" d="M631.569,401.5l-5.82-5.82a5.266,5.266,0,1,0-1.515,1.515l5.82,5.82Zm-12.874-6.058a3.748,3.748,0,1,1,5.3,0A3.749,3.749,0,0,1,618.695,395.44Z" transform="translate(-590.514 -341.233)" fill="#6c63ff" />
</g>
</svg>
<div class="w-100 text-center d-none">
<a class="link text-underline" target="_blank" rel="noopener">link</a>
</div>
</div>
</div>
</div>
<!-- Feed page -->
<div id="page-popular" class="inactive">
<h2>Popular Tweets</h2>
<div class="block card">
<div class="card-body p-2">
<blockquote class="twitter-tweet">
<p lang="und" dir="ltr"><a href="https://twitter.com/quoted_replies?ref_src=twsrc%5Etfw">@quoted_replies</a></p>— Dazils Ferdinand (@_dazils_) <a href="https://twitter.com/_dazils_/status/1246119110410416130?ref_src=twsrc%5Etfw">April 3, 2020</a>
</blockquote>
</div>
</div>
</div>
<!-- Create page -->
<div id="page-about" class="inactive">
<h2>About Page</h2>
</div>
<!-- Account page -->
<div id="page-account" class="inactive h-100">
<h2 class="d-flex justify-content-right">Account page</h2>
<div class="block row h-100 justify-content-center align-items-center">
<a class="twitter btn" href="#">
<div class="twitter-icon btn-icon"></div>
Login with Twitter
</a>
</div>
</div>
</div>
<!-- Bottom Nav Bar -->
<footer class="footer d-sm-none">
<div id="buttonGroup" class="btn-group selectors" role="group" aria-label="Basic example">
<button id="home" type="button" class="btn button-active">
<div class="selector-holder">
<i class="material-icons">home</i>
<span>Home</span>
</div>
</button>
<button id="popular" type="button" class="btn button-inactive">
<div class="selector-holder">
<i class="material-icons">trending_up</i>
<span>Popular</span>
</div>
</button>
<button id="about" type="button" class="btn button-inactive">
<div class="selector-holder">
<i class="material-icons">info_outline</i>
<span>About</span>
</div>
</button>
<button id="account" type="button" class="btn button-inactive">
<div class="selector-holder">
<i class="material-icons">perm_identity</i>
<span>Account</span>
</div>
</button>
</div>
</footer>
</div>
<!-- jquery -->
<script defer src="libs/jquery/jquery.min.js" type="text/javascript"></script>
<!-- Bootstrap core JavaScript -->
<script defer src="libs/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- JS needed for this page -->
<script defer src="js/main.js"></script>
</body>
</html>