anime / index.html
Reaperxxxx's picture
Update index.html
2f88c03 verified
Raw
History Blame Contribute Delete
8.27 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#000000">
<title>API Documentation</title>
<style>
@font-face {
font-family: 'Gagalin';
src: url('https://files.catbox.moe/095vum.ttf') format('opentype');
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Gagalin', sans-serif;
color: #E0E0E0;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
overflow-x: hidden;
width: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('https://files.catbox.moe/dtvx25.jpeg') no-repeat center center fixed;
background-size: cover;
z-index: -1;
}
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: black;
z-index: -2;
}
header {
background: linear-gradient(90deg, #002147, #000000);
padding: 20px;
text-align: center;
width: 100%;
border-bottom: 3px solid #00ccff;
box-shadow: 0px 0px 5px #00ccff;
}
header h1 {
margin: 0;
font-size: 2.5em;
color: #00ccff;
text-transform: uppercase;
text-shadow: 0px 0px 5px #00ccff;
}
.stats {
margin-top: 5px;
font-size: 1em;
color: #A0CFFF;
}
nav {
background: rgba(0, 31, 63, 0.9);
padding: 15px;
text-align: center;
width: 100%;
position: sticky;
top: 0;
z-index: 1000;
border-bottom: 3px solid #00ccff;
box-shadow: 0 2px 5px rgba(0, 204, 255, 0.4);
}
nav ul {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
nav ul li a {
text-decoration: none;
color: #00ccff;
font-size: 1.1em;
padding: 8px 15px;
transition: all 0.3s ease-in-out;
}
nav ul li a:hover {
color: #ffffff;
text-shadow: 0px 0px 10px #00ccff;
}
main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
width: 90%;
max-width: 1200px;
padding: 40px 0;
justify-content: center;
}
section {
background: rgba(10, 10, 35, 0.95);
padding: 20px;
border-left: 5px solid #00ccff;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 204, 255, 0.4);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
min-height: 180px;
display: flex;
flex-direction: column;
justify-content: center;
}
section:hover {
transform: translateY(-5px);
box-shadow: 0 0 30px rgba(0, 204, 255, 0.6);
}
section h2 {
color: #00ccff;
font-size: 1.5em;
margin-bottom: 10px;
}
section p {
font-size: 1em;
color: #A0CFFF;
}
footer {
text-align: center;
padding: 15px;
background: rgba(0, 0, 0, 0.8);
color: #888;
width: 100%;
margin-top: auto;
border-top: 3px solid #00ccff;
}
</style>
<script>
async function updateStats() {
try {
const response = await fetch('/api/stats');
const data = await response.json();
document.getElementById("uptime").textContent = data.uptime || "N/A";
document.getElementById("requests").textContent = data.requests || "N/A";
} catch (error) {
console.error("Error fetching stats:", error);
}
}
window.onload = updateStats;
</script>
</head>
<body>
<header>
<h1>REIKER API DOCS</h1>
<div class="stats">
<span>Server Uptime: <strong id="uptime"></strong></span>
<span>Requests Served: <strong id="requests"></strong></span>
<span>- Created by: <strong>Reiker</strong></span>
</div>
</header>
<nav>
<ul>
<li><a href="#endpoint1">Character</a></li>
<li><a href="#endpoint2">Movies-Series</a></li>
<li><a href="#endpoint3">Logo</a></li>
<li><a href="#endpoint4">Anime-dl</a></li>
<li><a href="#endpoint5">Waifu</a></li>
<li><a href="#endpoint6">YTMP3</a></li>
<li><a href="#endpoint7">ShortUrl</a></li>
<li><a href="#endpoint8">Nsfw</a></li>
<li><a href="#endpoint9">Soccer</a></li>
<li><a href="#endpoint10">Anime-dl2</a></li>
</ul>
</nav>
<main>
<a href="/reiker/random-character" target="_blank">
<section id="endpoint1">
<h2>Random Anime Character</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /reiker/random-character</p>
<p><strong>Description:</strong> Fetches Random Popular Anime To Watch.</p>
</section>
</a>
<a href="/fetchDownload?moviename=Avengers%20infinity" target="_blank">
<section id="endpoint2">
<h2>Movies - Series Dl</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /fetchDowmload</p>
<p><strong>Description:</strong> Simply add &episode=06 for series.</p>
</section>
</a>
<a href="/api/logo?name=Forsaken%20Reiker&info=W%20Code%20editor%20ill%20give%20you%20that" target="_blank">
<section id="endpoint3">
<h2>Logo Maker</h2>
<p><strong>Method:</strong> POST</p>
<p><strong>URL:</strong> /api/logo</p>
<p><strong>Description:</strong> Generates a custom logo.</p>
</section>
</a>
<a href="/api/anime/Naruto/7" target="_blank">
<section id="endpoint4">
<h2>Anime Downloader</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/anime</p>
<p><strong>Description:</strong> Downloads anime episodes.</p>
</section>
</a>
<a href="/api/waifu?category=waifu" target="_blank">
<section id="endpoint5">
<h2>Waifu Generator</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/waifu</p>
<p><strong>Description:</strong> Fetches a random anime waifu.</p>
</section>
</a>
<a href="/api/ytmp3?url=https://youtu.be/H58vbez_m4E?si=9z0rVrPhIOPFaeZp" target="_blank">
<section id="endpoint6">
<h2>YouTube MP3</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/ytmp3</p>
<p><strong>Description:</strong> Converts YouTube videos to MP3.</p>
</section>
</a>
<a href="/api/shorturl" target="_blank">
<section id="endpoint7">
<h2>Short Url</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/news</p>
<p><strong>Description:</strong> Shortens Your Long Url into a small one.</p>
</section>
</a>
<a href="/api/waifu?category=waifu&sfw=true" target="_blank">
<section id="endpoint8">
<h2>NSFW Anime Picture</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/sfw</p>
<p><strong>Description:</strong> Fetch Explicit Anime Images.</p>
</section>
</a>
<a href="/api/soccer" target="_blank">
<section id="endpoint9">
<h2>Random Soccer Player</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/soccer</p>
<p><strong>Description:</strong> Fetches random football player.</p>
</section>
</a>
<a href="/api/anime2?name=One Piece&episode=3"" target="_blank">
<section id="endpoint10">
<h2>Anime Downloader2</h2>
<p><strong>Method:</strong> GET</p>
<p><strong>URL:</strong> /api/anime2</p>
<p><strong>Description:</strong> Fetches Anime Download Link Much faster but Not as Reliable as 1st.</p>
</section>
</a>
</main>
<footer>
<p>&copy; 2025 Reiker. All rights reserved.</p>
</footer>
</body>
</html>