feat: updated home page view

ghoshRitesh12 · Sep 10, 2023 · ed64499 · ed64499
1 parent de34e7a
commit ed64499
Showing 1 changed file with 91 additions and 8 deletions.
diff --git a/public/index.html b/public/index.html
@@ -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">
-    Visit docs for more into
-  </a>
+<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>