157 lines
4.9 KiB
HTML
157 lines
4.9 KiB
HTML
---
|
|
layout: null
|
|
---
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>welcome to the internet</title>
|
|
<link rel="stylesheet" href="index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<script src="/assets/js/swatch.js"></script>
|
|
|
|
<div id="litclock" class="border">
|
|
<p>literature clock:</p>
|
|
<span id="litclock-pre"></span>
|
|
<span id="litclock-time"></span>
|
|
<span id="litclock-post"></span>
|
|
</div>
|
|
|
|
<div id="main" class="border">
|
|
<p>welcome to the pokenav</p>
|
|
<p>this goomy will stare at you</p>
|
|
</div>
|
|
|
|
<map name="map">
|
|
<area coords="550,70,650,220" shape="rect" onclick="dispTime()"></area>
|
|
<area coords="550,231,650,380" shape="rect" onclick="dispLink()"></area>
|
|
</map>
|
|
|
|
<div id="poketch" class="border">
|
|
<img src="images/poketch.png" usemap="#map">
|
|
<div id="poketch-int">
|
|
<p id="swatchClock"></p>
|
|
<div id="links">
|
|
|
|
<select id="searchselect">
|
|
<option value="https://duckduckgo.com/?q=">DuckDuckGo</option>
|
|
<option value="https://">URL</option>
|
|
<option value="https://en.wikipedia.org/w/index.php?go=Go&search=">Wikipedia</option>
|
|
<option disabled>--code pages--</option>
|
|
<option value="https://github.com/search?q=">Github</option>
|
|
<option value="https://developer.mozilla.org/en-US/search?q=">Mozilla Dev Docs</option>
|
|
<option value="https://html.duckduckgo.com/html?q=site%3Acppreference.com ">C++ reference</option>
|
|
<option value="https://archive.org/search?query=">Internet Archive</option>
|
|
<option value="http://theoldnet.com/find?query=">TheOldNet</option>
|
|
<option disabled>--wikis--</option>
|
|
<option value="https://bulbapedia.bulbagarden.net/w/index.php?title=Special%253ASearch&search=">Pokemon</option>
|
|
<option value="https://www.stardewvalleywiki.com/mediawiki/index.php?title=Special%253ASearch&fulltext=Search&search=">Stardew</option>
|
|
<option value="https://aceattorney.fandom.com/wiki/Special:Search?scope=internal&navigationSearch=true&query=">Phoenix Wright</option>
|
|
<option value="https://www.mariowiki.com/index.php?title=Special%3ASearch&search=">Super Mario</option>
|
|
<option value="https://www.spriters-resource.com/search/?q=">Spriters Resource</option>
|
|
</select>
|
|
<input type="text" id="searchbar">
|
|
|
|
<img src="images/icons6.png" id="searchgo" onclick="searchwww()">
|
|
<a href="https://bsky.app">
|
|
<img src="images/icons1.png">
|
|
<p>bluesky</p>
|
|
</a>
|
|
<a href="https://tumblr.com">
|
|
<img src="images/icons2.png">
|
|
<p>tumblr</p>
|
|
</a>
|
|
<a href="https://forum.melonland.net/index.php">
|
|
<img src="images/icons3.png">
|
|
<p>melonforum</p>
|
|
</a>
|
|
<a href="https://neocities.org">
|
|
<img src="images/icons4.png">
|
|
<p>neocities</p>
|
|
</a>
|
|
<a href="https://discourse.32bit.cafe/latest">
|
|
<img src="images/poketch_32bc.png">
|
|
<p>32b cafe</p>
|
|
</a>
|
|
<a href="https://minesweeper.online">
|
|
<img src="images/icons5.png">
|
|
<p>mines</p>
|
|
</a>
|
|
<a href="https://bluedwarf.top">
|
|
<img src="images/icons6.png">
|
|
<p>bluedwarf</p>
|
|
</a>
|
|
<a href="https://forums.poliwager.net">
|
|
<img src="images/icons9.png">
|
|
<p>poliwager</p>
|
|
</a>
|
|
<a href="http://listen.hatnote.com/#en">
|
|
<img src="images/icons8.png">
|
|
<p>music</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<img src="images/goomy.png" id="goomy">
|
|
|
|
|
|
<script>
|
|
|
|
function dispTime() {
|
|
document.getElementById("swatchClock").style.display = "block";
|
|
document.getElementById("links").style.display = "none";
|
|
}
|
|
function dispLink() {
|
|
document.getElementById("swatchClock").style.display = "none";
|
|
document.getElementById("links").style.display = "flex";
|
|
}
|
|
|
|
function npad(num) {
|
|
if (num < 10) { num = "0" + num; }
|
|
return num;
|
|
}
|
|
|
|
async function updateFancyTime() {
|
|
|
|
let cdate = new Date();
|
|
let res = await fetch(`https://raw.githubusercontent.com/lbngoc/literature-clock/master/docs/times/${npad(cdate.getHours())}:${npad(cdate.getMinutes())}.json`);
|
|
|
|
let quotedex = await res.json();
|
|
let quotesel = quotedex[0];
|
|
document.getElementById("litclock-pre").innerHTML = quotesel.quote_first;
|
|
document.getElementById("litclock-time").innerHTML = quotesel.time;
|
|
document.getElementById("litclock-post").innerHTML = quotesel.quote_last;
|
|
|
|
return quotesel;
|
|
}
|
|
|
|
function searchwww() {
|
|
var url = document.getElementById("searchbar");
|
|
var searcher = document.getElementById("searchselect");
|
|
if(url.value)
|
|
{
|
|
window.location.assign(searcher.value + encodeURI(url.value));
|
|
}
|
|
}
|
|
|
|
dispLink();
|
|
setInterval(updateFancyTime, 1000);
|
|
|
|
document.getElementById("searchbar").
|
|
addEventListener('keydown', (e) => {
|
|
if (e.key === 'Enter')
|
|
{
|
|
e.preventDefault();
|
|
searchwww();
|
|
}
|
|
});
|
|
|
|
window.addEventListener('onload', () => {
|
|
document.getElementById("searchbar").select();
|
|
});
|
|
</script>
|
|
</body>
|