diff --git a/catalog/catalog.html b/catalog/catalog.html
new file mode 100644
index 0000000..fb3627b
--- /dev/null
+++ b/catalog/catalog.html
@@ -0,0 +1,27 @@
+
+
+ /a/ manga thing
+
+
+
+
+
+ 
+ /a/ manga thing
+ | Home
+ | Manga
+ | Contributing
+ | Contact |
+
+
+
+ Generated from /db.json
+
+
+
+
+
+
+
+
diff --git a/catalog/css/stylesheet.css b/catalog/css/stylesheet.css
new file mode 100644
index 0000000..237b7f3
--- /dev/null
+++ 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;
+}
diff --git a/catalog/db.json b/catalog/db.json
new file mode 100644
index 0000000..bbe20cb
--- /dev/null
+++ 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" }
+ ]
+ }
+]
+
diff --git a/catalog/img/covers/0.jpg b/catalog/img/covers/0.jpg
new file mode 100644
index 0000000..0a5b74a
Binary files /dev/null and b/catalog/img/covers/0.jpg differ
diff --git a/catalog/img/covers/1.jpg b/catalog/img/covers/1.jpg
new file mode 100644
index 0000000..5b658b6
Binary files /dev/null and b/catalog/img/covers/1.jpg differ
diff --git a/catalog/img/covers/2.jpg b/catalog/img/covers/2.jpg
new file mode 100644
index 0000000..e2e5158
Binary files /dev/null and b/catalog/img/covers/2.jpg differ
diff --git a/catalog/js/catalog.js b/catalog/js/catalog.js
new file mode 100644
index 0000000..2a7a9e6
--- /dev/null
+++ 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 += '\
+ \
+  \
+ | \
+ \
+ '+manga["title"]+' \
+ Scanlation: ? \
+ Status: ? \
+ Chapters: ? \
+ Last update: ? \
+ \
+ Link:\
+ reader\
+ \
+ | \
+
';
+ });
+ console.log(strCatalog);
+ document.getElementById("titles").innerHTML = strCatalog;
+ }
+ }
+ xmlhttp.open("GET", "https://amangathing.ddns.net/db.json", true);
+ xmlhttp.send();
+}
+
+document.onreadystatechange = load();