Added Relative Paths

TechShreyash · Oct 21, 2023 · cc9113d · cc9113d
1 parent 712b6d0
commit cc9113d
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 30 deletions.
diff --git a/anime.html b/anime.html
@@ -59,7 +59,7 @@
  <meta property="twitter:card" content="summary" />
  <meta name="apple-mobile-web-app-status-bar" content="#202125" />
  <meta name="theme-color" content="#202125" />
- <link href="/css/anime.css" rel="stylesheet" />
+ <link href="./css/anime.css" rel="stylesheet" />
  <script
  src="https://kit.fontawesome.com/45cb819601.js"
  crossorigin="anonymous"
@@ -75,14 +75,14 @@
  <body>
  <header id="head-div">
  <div id="title1">
- <a href="/"
+ <a href="./index.html"
  ><img
  src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
  alt="AnimeDex"
  /></a>
  </div>
  <div id="search-div">
- <form action="/search.html" method="GET">
+ <form action="./search.html" method="GET">
  <input
  type="text"
  name="query"
@@ -193,6 +193,6 @@ <h2 id="latest">Similar Animes</h2>
  <hr />
 
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- <script src="/js/anime.js"></script>
+ <script src="./js/anime.js"></script>
  </body>
 </html>
diff --git a/episode.html b/episode.html
@@ -38,18 +38,18 @@
  <meta property="twitter:card" content="summary" />
  <meta name="apple-mobile-web-app-status-bar" content="#202125" />
  <meta name="theme-color" content="#202125" />
- <link href="/css/episode.css" rel="stylesheet" />
+ <link href="./css/episode.css" rel="stylesheet" />
  <script src="https://kit.fontawesome.com/45cb819601.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
  <header id="head-div">
  <div id="title1">
- <a href="/"><img src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
+ <a href="./index.html"><img src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
  alt="AnimeDex" /></a>
  </div>
  <div id="search-div">
- <form action="/search.html" method="GET">
+ <form action="./search.html" method="GET">
  <input type="text" name="query" id="query" placeholder="Search Anime..." required />
  <button type="submit"><i class="fa fa-search"></i></button>
  </form>
@@ -110,7 +110,7 @@ <h2>List Of Episodes:</h2>
  <hr />
 
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- <script src="/js/episode.js"></script>
+ <script src="./js/episode.js"></script>
 </body>
 
 </html>
diff --git a/index.html b/index.html
@@ -37,18 +37,18 @@
  <meta property="twitter:url" content="" />
  <meta property="twitter:card" content="summary" />
  <meta name="apple-mobile-web-app-status-bar" content="#202125" />
- <link href="/css/index.css" rel="stylesheet" />
+ <link href="./css/index.css" rel="stylesheet" />
  <script src="https://kit.fontawesome.com/45cb819601.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
  <header id="head-div">
  <div id="title1">
- <a href="/"><img src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
+ <a href="./index.html"><img src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
  alt="AnimeDex" /></a>
  </div>
  <div id="search-div">
- <form action="/search.html" method="GET">
+ <form action="./search.html" method="GET">
  <input type="text" name="query" id="query" placeholder="Search Anime..." required />
  <button type="submit"><i class="fa fa-search"></i></button>
  </form>
@@ -86,7 +86,7 @@ <h2 id="latest">Recent Release</h2>
  <hr />
 
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- <script src="/js/index.js"></script>
+ <script src="./js/index.js"></script>
 </body>
 
 </html>
diff --git a/js/anime.js b/js/anime.js
@@ -169,7 +169,7 @@ async function getAnilistAnimeInfo(anime_title) {
  for (i = 0; i < recommendations.length; i++) {
  let anime = recommendations[i];
  let title = anime["title"]["userPreferred"];
- rechtml += `<a href="/anime.html?anime=${title}"><div class="poster la-anime"> <div id="shadow1" class="shadow"> <div class="dubb">${anime["rating"]}</div><div class="dubb dubb2">${anime["type"]}</div></div><div id="shadow2" class="shadow"> <img class="lzy_img" src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/loading.gif" data-src="${anime["image"]}"> </div><div class="la-details"> <h3>${title}</h3> <div id="extra"> <span>${anime["status"]}</span> <span class="dot"></span> <span>${anime["episodes"]}</span> </div></div></div></a>`;
+ rechtml += `<a href="./anime.html?anime=${title}"><div class="poster la-anime"> <div id="shadow1" class="shadow"> <div class="dubb">${anime["rating"]}</div><div class="dubb dubb2">${anime["type"]}</div></div><div id="shadow2" class="shadow"> <img class="lzy_img" src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/loading.gif" data-src="${anime["image"]}"> </div><div class="la-details"> <h3>${title}</h3> <div id="extra"> <span>${anime["status"]}</span> <span class="dot"></span> <span>${anime["episodes"]}</span> </div></div></div></a>`;
  }
  document.getElementById("latest2").innerHTML = rechtml;
 
@@ -187,7 +187,7 @@ async function getEpList(anime_id) {
  let ephtml = "";
 
  for (let i = 0; i < total; i++) {
- ephtml += `<a class="ep-btn" href="/episode.html?anime=${anime_id}&episode=${i + 1
+ ephtml += `<a class="ep-btn" href="./episode.html?anime=${anime_id}&episode=${i + 1
  }">${i + 1}</a>`;
  }
  document.getElementById("ephtmldiv").innerHTML = ephtml;
@@ -205,7 +205,7 @@ async function getRecommendations(anime_title) {
  for (i = 0; i < recommendations.length; i++) {
  let anime = recommendations[i];
  let title = anime["title"]["userPreferred"];
- rechtml += `<a href="/anime.html?anime=${title}"><div class="poster la-anime"> <div id="shadow1" class="shadow"> <div class="dubb">${anime["rating"]}</div><div class="dubb dubb2">${anime["type"]}</div></div><div id="shadow2" class="shadow"> <img class="lzy_img" src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/loading.gif" data-src="${anime["image"]}"> </div><div class="la-details"> <h3>${title}</h3> <div id="extra"> <span>${anime["status"]}</span> <span class="dot"></span> <span>${anime["episodes"]}</span> </div></div></div></a>`;
+ rechtml += `<a href="./anime.html?anime=${title}"><div class="poster la-anime"> <div id="shadow1" class="shadow"> <div class="dubb">${anime["rating"]}</div><div class="dubb dubb2">${anime["type"]}</div></div><div id="shadow2" class="shadow"> <img class="lzy_img" src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/loading.gif" data-src="${anime["image"]}"> </div><div class="la-details"> <h3>${title}</h3> <div id="extra"> <span>${anime["status"]}</span> <span class="dot"></span> <span>${anime["episodes"]}</span> </div></div></div></a>`;
  }
  document.getElementById("latest2").innerHTML = rechtml;
 }
@@ -214,7 +214,7 @@ const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
 
 if (urlParams.get("anime") == null) {
- window.location = "/";
+ window.location = "./index.html";
 }
 
 //Running functions

diff --git a/js/episode.js b/js/episode.js
@@ -36,12 +36,12 @@ async function getEpisode(anime, episode) {
  if (data[i]["quality"] == "default") {
  const url = data[i]["url"];
 
- serversbtn.innerHTML += `<div class="sitem"> <a class="sobtn sactive" onclick="selectServer(this)" data-value="/embed.html?url=${url}">Server 1</a> </div>`;
+ serversbtn.innerHTML += `<div class="sitem"> <a class="sobtn sactive" onclick="selectServer(this)" data-value="./embed.html?url=${url}">Server 1</a> </div>`;
  document.getElementsByClassName("sactive")[0].click();
  } else if (data[i]["quality"] == "backup") {
  const url = data[i]["url"];
 
- serversbtn.innerHTML += `<div class="sitem"> <a class="sobtn" onclick="selectServer(this)" data-value="/embed.html?url=${url}">Server 2</a> </div>`;
+ serversbtn.innerHTML += `<div class="sitem"> <a class="sobtn" onclick="selectServer(this)" data-value="./embed.html?url=${url}">Server 2</a> </div>`;
  }
  }
  return true;
@@ -102,7 +102,7 @@ async function getEpList(anime_id) {
  let ephtml = "";
 
  for (let i = 0; i < total; i++) {
- ephtml += `<a class="ep-btn" href="/episode.html?anime=${anime_id}&episode=${i + 1
+ ephtml += `<a class="ep-btn" href="./episode.html?anime=${anime_id}&episode=${i + 1
  }">${i + 1}</a>`;
  }
  document.getElementById("ephtmldiv").innerHTML = ephtml;
@@ -157,7 +157,7 @@ const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
 
 if (urlParams.get("anime") == null || urlParams.get("episode") == null) {
- window.location = "/";
+ window.location = "./index.html";
 }
 
 document.documentElement.innerHTML =
@@ -181,7 +181,7 @@ getEpisode(urlParams.get("anime"), urlParams.get("episode")).then((success) => {
 getEpList(urlParams.get("anime")).then((totalep) => {
  console.log("Episodes loaded");
  getSelectorBtn(
- `/episode.html?anime=${urlParams.get("anime")}&episode=`,
+ `./episode.html?anime=${urlParams.get("anime")}&episode=`,
  urlParams.get("episode"),
  totalep
  ).then((data) => {

diff --git a/js/index.js b/js/index.js
@@ -53,7 +53,7 @@ async function getTrendingAnimes() {
  let status = anime["status"];
  let genres = genresToString(anime["genres"]);
  let description = anime["description"];
- let url = "/anime.html?anime=" + encodeURIComponent(title);
+ let url = "./anime.html?anime=" + encodeURIComponent(title);
 
  let poster = anime["cover"];
  if (poster == null) {
@@ -78,7 +78,7 @@ async function getPopularAnimes() {
  let anime = data[pos];
  let title = anime["title"];
  let id = anime["id"];
- let url = "/anime.html?anime=" + id;
+ let url = "./anime.html?anime=" + id;
  let image = anime["image"];
 
  POPULAR_HTML += `<a href="${url}"><div class="poster la-anime"> <div id="shadow1" class="shadow"><div class="dubb"># ${pos + 1
@@ -96,7 +96,7 @@ async function getRecentAnimes(page = 1) {
  let anime = data[pos];
  let title = anime["title"];
  let id = anime["id"];
- let url = "/anime.html?anime=" + id;
+ let url = "./anime.html?anime=" + id;
  let image = anime["image"];
  let ep = anime["episodeNumber"];
 

diff --git a/js/search.js b/js/search.js
@@ -48,7 +48,7 @@ async function SearchAnime(query, page = 1) {
 
  for (let i = 0; i < animes.length; i++) {
  const anime = animes[i];
- html += `<a href="/anime.html?anime=${anime["id"]}"><div class="poster la-anime"> <div id="shadow1" class="shadow"> <div class="dubb">${anime["subOrDub"].toUpperCase()}</div></div><div id="shadow2" class="shadow"> <img class="lzy_img" src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/loading.gif" data-src="${anime["image"]}"> </div><div class="la-details"> <h3>${sentenceCase(anime["title"])}</h3> <div id="extra"> <span>${anime["releaseDate"]}</span> </div></div></div></a>`;
+ html += `<a href="./anime.html?anime=${anime["id"]}"><div class="poster la-anime"> <div id="shadow1" class="shadow"> <div class="dubb">${anime["subOrDub"].toUpperCase()}</div></div><div id="shadow2" class="shadow"> <img class="lzy_img" src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/loading.gif" data-src="${anime["image"]}"> </div><div class="la-details"> <h3>${sentenceCase(anime["title"])}</h3> <div id="extra"> <span>${anime["releaseDate"]}</span> </div></div></div></a>`;
  }
  contentdiv.innerHTML += html;
 
@@ -63,7 +63,7 @@ const query = params.get("query");
 let page = 1
 
 if (query == null) {
- window.location.replace("/");
+ window.location.replace("./index.html");
 }
 
 document.getElementById('latest').innerHTML = `Search Results: ${query}`;

diff --git a/search.html b/search.html
@@ -37,18 +37,18 @@
  <meta property="twitter:url" content="">
  <meta property="twitter:card" content="summary">
  <meta name="apple-mobile-web-app-status-bar" content="#202125">
- <link href="/css/search.css" rel="stylesheet">
+ <link href="./css/search.css" rel="stylesheet">
  <script src="https://kit.fontawesome.com/45cb819601.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
  <header id="head-div">
  <div id="title1">
- <a href="/"><img src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
+ <a href="./index.html"><img src="https://cdn.jsdelivr.net/gh/TechShreyash/AnimeDex@main/static/img/header.png"
  alt="AnimeDex"></a>
  </div>
  <div id="search-div">
- <form action="/search.html" method='GET'>
+ <form action="./search.html" method='GET'>
  <input type="text" name="query" id="query" placeholder="Search Anime..." required>
  <button type="submit"><i class="fa fa-search"></i>
  </button>
@@ -76,7 +76,7 @@ <h2 id="latest">Search Results: {{ QUERY }}</h2>
  </footer>
  <hr>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- <script src="/js/search.js"></script>
+ <script src="./js/search.js"></script>
 </body>
 
 </html>