-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (39 loc) · 2.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@PythonPillow Twitter archive</title>
<link rel="icon" type="image/x-icon" href="images/pillow.ico">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="wrapper">
<div class="flex-wrap">
<h1>Welcome to the @PythonPillow Twitter archive</h1>
<p>This is a page where you can search many of my tweets, get a link to an archived version, and view all the content in nice, threaded form where applicable. This does not include replies to other people in this archive, so this is just "standalone" tweets and threads.</p>
<div class="tweet">
<p id="tabs">
<button class="tab active" id="search-tab" onclick="searchTab()">Search</button><button class="tab" id="browse-tab" onclick="browseTab()">Browse</button>
</p>
<hr class="hr">
<p id="loading">Loading search...</p>
<div id="search" hidden>
<input id="search-input" type="search" />
<div id="sorting">Sort by: <button class="sort-button" onclick="sortResults('most-relevant')">most relevant</button> | <button class="sort-button" onclick="sortResults('oldest-first')">oldest first</button> | <button class="sort-button" onclick="sortResults('newest-first')">newest first</button> | <button class="sort-button" onclick="sortResults('most-popular')">most popular</button></div>
<div id="output"></div>
</div>
<div id="browse" hidden>
<div id="browse-sort">Sort by: <button class="sort-button-browse" onclick="sortResults('oldest-first-browse')">oldest first</button> | <button class="sort-button-browse" onclick="sortResults('newest-first-browse')">newest first</button> | <button class="sort-button" onclick="sortResults('most-popular-browse')">most popular</button></div>
<p id="paging">Page <input id="page-num" type="number" /> of <span id="page-total">...</span> </p>
<div id="browse-output"></div>
</div>
</div>
<p>This site was made with <a href="https://tinysubversions.com/twitter-archive/make-your-own/">this Twitter archiving tool</a>.</p>
</div>
</div>
</body>
<script src="searchDocuments.js"></script>
<script src="https://cdn.jsdelivr.net/gh/nextapps-de/flexsearch@0.7.31/dist/flexsearch.bundle.js"></script>
<script src="app.js"></script>
</html>