floofisnout
/
project-732
1
0
Fork 0
Code

modified navbar

This commit is contained in:
rooir 2024-01-15 10:14:12 +08:00
parent a629e2533b
commit 088c80486e
1 changed files with 37 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@ -1,20 +1,50 @@
<title>project732</title>
<meta name='color-scheme' content='dark light'>
<input id='searchbar' placeholder='search...' type='search' style='width:60%' autofocus onkeydown='(event)=>{}'
/><input id='username' placeholder='username...' type='text' style='width:20%' onload='document.getElementById("username").value=localStorage.getItem("username")' oninput='localStorage.setItem("username", this.value)'
/><input id='authkey' placeholder='auth key...' type='password' style='width:20%' onload='document.getElementById("authkey").value=localStorage.getItem("authkey")' oninput='localStorage.setItem("authkey", this.value)'/>
<nav>
<span>
<b>p732</b>
<a href='https://yerf.sh'>yerf</a>
<a href='https://github.com/rooir'>source</a>
</span>
<input id='searchbar' placeholder='search' type='search' autofocus onkeydown='(event)=>{if(event.key==="Enter"){search(this.value);}}'/>
<span>
<input id='username' placeholder='user' type='text' onload='document.getElementById("username").value=localStorage.getItem("username")' oninput='localStorage.setItem("username", this.value)'/>
<input id='authkey' placeholder='auth' type='password' onload='document.getElementById("authkey").value=localStorage.getItem("authkey")' oninput='localStorage.setItem("authkey", this.value)'/>
</span>
</nav>
<script>
// search function
function search(searchinput){
fetch("https://e621.net/posts.json?tags=${searchinput}")
fetch('https://e621.net/posts.json?tags=${searchinput}')
.then(response=>response.json())
.then(data=>{if(Array.isArray(data.posts)){
for(var item of data.posts){
document.body.innerHTML+='<div><a href="${item.file.url}"><img src="${encodeURIComponent(item.preview.url)}"></a></div>';
}
};console.log(data)})
.catch(error => console.error('Error fetching data:', error));
};
</script>
<style>
*{margin:0;padding:0;font-family:monospace;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;border:none;outline:none;background:none}
::-webkit-scrollbar{display:none}
*{
margin:0;
padding:0;
font-family:monospace;
-ms-overflow-style:none;
scrollbar-width:none;
scroll-behavior:smooth;
border:none;outline:none;
background:none;
}
::-webkit-scrollbar{
display:none;
}
nav{
position:fixed;
top:0;
width:100%;
display:flex;
}
nav *{
display:flex;
flex:1;
}