Finish adding the Dev Notes blog page

EmpressAutumn · Apr 22, 2024 · b936423 · b936423
1 parent bf4be5e
commit b936423
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/devnotes/index.html b/devnotes/index.html
@@ -4,10 +4,19 @@
     <meta charset="UTF-8">
     <title>Dev Notes | Atom596.com</title>
     <script type="text/javascript" src="/script/topbar.js"></script>
+    <script type="module" src="https://md-block.verou.me/md-block.js"></script>
+    <script>
+        latest = "latest"
+        window.addEventListener("load", function() {
+            document.getElementById("article").src = latest + ".md"
+        })
+    </script>
     <link rel="stylesheet" href="/style/main.css">
+    <link rel="stylesheet" href="/style/devnotes.css">
 </head>
 <body>
     <h1>Dev Notes</h1>
     <div id="topbar"></div>
+    <div class="article"><md-block id="article"></md-block></div>
 </body>
 </html>
diff --git a/script/topbar.js b/script/topbar.js
@@ -1,7 +1,7 @@
-window.onload = function() {
+window.addEventListener('load', function() {
     fetch("/topbar.html")
         .then(response => response.text())
         .then((data) => {
             document.getElementById("topbar").innerHTML = data
         })
-}
+})
diff --git a/style/devnotes.css b/style/devnotes.css
@@ -0,0 +1,8 @@
+.article {
+    text-align: left;
+    margin: 12px auto 0;
+    width: 70%;
+    padding-inline: 10px;
+    border: 4px solid darkred;
+    background-color: palevioletred;
+}
diff --git a/style/home.css b/style/home.css
@@ -1,7 +1,6 @@
 .plans {
-    padding: 10px;
+    margin: 12px auto 0;
     width: 70%;
-    margin: 0 auto;
 }
 
 .subtitle {