Merge pull request #5 from zhet1c/master

some improvements

catalog.html

@@ -41,7 +41,7 @@
     <script type="text/javascript" src="js/title_list.js"></script>
     <script type="text/javascript" src="js/search_bar.js"></script>
     <script>
-        document.onreadystatechange = load_titles("https://test.cynic.moe");
+        document.onreadystatechange = load_titles("https://amangathing.ddns.net/instance");
     </script>
 </body>
 </html>

css/chapter_list.css

@@ -31,7 +31,6 @@
 
 #chapters #table {
     width: 90%;
-    border-collapse: collapse;
     text-align: left;
 }
 

css/stylesheet.css

@@ -1,6 +1,7 @@
 body {
     font-family: arial, helvetica, sans-serif;
     --dark-grey: rgba(80, 80, 80, 1);
+    --dark-accent: rgba(100, 100, 100, 1);
     --medium-grey: rgba(120, 120, 120, 1);
     --light-accent: rgba(150, 150, 150, 1);
     --light-grey: rgba(180, 180, 180, 1);
@@ -40,6 +41,11 @@ hr {
 
 a {
     text-decoration: none;
+    color: black;
+}
+
+a:visited {
+    color: var(--dark-grey);
 }
 
 #header {

css/title_list.css

@@ -11,16 +11,19 @@
     top: 0;
 }
 
-td {
+#title_list .stretch {
-    white-space: nowrap;
+    width: 99%;
-    padding-left: 2em;
-    padding-right: 2em;
 }
 
 table, th, td {
     border-collapse: collapse;
+    white-space: nowrap;
+    text-align: left;
+    padding-left: 2em;
+    padding-right: 2em;
 }
-table, th {
+
+table {
     width: 100%;
 }
 
@@ -40,13 +43,14 @@ th {
 
 #title_list img.thumbnail {
     height: 100px;
+    width: 85px;
     padding-left: 0;
     padding-right: 0;
     padding-top: 2px;
     padding-bottom: 2px;
 }
 
-#title_list .tag {
+#title_list span.tag {
     border: 1px solid black;
     background-color: var(--light-accent);
     padding: 4px;

js/chapter_list.js

@@ -9,7 +9,7 @@ function load_info(remote, id) {
     .then(manga => manga.json())
     .then(function (manga) {
         var text = document.querySelector("#info #text");
-        document.getElementById("cover").src = base+"/manga/thumbnail?id="+id;
+        document.getElementById("cover").src = base+"/thumbnail/"+id+".webp";
 
         text.appendChild(Object.assign(
             document.createElement("h2"),
@@ -39,7 +39,7 @@ function load_info(remote, id) {
 
         text.appendChild(Object.assign(
             document.createElement("p"),
-            {textContent: "Last Updated: "}
+            {textContent: "Last Updated: " + manga["last_updated"]}
         ));
 
         var tags = document.createElement("p");
@@ -80,7 +80,7 @@ function load_chapters(remote, id) {
             //group
             row.appendChild(Object.assign(
                 document.createElement("td"),
-                {textContent: chapter["group_id"]}
+                {textContent: chapter["scanlator"]["name"]}
             ));
 
             //page count
@@ -92,7 +92,7 @@ function load_chapters(remote, id) {
             //date
             row.appendChild(Object.assign(
                 document.createElement("td"),
-                {textContent: new Date(chapter["date_added"]).toLocaleString()}
+                {textContent: new Date(chapter["date_added"] * 1000).toLocaleString()}
             ));
         });
     });

js/reader.js

@@ -204,7 +204,7 @@ function load_pages() {
         for (var i = 1; i <= pageNo; i++) {
             pageView.appendChild(Object.assign(
                 document.createElement("img"),
-                {draggable: "false", src: `https://ipfs.cynic.moe/ipfs/${cid}/${i}.jpg`, id: `image${i}`, visibility: "hidden"}
+                {draggable: "false", src: `https://amangathing.ddns.net/ipfs/${cid}/${i}.webp`, id: `image${i}`, visibility: "hidden"}
             ));
         }
 

js/title_list.js

@@ -21,7 +21,7 @@ function load_titles(remote) {
             //thumbnail
             first_row.appendChild(Object.assign(
                 document.createElement("td"),
-                {rowSpan: "2"}
+                {rowSpan: "2", className: "thumbnail"}
             ))
             .appendChild(Object.assign(
                 document.createElement("a"),
@@ -29,12 +29,16 @@ function load_titles(remote) {
             ))
             .appendChild(Object.assign(
                 document.createElement("img"),
-                {className: "thumbnail", src: base+"/manga/thumbnail?id="+manga["id"]}
+                {className: "thumbnail", src: base+"/thumbnail/"+manga["id"]+".webp"}
             ));
             //title
             first_row.appendChild(Object.assign(
                 document.createElement("td"),
-                {}
+                {className: "stretch"}
+            ))
+            .appendChild(Object.assign(
+                document.createElement("a"),
+                {href: "./title.html?id="+manga["id"]}
             ))
             .appendChild(Object.assign(
                 document.createElement("b"),

search.html

@@ -73,7 +73,7 @@
     <script type="text/javascript" src="js/search.js"></script>
     <script type="text/javascript" src="js/title_list.js"></script>
     <script>
-        var prefix = "https://test.cynic.moe/manga/search?";
+        var prefix = "https://amangathing.ddns.net/instance/manga/search?";
 
         function load_results() {
             var query = search_full()

title.html

@@ -48,7 +48,7 @@
     <script type="text/javascript" src="js/chapter_list.js"></script>
     <script type="text/javascript" src="js/search_bar.js"></script>
     <script>
-        document.onreadystatechange = load("https://test.cynic.moe");
+        document.onreadystatechange = load("https://amangathing.ddns.net/instance");
     </script>
 </body>
 </html>