Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>tunnel</title> <meta property="og:title" content="tunnel"> <meta property="og:image" content="/og.png"> <meta property="og:image:width" content="874"> <meta property="og:image:height" content="534"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="/og.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&display=swap" rel="stylesheet"> <style> body, button, input { font-family: 'IBM Plex Serif', serif; letter-spacing: 0.08em; line-height: 1.7; } </style> <script type="module" crossorigin src="/assets/index-Dtor8GdH.js"></script> <link rel="stylesheet" crossorigin href="/assets/index-COgY-i8u.css"></head><body class="max-w-7xl mx-auto mt-8 px-4 pb-28 dark:bg-stone-900 dark:text-gray-300">
<div id="login-screen" class="max-w-[320px] mx-auto mt-[30vh]"> <img src="/logo.png" alt="followtunnel" class="block mx-auto w-32 h-32 mb-4 dark:invert" /> <div class="relative mb-2"> <div class="flex items-center border border-gray-400 dark:border-gray-600"> <span class="pl-2 text-black dark:text-gray-300 select-none">@</span> <input id="handle" type="text" class="block w-full text-base p-1 pl-1 bg-transparent outline-none text-black dark:text-gray-300" placeholder="evil.brookie.blog" autocomplete="off" autocapitalize="off"> </div> <ul id="handle-typeahead" style="display: none;" class="absolute left-0 right-0 top-full border border-gray-400 dark:border-gray-600 border-t-0 bg-white dark:bg-stone-900 z-10 text-sm"></ul> </div> <button id="login-btn">enter tunnel</button> <div class="text-red-500 mt-2 empty:hidden" id="login-error"></div></div>
<div id="loading-screen" style="display: none;" class="max-w-[320px] mx-auto mt-[30vh] text-center"> loading…</div>
<div id="discover-screen" style="display: none;"> <div class="flex flex-col sm:flex-row justify-between sm:items-end gap-2 mb-2"> <div id="status"></div> <div class="flex items-center gap-4 shrink-0"> <label class="flex items-center gap-1 cursor-pointer"> <input type="checkbox" id="small-only-toggle"> <span>small accounts only</span> </label> <div id="follow-counter" class="tabular-nums"></div> </div> </div> <div id="grid" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 mt-4 w-full"></div> <div class="text-red-500 mt-2 empty:hidden" id="error"></div> <div class="flex justify-between items-center mt-4"> <button id="logout-btn">sign out</button> <div id="z-hint" style="display: none;" class="tabular-nums"> <span id="undo-btn-bottom" class="cursor-pointer hover:text-black dark:hover:text-gray-300">[z] undo</span> </div> </div>
<div class="fixed bottom-0 left-0 right-0 border-t border-black bg-white dark:border-gray-600 dark:bg-stone-900"> <div id="progress-map" class="max-w-7xl mx-auto px-4 text-sm"></div> </div></div>
<div id="refresh-spinner" style="display: none;" class="fixed inset-0 flex items-center justify-center pointer-events-none z-50"> <img src="/logo.png" alt="" class="w-20 h-20 dark:invert animate-spin" style="animation-duration: 1.2s;"></div>
</body></html>