Manga Detail Page

3 files changed, 4 insertions, 4 deletions

diff --git a/templates/partials/mangacard_render.html b/templates/partials/mangacard_render.html
index a62ff3e..04607e4 100644
--- a/templates/partials/mangacard_render.html
+++ b/templates/partials/mangacard_render.html
@@ -1,6 +1,6 @@
 {% for manga in data %}
 <div class="w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 text-gray-500 p-1 sm:p-2 mb-4 hover:text-white flex flex-col">
-    <a href="{{ manga.id }}">
+    <a href="{% url "detail:manga" manga.id %}">
         <div class="relative pt-[140%]">
             <img loading="lazy" src="{{ manga.coverImage.large }}" alt="{{ manga.title.english }}" class="absolute top-0 left-0 w-full h-full rounded-lg object-cover"/>
         </div>
diff --git a/templates/partials/mangacardcompact_render.html b/templates/partials/mangacardcompact_render.html
index 5ded96c..96858ca 100644
--- a/templates/partials/mangacardcompact_render.html
+++ b/templates/partials/mangacardcompact_render.html
@@ -1,6 +1,6 @@
 {% for manga in data %}
 <div class="w-full max-w-full px-2 mb-2">
-    <a href="#">
+    <a href="{% url "detail:manga" manga.id %}">
     <div class="flex flex-row bg-neutral-950 rounded hover:bg-{{ user.preferences.accent_colour }}-600 hover:bg-opacity-30 p-2 gap-4 items-center">
         <img loading="lazy" src="{{ manga.coverImage.large }}" alt="{{ manga.title.english }}" class="rounded-lg w-16 lg:w-12 h-24 lg:h-16 object-cover"/>
         <div class="flex flex-col lg:flex-row gap-2 max-w-[calc(100%-6rem)] lg:items-center">
diff --git a/templates/partials/mangacardwide_render.html b/templates/partials/mangacardwide_render.html
index 4c7208f..d27db8c 100644
--- a/templates/partials/mangacardwide_render.html
+++ b/templates/partials/mangacardwide_render.html
@@ -3,7 +3,7 @@
 <div class="w-full lg:w-1/2 px-2 mb-2">
     <div class="flex flex-row w-full bg-neutral-950 rounded hover:bg-{{ user.preferences.accent_colour }}-600 hover:bg-opacity-30 p-2 gap-4">
         <div class="flex flex-col gap-2 min-w-32">
-            <a href="#"><img loading="lazy" src="{{ manga.coverImage.large }}" alt="{{ manga.title.english }}" class="rounded-lg w-32 h-48 object-cover"/></a>
+            <a href="{% url "detail:manga" manga.id %}"><img loading="lazy" src="{{ manga.coverImage.large }}" alt="{{ manga.title.english }}" class="rounded-lg w-32 h-48 object-cover"/></a>
             <div class="flex flex-row gap-2">
                 <a href="https://anilist.co/manga/{{ manga.id }}" target="_blank" class="text-xs font-bold bg-white bg-opacity-10 hover:bg-{{ user.preferences.accent_colour }}-600 hover:bg-opacity-30 rounded px-2 py-1">
                     <svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1.5rem" width="1.5rem" xmlns="http://www.w3.org/2000/svg"><path d="M24 17.53v2.421c0 .71-.391 1.101-1.1 1.101h-5l-.057-.165L11.84 3.736c.106-.502.46-.788 1.053-.788h2.422c.71 0 1.1.391 1.1 1.1v12.38H22.9c.71 0 1.1.392 1.1 1.101zM11.034 2.947l6.337 18.104h-4.918l-1.052-3.131H6.019l-1.077 3.131H0L6.361 2.948h4.673zm-.66 10.96-1.69-5.014-1.541 5.015h3.23z"></path></svg>
@@ -13,7 +13,7 @@
                 </a>
             </div>
         </div>
-        <a href="#" class="flex flex-col gap-2 w-full justify-around max-w-[calc(100%-10rem)]">
+        <a href="{% url "detail:manga" manga.id %}" class="flex flex-col gap-2 w-full justify-around max-w-[calc(100%-10rem)]">
             <h2 class="text-xl font-bold text-transparent bg-clip-text block w-full truncate overflow-hidden text-ellipsis whitespace-nowrap" style="background: linear-gradient(-45deg, {% if manga.color %}{{ manga.color }}{% else %}white{% endif %}, white); -webkit-background-clip: text; background-clip: text;">
                 {% if user.preferences.title_language == "english" and manga.title.english %}
                 {{ manga.title.english }}