candycanearter07/comicsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webboot searchbar

Browse Source
This commit is contained in:
etherware-novice 2024-08-25 11:21:54 -05:00
parent 2927118e58
commit 293fc20c6b
No known key found for this signature in database
GPG Key ID: 5DB73B4D57B9D701
2 changed files with 69 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
personal/webboot/index.css
View File

@ -27,10 +27,17 @@ html {
background-color: white; background-color: white;
} }
#links { #poketch-int {
position: absolute; position: absolute;
top: 15%; left: 6%; width: 67%; height: 71%;
width: 75%; height: 65%; left: 10%; top: 12%;
overflow-y: scroll;
}
#poketch-int::-webkit-scrollbar { display: none; }
#poketch-int { -ms-overflow-style: none; scrollbar-width: none; }
#links {
width: 100%; height: 100%;
margin: auto; margin: auto;
text-align: center; text-align: center;
@ -62,15 +69,13 @@ html {
height: 60vh; width: 40vw; height: 60vh; width: 40vw;
bottom: -5vw; bottom: -5vw;
left: 32vw; left: 32vw;
overflow: scroll;
} }
#poketch>img { width: 100%; } #poketch>img { width: 95%; position: absolute; }
#poketch a { color: inherit; text-decoration: none; } #poketch a { color: inherit; text-decoration: none; }
#swatchClock { #swatchClock {
position: absolute; position: absolute;
top: 40%; width: 83%; top: 40%; width: 100%;
text-align: center; text-align: center;
font-size: 6rem; font-size: 6rem;
margin: auto; margin: auto;
@ -102,3 +107,11 @@ html {
font-family: LCDNUM; font-family: LCDNUM;
font-size: 3rem; font-size: 3rem;
} }
#searchbar {
width: 75%; height: 1.5rem;
margin: 10px;
}
#searchgo { height: 1.5rem; margin: 10px; }
#searchselect { width: 95%; }

75
personal/webboot/index.html
View File

@ -31,32 +31,46 @@ layout: null
<div id="poketch" class="border"> <div id="poketch" class="border">
<img src="images/poketch.png" usemap="#map"> <img src="images/poketch.png" usemap="#map">
<p id="swatchClock"></p> <div id="poketch-int">
<div id="links"> <p id="swatchClock"></p>
<a href="https://bsky.app"> <div id="links">
<img src="images/icons1.png">
<p>bluesky</p> <select id="searchselect">
</a> <option value="https://duckduckgo.com/?q=">DuckDuckGo</option>
<a href="https://tumblr.com"> <option value="https://en.wikipedia.org/w/index.php?go=Go&search=">Wikipedia</option>
<img src="images/icons2.png"> <option disabled>--code pages--</option>
<p>tumblr</p> <option value="https://github.com/search?q=">Github</option>
</a> <option value="https://archive.org/search?query=">Internet Archive</option>
<a href="https://forum.melonland.net/index.php"> <option value="http://theoldnet.com/find?query=">TheOldNet</option>
<img src="images/icons3.png"> </select>
<p>melonforum</p> <input type="text" id="searchbar">
</a>
<a href="https://neocities.org"> <img src="images/icons6.png" id="searchgo" onclick="searchwww()">
<img src="images/icons4.png"> <a href="https://bsky.app">
<p>neocities</p> <img src="images/icons1.png">
</a> <p>bluesky</p>
<a href="https://minesweeper.online"> </a>
<img src="images/icons5.png"> <a href="https://tumblr.com">
<p>mines</p> <img src="images/icons2.png">
</a> <p>tumblr</p>
<a href="/personal/pokeblog"> </a>
<img src="images/icons6.png"> <a href="https://forum.melonland.net/index.php">
<p>my pokeblog</p> <img src="images/icons3.png">
</a> <p>melonforum</p>
</a>
<a href="https://neocities.org">
<img src="images/icons4.png">
<p>neocities</p>
</a>
<a href="https://minesweeper.online">
<img src="images/icons5.png">
<p>mines</p>
</a>
<a href="/personal/pokeblog">
<img src="images/icons6.png">
<p>my pokeblog</p>
</a>
</div>
</div> </div>
</div> </div>
@ -93,6 +107,15 @@ layout: null
return quotesel; return quotesel;
} }
function searchwww() {
var url = document.getElementById("searchbar");
var searcher = document.getElementById("searchselect");
if(url.value && searcher.value)
{
window.location.assign(searcher.value + encodeURI(url.value));
}
}
dispTime(); dispTime();
setInterval(updateFancyTime, 1000); setInterval(updateFancyTime, 1000);
</script> </script>