twitter-archive/index.html
2024-03-07 21:07:03 -08:00

30 lines
1.6 KiB
HTML
Executable file

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@dunndunndunn Twitter archive</title>
<link rel="stylesheet" href="styles.css">
<script src="searchDocuments.js"></script>
</head>
<body>
<div class="wrapper">
<div class="flex-wrap">
<h1>Welcome to the @dunndunndunn 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="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>
<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="https://cdnjs.cloudflare.com/ajax/libs/elasticlunr/0.9.6/elasticlunr.min.js"></script>
<script src="app.js"></script>
</html>