diff --git a/about.html b/about.html index e4a8f60..2f39832 100644 --- a/about.html +++ b/about.html @@ -9,8 +9,10 @@ @@ -19,6 +21,5 @@ - diff --git a/catalog.html b/catalog.html index 9d78528..0e0d862 100644 --- a/catalog.html +++ b/catalog.html @@ -10,9 +10,11 @@
@@ -39,9 +41,8 @@
- diff --git a/css/stylesheet.css b/css/stylesheet.css index 965b9c0..5d23aaa 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -50,10 +50,10 @@ a:visited { #header { position: fixed; - top: 0%; - left: 0%; width: 100%; height: 5em; + top: 0%; + left: 0%; background-color: var(--medium-grey); z-index: 100; overflow: hidden; @@ -61,39 +61,41 @@ a:visited { #header #home { position: relative; - top: 30%; height: 40%; + top: 30%; left: 2em; } #header #search_bar { position: absolute; - transform: translateY(50%); background-color: white; border: none; padding: 1em; border-radius: 1em; - left: 10em; width: 50%; height: 50%; + top: 30%; + left: 10em; } #header #search_button { position: absolute; height: 50%; + top: 30%; left: calc(10em + 50% + 1em); - transform: translateY(50%); } #header #logo { position: absolute; height: 180%; right: 5%; + top: 5%; } #content { position: absolute; width: 80%; + height: auto; left: 10%; top: 5em; bottom: 0em; diff --git a/css/title_list.css b/css/title_list.css index 35bd113..06795b9 100644 --- a/css/title_list.css +++ b/css/title_list.css @@ -43,7 +43,7 @@ th { #title_list img.thumbnail { height: 100px; - width: 85px; + width: 70px; padding-left: 0; padding-right: 0; padding-top: 2px; diff --git a/js/chapter_list.js b/js/chapter_list.js index e3cc920..fbc2638 100644 --- a/js/chapter_list.js +++ b/js/chapter_list.js @@ -36,10 +36,10 @@ function load_info(remote, id) { document.createElement("p"), {textContent: "Status: " + manga["publication_status"]} )); - + var date = new Date(1000 * manga["last_updated"]) text.appendChild(Object.assign( document.createElement("p"), - {textContent: "Last Updated: " + manga["last_updated"]} + {textContent: "Last Updated: "+date.toLocaleTimeString("en-US")+" "+date.toLocaleDateString("en-US")} )); var tags = document.createElement("p"); diff --git a/js/search.js b/js/search.js deleted file mode 100644 index e1da4d9..0000000 --- a/js/search.js +++ /dev/null @@ -1,52 +0,0 @@ -// ---------------------------------------------------- -// Search function -// ---------------------------------------------------- - -function search_full() { - var parameter = []; - //get search string - var title = document.querySelector("#search input.title").value; - if(title != ""){ - title = title.toLowerCase().replaceAll(" ", "+"); - parameter.push("title="+title); - } - //get author - var author = document.querySelector("#search input.author").value; - if(author != ""){ - author = author.toLowerCase().split(",").map(s => s.trim()).map(s => s.replaceAll(" ", "+")); - parameter.push("authors="+author.join(",")); - } - //get artist - var artist = document.querySelector("#search input.artist").value; - if(artist != ""){ - artist = artist.toLowerCase().split(",").map(s => s.trim()).map(s => s.replaceAll(" ", "+")); - parameter.push("artists="+artist.join(",")); - } - //get tags - var tag = document.querySelector("#search input.tags").value; - if(tag != ""){ - tag = tag.toLowerCase().split(/(?=\+|\-)/).map(s => s.trim()).map(s => s.replaceAll(" ", "+")); - parameter.push("tags="+tag.join(",")); - } - //sort - var sort = document.querySelector("#content select.sort").value; - if(sort != ""){ - parameter.push("sortby="+sort); - } - var query = parameter.join("&"); - return query; -} - -// ---------------------------------------------------- -// Event handlers -// ---------------------------------------------------- - -var fields = document.getElementsByTagName("input"); -Array.from(fields).map(field => field.addEventListener("keydown", function (e) { - e = e || window.event; - if(e.keyCode == 13){ - e.preventDefault(); - search_full(); - } -})); - diff --git a/js/search_bar.js b/js/search_bar.js deleted file mode 100644 index 1b8b2ca..0000000 --- a/js/search_bar.js +++ /dev/null @@ -1,22 +0,0 @@ -// ------------------------------------------------------------- -// Search bar function -// ------------------------------------------------------------- - -function search_bar() { - var query = document.querySelector("#header #search_bar").value; - if(query != ""){ - query = query.toLowerCase().replaceAll(" ", "+"); - var url = "https://amangathing.ddns.net/search.html?title=" + query; - console.log(query); - window.location.href = url; - } -} - -document.querySelector("#header #search_bar").addEventListener("keydown", function (e) { - e = e || window.event; - if(e.keyCode == 13){ - search_bar(); - e.preventDefault(); - } -}); - diff --git a/js/title_list.js b/js/title_list.js index a52f94a..65ead02 100644 --- a/js/title_list.js +++ b/js/title_list.js @@ -6,8 +6,6 @@ function load_titles(remote) { if(remote == ""){ return; } - base = remote; - remote += "/manga/search?title=a"; fetch(remote) .then(res => res.json()) .then(function (res) { @@ -25,11 +23,11 @@ function load_titles(remote) { )) .appendChild(Object.assign( document.createElement("a"), - {href: "./title.html?id="+manga["id"]} + {href: "/title.html?id="+manga["id"]} )) .appendChild(Object.assign( document.createElement("img"), - {className: "thumbnail", src: base+"/thumbnail/"+manga["id"]+".webp"} + {className: "thumbnail", src: "/instance/thumbnail/"+manga["id"]+".webp"} )); //title first_row.appendChild(Object.assign( @@ -38,7 +36,7 @@ function load_titles(remote) { )) .appendChild(Object.assign( document.createElement("a"), - {href: "./title.html?id="+manga["id"]} + {href: "/title.html?id="+manga["id"]} )) .appendChild(Object.assign( document.createElement("b"), diff --git a/search.html b/search.html index 9fe4544..74fba1b 100644 --- a/search.html +++ b/search.html @@ -15,35 +15,37 @@
- +

@@ -69,34 +71,16 @@
- - diff --git a/title.html b/title.html index 1a6b594..b72d70b 100644 --- a/title.html +++ b/title.html @@ -11,8 +11,10 @@ @@ -46,7 +48,6 @@ -