55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
<title>project732</title>
|
|
<meta name='color-scheme' content='dark light'>
|
|
<nav>
|
|
<b>project732//</b>
|
|
<input id='tags' placeholder='search' type='search' autofocus onkeydown='if (event.key === "Enter") { search(); console.log("data entered"); }'/>
|
|
<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>
|
|
function search(){
|
|
let tags = document.getElementById("tags").value;
|
|
fetch(`https://e621.net/posts.json?tags=${tags}`, {
|
|
headers: { "Authorization": "Basic " + btoa(`${document.getElementById("username").value}:${document.getElementById("authkey").value}`) }
|
|
})
|
|
.then(response=>response.json());
|
|
};
|
|
|
|
function searchx(){
|
|
let tags = document.getElementById("tags").value;
|
|
fetch('https://e621.net/posts.json?tags=${tags}')
|
|
.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;
|
|
}
|
|
nav{
|
|
position:fixed;
|
|
top:0;
|
|
width:100%;
|
|
display:flex;
|
|
}
|
|
nav *{
|
|
display:flex;
|
|
flex:1;
|
|
} |