index.html (2830B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>New Tab</title> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <!-- For browsers without prefers-color-scheme, change theme based on time of day --> 9 <script type="text/javascript"> 10 if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') { 11 document.documentElement.style.display = 'none'; 12 var hour = new Date().getHours(); 13 var sheet = (hour >= 18 || hour < 7) ? "css/dark.css" : "css/light.css"; 14 document.head.insertAdjacentHTML( 15 'beforeend', 16 '<link rel="stylesheet" type="text/css" href="'+sheet+'" onload="document.documentElement.style.display = \'\'">' 17 ); 18 } 19 </script> 20 <!-- For browsers without JS, load the light theme --> 21 <noscript><link rel="stylesheet" type="text/css" href="css/light.css"></noscript> 22 <!-- For browsers supporting prefers-color-scheme, use that --> 23 <link rel="stylesheet" type="text/css" href="css/dark.css" media="(prefers-color-scheme: dark)"> 24 <link rel="stylesheet" type="text/css" href="css/light.css" media="(prefers-color-scheme: light)"> 25 </head> 26 <body> 27 <h1>Zerotab</h1> 28 <form action="https://search.alex.balgavy.eu/" method="get"> 29 <input type="text" class="text" value="" name="q" placeholder="Search..." autocomplete="off" tabindex="0"> 30 </form> 31 <ul id='links'> 32 <li> 33 <a tabindex="1"><img src="img/news.svg"></a> 34 <ul> 35 <li><a href="https://en.wikipedia.org/wiki/Portal:Current_events">Wikipedia: Current Events</a></li> 36 <li><a href="https://unwrapped.news/">Unwrapped News</a></li> 37 <li><a href="https://brutalist.report/">Brutalist Report</a></li> 38 <li><a href="https://sumi.news">Sumi News</a></li> 39 <li><a href="https://legiblenews.com/">Legible News</a></li> 40 <li><a href="https://newsminimalist.com/">News Minimalist</a></li> 41 <li><a href="https://miniflux.alex.balgavy.eu/">Miniflux</a></li> 42 </ul> 43 </li> 44 <li> 45 <a tabindex="2"><img src="img/downloads.svg"></a> 46 <ul> 47 <li><a href="https://rentry.co/megathread">Megathread</a></li> 48 <li><a href="https://rentry.co/firehawk52">Firehawk52</a></li> 49 <li><a href="/ebooks.html">Search Ebooks</a></li> 50 <li><a href="https://www.globalgreyebooks.com/index.html">Global Grey Ebooks</a></li> 51 <li><a href="https://ripped.guide">Ripped Guide</a></li> 52 </ul> 53 </li> 54 <li> 55 <a tabindex="3"><img src="img/stream.svg"></a> 56 <ul> 57 <li><a href="https://www.themoviedb.org/">The Movie DB</a></li> 58 <li><a href="https://cringemdb.com/">CringeMDB</a></li> 59 <li><a href="https://www.reelscary.com/">Reelscary</a></li> 60 <li><a href="https://www.doesthedogdie.com/">Does the dog die</a></li> 61 </ul> 62 </li> 63 </ul> 64 </body> 65 </html>