Initial Upload

2024-02-28 20:08:30 +01:00 · 2024-02-28 20:08:30 +01:00 · 25a58eef54
commit 25a58eef54
parent f2884e185e
1 changed files with 39 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+    .responsive {
+        max-width: 100%;
+        height: auto;
+    }
+    </style>
+    <title id=myTitle></title>
+</head>
+<body>
+    <h1 align=center id=myTitle2></h1>
+    <div id=year></div><div id=theme></div>
+
+    <img src="cover.jpg" class="responsive" width="600" height="400">
+
+<script type="text/javascript">
+    fetch('info.json')
+        .then(function (response) {
+            return response.json();
+        })
+        .then(function (data) {
+            appendData(data);
+        })
+        .catch(function (err) {
+            console.log('error: ' + err);
+        });
+
+    function appendData(data) {
+        document.getElementById("myTitle").innerHTML = data.name + " - " + data.set_num
+        document.getElementById("myTitle2").innerHTML = data.name + " - " + data.set_num
+        document.getElementById("year").innerHTML = "Year: " + data.year
+        document.getElementById("theme").innerHTML = "Theme ID: " + data.theme_id
+    }
+</script>
+</body>
+</html>