fuck mods and fuck jquery

4 years ago · 6fe70abb19
parent 7c0bce0199
commit 6fe70abb19
7 changed files with 113 additions and 0 deletions
--- a/catalog/catalog.html
+++ b/catalog/catalog.html
@ -0,0 +1,27 @@
 <html>
 <head>
    <title>/a/ manga thing</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/stylesheet.css">
 </head>
 <body>
    <center>
        <img src="img/out.png"/>
 		<h1>/a/ manga thing</h1>
        | <a href="index.html">Home</a>
        | <a href="manga.html">Manga</a>
        | <a href="contributing.html">Contributing</a>
        | <a href="contact.html">Contact</a> |
    </center>
    <p>
    &nbsp&nbsp&nbsp&nbsp
    Generated from /db.json
    <center>
        <input id="search" type="text" placeholder="Search">
        <button id="loadButton" type="button" onclick="load();">load</button>
    </center>
    <table id="titles">
    </table>
    <script type="text/javascript" src="js/catalog.js"></script>
 </body>
 </html>
--- a/catalog/css/stylesheet.css
+++ b/catalog/css/stylesheet.css
@ -0,0 +1,30 @@
 body {
    font-family: 'Courier New', monospace;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 2%;
 }
 table {
    width: 100%;
 }
 .thumbnail {
    height: 250px;
    width: 175px;
 }
 .cover {
    height: 250px;
    width: 175px;
 }
 .description {
    padding: 25px;
    vertical-align: top;
 }
 #search {
    width: 50%;
    height: 15px;
 }
--- a/catalog/db.json
+++ b/catalog/db.json
@ -0,0 +1,21 @@
 [
    {
 	"id" : "0", "title" : "Boku no Kokoro no Yabai Yatsu", "cid" : "bafybeihnoou2av5w2bzmwkl6hi25scyzz6sjwdfqp4cwq2ikf6dfmev3ta",
 	"chapters" : [
 		{ "pages" : "18" }
 	]
    },
    {
 	"id" : "1", "title" : "Otoyomegatari", "cid" : "bafybeigfivshobq4h5x5qwmttgqimaufmcjl6hpjcrsedj7wxxduphp7g4",
 	"chapters" : [
 		{ "pages" : "39" }
 	]
    },
    {
 	"id" : "2", "title" : "Spy X Family", "cid" : "bafybeibgnpbredeofwp364qomqpth55a6ui3oiy2ucm35fo3eimquoeob4",
 	"chapters" : [
 		{ "pages" : "71" }
 	]
    }
 ]
--- a/catalog/img/covers/0.jpg
+++ b/catalog/img/covers/0.jpg
--- a/catalog/img/covers/1.jpg
+++ b/catalog/img/covers/1.jpg
--- a/catalog/img/covers/2.jpg
+++ b/catalog/img/covers/2.jpg
--- a/catalog/js/catalog.js
+++ b/catalog/js/catalog.js
@ -0,0 +1,35 @@
 function load() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function () {
        if(this.readyState == 4 && this.status == 200){
            console.log("loaded");
            console.log(this.responseText);
            var res = JSON.parse(this.responseText);
            var strCatalog = "";
            res.forEach(manga => {
                strCatalog += '<tr>\
                    <td class="cover">\
                        <img class="thumbnail" src="img/covers/'+manga["id"]+'.jpg"/>\
                    </td>\
                        <td class="description">\
                            <p><b>'+manga["title"]+'</b></p>\
                            <p>Scanlation: ?</p>\
                            <p>Status: ?</p>\
                            <p>Chapters: ?</p>\
                            <p>Last update: ?</p>\
                            <p>\
                                Link:\
                                <a href="reader.html?id='+manga["id"]+'">reader</a>\
                            </p>\
                        </td>\
                    </tr>';
            });
            console.log(strCatalog);
            document.getElementById("titles").innerHTML = strCatalog;
        }
    }
    xmlhttp.open("GET", "https://amangathing.ddns.net/db.json", true);
    xmlhttp.send();
 }
 document.onreadystatechange = load();