shishantbiswas/aniwatch-api
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: updated home page view

Browse Source
This commit is contained in:
Ritesh Ghosh
2023-09-10 19:37:37 +05:30
parent de34e7ae57
commit ed64499094
1 changed files with 91 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+89 -6
View File
@@ -2,18 +2,101 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Aniwatch API</title>
<meta name="content-language" content="en">
<meta http-equiv="Content-Security-Policy"
content="default-src 'self' https://api-aniwatch.onrender.com; style-src 'unsafe-inline'; img-src 'self' https://raw.githubusercontent.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="Aniwatch API">
<link rel="canonical" href="https://api-aniwatch.onrender.com">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta property="og:image"
content="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/main/public/img/img1.gif">
<meta property="og:url" content="https://api-aniwatch.onrender.com">
<meta property="og:image:width" content="457">
<meta property="og:image:height" content="480">
<meta property="og:site_name" content="aniwatch">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@aniwatch-api">
<meta name="twitter:title" content="Aniwatch API">
<meta name="twitter:description"
content="Node Express API for obtaining anime information from aniwatch.to (formerly zoro.to) written in TypeScript, made with Cheerio & Axios">
<meta name="twitter:image:src"
content="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/main/public/img/img1.gif">
<meta name="keywords" content="aniwatch api scraper anime zoro node express typescript">
<meta property="og:title" content="Aniwatch API">
<meta name="description"
content="Node Express API for obtaining anime information from aniwatch.to (formerly zoro.to) written in TypeScript, made with Cheerio & Axios">
<meta property="og:description"
content="Node Express API for obtaining anime information from aniwatch.to (formerly zoro.to) written in TypeScript, made with Cheerio & Axios">
<link rel="shortcut icon"
href="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/main/public/img/img1.gif">
<style>
html {
color-scheme: dark;
}
body {
display: flex;
align-items: center;
justify-content: start;
flex-direction: column;
font-family: sans-serif;
background: #18161A;
padding: 10rem 1rem 0 1rem;
}
h2 span {
background-clip: text;
background: linear-gradient(to left, #ff5a7e 40%, #00aeff);
text-align: center;
font-weight: 800;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
a {
color: #00AEDD;
}
img {
object-fit: cover;
max-width: 100%;
font-size: .9rem;
}
.img-wrapper {
aspect-ratio: 1/1;
max-width: 12rem;
border-radius: 1rem;
overflow: hidden;
width: fit-content;
margin: 0 auto 1rem auto;
}
</style>
</head>
<body style="font-family: sans-serif; background: #000; color: #FFF;">
<h3>Welcome to Zoro.to api ⚔️</h3>
<a style="color: #00AEDD;" href="https://github.com/ghoshRitesh12/aniwatch-api#documentation"
rel="noopener noreferer">
<body>
<h2>
<span>
Welcome to the unofficial aniwatch.to api
</span>
⚔️
</h2>
<div style="font-size: 1.2rem; text-align: center;">
<div class="img-wrapper">
<img draggable="false" src="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/main/public/img/img1.gif"
alt="kawai anime girl" decoding="async" fetchpriority="high" />
</div>
<a href="https://github.com/ghoshritesh12/aniwatch-api#documentation" rel="noopener noreferer">
Visit docs for more into
</a>
</div>
</body>