html changes

This commit is contained in:
suchmememanyskill
2024-02-09 19:19:20 +01:00
parent e5efe08fc3
commit adea917a5d

View File

@@ -8,6 +8,11 @@
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
body {
background-color: #181a1b;
color: white;
}
.main { .main {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
@@ -34,7 +39,7 @@
const response = await fetch("https://api.github.com/repos/suchmememanyskill/CYD-Klipper/releases/latest"); const response = await fetch("https://api.github.com/repos/suchmememanyskill/CYD-Klipper/releases/latest");
const data = await response.json(); const data = await response.json();
document.getElementById("changelog-body").innerText = data.body; document.getElementById("changelog-body").innerText = data.body;
document.getElementById("changelog-header").innerHTML += " " + encodeURI(data.tag_name); document.getElementById("changelog-header-version").innerText += data.tag_name;
} }
fetchChangelog(); fetchChangelog();
@@ -47,7 +52,7 @@
<p>An implementation of a Klipper status display on an ESP32 + screen.<br>Uses Moonraker to fetch data.<br><a href="https://github.com/suchmememanyskill/CYD-Klipper">Source code is available on GitHub</a>.</p> <p>An implementation of a Klipper status display on an ESP32 + screen.<br>Uses Moonraker to fetch data.<br><a href="https://github.com/suchmememanyskill/CYD-Klipper">Source code is available on GitHub</a>.</p>
<section class="changelog"> <section class="changelog">
<h3 id="changelog-header"><span class="iconify" data-icon="mdi-hammer-wrench" style="color: grey;"></span> Changelog</h3> <h3 id="changelog-header"><span class="iconify" data-icon="mdi-hammer-wrench" style="color: lightgray;"></span> Changelog <span id="changelog-header-version"></span></h3>
<p id="changelog-body"></p> <p id="changelog-body"></p>
</section> </section>