personal-startpage/index.html

144 lines
6.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>> welcome</title>
<link href="./style.css" rel="stylesheet">
</head>
<body onhashchange="ref()">
<div class="bg">
<img class="bg-img">
</div>
<div class="home">
<h2 id="tline">> welcome</h2>
<div id="main">
<p id="wel">i'm inside your walls</p>
<div id="wpb" style="display:none;">loading weather</div>
<p id="wl" style="display:none;"></p>
<form action="https://www.alexandria.org/" method="get">
<input type="text" id="text-box" name="q" autofocus="" autocomplete="off" placeholder="Search.">
</form>
<div class="tc">
<p id="time"></p>
</div>
<div class="sc">
<table>
<tr>
<th>socials</th>
<th>dev</th>
<th>piracy</th>
<th>misc</th>
</tr>
<tr>
<td><a rel="noreferer" href="https://twitter.com/">birdsite</a></td>
<td><a rel="noreferer" href="https://git.gay/">git.gay</a></td>
<td><a rel="noreferer" href="https://app.plex.tv">plex</a></td>
<td><a rel="noreferer" href="https://da.gd">da.gd</a></td>
</tr>
<tr>
<td><a rel="noreferer" href="https://fuckgov.org/">masto</a></td>
<td><a rel="noreferer" href="https://github.com/">github</a></td>
<td><a rel="noreferer" href="https://fora.snahp.eu">snahp</a></td>
<td><a rel="noreferer" href="https://files.gay/upload">files.gay</a></td>
</tr>
<tr>
<td><a rel="noreferer" href="https://old.reddit.com/">reddit</a></td>
<td><a rel="noreferer" href="https://npmjs.com/">npm</a></td>
<td><a rel="noreferer" href="https://torrentleech.org/">torleech</a></td>
<td><a rel="noreferer" href="https://send.vis.ee">send</a></td>
</tr>
<tr>
<td><a rel="noreferer" href="https://www.last.fm/">last.fm</a></td>
<td><a rel="noreferer" href="https://aai.li/">aai.li</a></td>
<td><a rel="noreferer" href="https://bitsearch.to/">bitsearch</a></td>
<td><a rel="noreferer" href="https://old.reddit.com/r/freemediaheckyeah/wiki">fmhy</a></td>
</tr>
<tr>
<td><a rel="noreferer" href="https://youtube.com/">youtube</a></td>
<td><a rel="noreferer" href="https://namecheap.com/">namecheap</a></td>
<td><a rel="noreferer" href="https://demonoid.is/">demonoid</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a rel="noreferer" href="https://gandi.net/">gandi</a></td>
<td><a rel="noreferer" href="https://ustvgo.tv">ustvgo</a>/<a href="https://ustv247.tv/">ustv247</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a rel="noreferer" href="https://tldes.com/cheapest-domains">tldes</a></td>
<td><a rel="noreferer" href="http://live94today.com/category/united-states-usa/">123tv</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
<div id="settings" style="display:none;">
<a href="#" class="irreg-link">< back</a>
<hr>
<h2 style="margin-bottom:7px !important;">settings</h2>
<p>hover over a setting for more information on them. settings are auto-saved. if changes still don't apply, <i>clear your cache</i>.</p>
<div class="set" title="The name displayed at the top.">
<label for="name">Name:</label>
<input name="name" id="name" placeholder="> welcome" oninput="save(this.id, this.value);">
<button onclick="document.getElementById('name').value='> welcome'">default</button>
</div>
<div class="set" title="Gets weather data automatically and displays it on the startpage.">
<label for="enwe">Enable Weather Data:</label>
<select name="enwe" id="enwe" oninput="save(this.id, this.value); ref();">
<option value="false">Disabled</option>
<option value="true">Enabled</option>
</select>
</div>
<div id="weather-settings-container">
<div class="set" title="The city that weather is retrived from.">
<label for="wid"><a href="https://openweathermap.org/">OpenWeatherMap</a> ID:</label>
<input name="wid" id="wid" placeholder="5110629" oninput="save(this.id, this.value);">
<button onclick="document.getElementById('wid').value='5110629'">default</button>
</div>
<div class="set" title="Measurements for the weather report.">
<label for="wm">Weather Measurement: </label>
<select name="wm" id="wm" oninput="save(this.id, this.value);">
<option value="imperial">Imperial (Fahrenheit)</option>
<option value="metric">Metric (Celsius)</option>
</select>
<button onclick="document.getElementById('wm').value='imperial'">default</button>
</div>
</div>
<div class="set" title="Sets the background to this page.">
<label for="bg">Background: </label>
<select name="bg" id="bg" oninput="save(this.id, this.value); ref();">
<option value="black">Black Background</option>
<option value="randomFromWH">Random from Wallhaven.cc</option>
</select>
<button onclick="document.getElementById('bg').value='black'">default</button>
</div>
<div id="wh-container">
<div class="set" title="The search term on Wallhaven.cc">
<label for="wh">Wallhaven search term: </label>
<input name="wh" id="wh" placeholder="sky" oninput="save(this.id, this.value);">
<button onclick="document.getElementById('wh').value='sky'">default</button>
</div>
<div class="set" title="Every time the page loads, get a new wallpaper">
<label for="nw">Refresh wallpaper on start:</label>
<select name="nw" id="nw" oninput="save(this.id, this.value);">
<option value="true">Enabled</option>
<option value="false">Disabled</option>
</select>
<button onclick="document.getElementById('nw').value='true'">default</button>
</div>
</div><br>
<button onclick="window.open(window.location.href.split('#')[0], '_self')">apply</button>
</div><br>
<p class="footer"><a href="https://github.com/tacohitbox/personal-startpage">source code</a> <span class="ns">- <a href="#settings">settings</a></span></p>
</div>
<script src="./load.js"></script>
<script src="./settings.js"></script>
</body>
</html>