43 lines
No EOL
2.4 KiB
HTML
Executable file
43 lines
No EOL
2.4 KiB
HTML
Executable file
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta charset="utf-8"/>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>@shannonkay Twitter archive</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="flex-wrap">
|
|
<h1>Welcome to the @shannonkay 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>
|
|
<footer>
|
|
<p>This site was made with <a href="https://tinysubversions.com/twitter-archive/make-your-own/">this Twitter archiving tool</a>.</p>
|
|
</footer>
|
|
</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> |