mirror of
https://github.com/JustAnimeCore/HiAnime-Api.git
synced 2026-04-17 13:51:44 +00:00
feature, not a bug
This commit is contained in:
Tejas Panchal
91
public/404.html
Normal file
91
public/404.html
Normal file
@@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>404 not found!</title>
|
||||
<style>
|
||||
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
body {
|
||||
height: 100vh;
|
||||
background-color: #1e1e1e;
|
||||
color: #ce9178;
|
||||
}
|
||||
#error-page {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 15%;
|
||||
right: 15%;
|
||||
bottom: 10%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
#error-page .content {
|
||||
max-width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
.content img.header {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
position: relative;
|
||||
}
|
||||
.content h4 {
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
font-size: 2em;
|
||||
max-width: 600px;
|
||||
position: relative;
|
||||
}
|
||||
.content p {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.content .btns {
|
||||
margin: 25px 0;
|
||||
display: inline-flex;
|
||||
}
|
||||
.content .btns a {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
text-decoration: none;
|
||||
border: 2px solid #69a6ce;
|
||||
color: #69a6ce;
|
||||
font-weight: 500;
|
||||
padding: 10px 25px;
|
||||
border-radius: 25px;
|
||||
text-transform: uppercase;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.content .btns a:hover {
|
||||
background: #69a6ce;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="error-page">
|
||||
<div class="content">
|
||||
<img class="header" data-text="404" src="https://media.tenor.com/TPvxRCmycL4AAAAi/gray-hair-big-eyes.gif"/>
|
||||
<h4 data-text="Opps! Page not found">404! Page not found :(</h4>
|
||||
<p>
|
||||
Sorry, the page you're looking for doesn't exist. If you think
|
||||
something is broken, report a problem.
|
||||
</p>
|
||||
<div class="btns">
|
||||
<a href="/">return home</a>
|
||||
<a href="https://github.com/itzzzme/anime-api" target="_blank"
|
||||
>report problem</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/anya.gif
Normal file
BIN
public/anya.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 MiB |
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
public/image.webp
Normal file
BIN
public/image.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
132
public/index.html
Normal file
132
public/index.html
Normal file
@@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||||
<title>Anime Api</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
||||
/>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
max-height: 100vh;
|
||||
max-width: 100vw;
|
||||
background-color: #1e1e1e;
|
||||
color: #ce9178;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
text-align: center;
|
||||
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
|
||||
sans-serif;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#gif,
|
||||
#mirrored-gif {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#mirrored-gif {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
#pic {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
border-radius: 50%;
|
||||
object-position: center;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.profile {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 2;
|
||||
}
|
||||
.github {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
.fa-github {
|
||||
color: grey;
|
||||
}
|
||||
a {
|
||||
font-size: 1.3rem;
|
||||
color: #7cdcfe;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.image-container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Welcome to API 🎉</h1>
|
||||
<div class="profile">
|
||||
<img id="pic" src="image.webp" alt="" />
|
||||
<div class="github">
|
||||
<i class="fa fa-github" style="font-size: 36px"></i>
|
||||
<a href="https://github.com/itzzzme/anime-api" target="_blank"
|
||||
>Click here to refer docs</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img
|
||||
id="gif"
|
||||
src="./wlc.gif"
|
||||
alt=""
|
||||
/>
|
||||
<img
|
||||
id="mirrored-gif"
|
||||
src="./wlc.gif"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/pic.jpg
Normal file
BIN
public/pic.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
public/wlc.gif
Normal file
BIN
public/wlc.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 427 KiB |
Reference in New Issue
Block a user