mirror of
https://github.com/suchmememanyskill/CYD-Klipper.git
synced 2026-03-21 13:43:25 +00:00
101 lines
4.2 KiB
HTML
101 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
|
|
|
* {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
body {
|
|
background-color: #181a1b;
|
|
color: white;
|
|
}
|
|
|
|
.main {
|
|
width: fit-content;
|
|
margin: auto;
|
|
max-width: 750px;
|
|
}
|
|
|
|
.main > section > :not(:first-child) {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.main a {
|
|
color: #F44;
|
|
}
|
|
|
|
.install {
|
|
margin-bottom: 300px;
|
|
}
|
|
|
|
.install .iconify {
|
|
color: green;
|
|
filter: drop-shadow(0 0 0.75rem lime);
|
|
}
|
|
|
|
#changelog-body {
|
|
white-space: break-spaces;
|
|
}
|
|
</style>
|
|
<script type="module" src="https://unpkg.com/esp-web-tools@9/dist/web/install-button.js?module"></script>
|
|
<script src="//code.iconify.design/1/1.0.6/iconify.min.js"></script>
|
|
<script>
|
|
async function fetchChangelog() {
|
|
const response = await fetch("https://api.github.com/repos/suchmememanyskill/CYD-Klipper/releases/latest");
|
|
const data = await response.json();
|
|
document.getElementById("changelog-body").innerText = data.body;
|
|
document.getElementById("changelog-header-version").innerText += data.tag_name;
|
|
}
|
|
|
|
function setInstallButton(esp){
|
|
document.getElementById("install-btn").innerHTML = `<esp-web-install-button manifest="https://suchmememanyskill.github.io/CYD-Klipper/${esp}.json"></esp-web-install-button>`;
|
|
}
|
|
|
|
function setInstallButtonDefault(){
|
|
setInstallButton("esp32-2432S028R")
|
|
}
|
|
|
|
fetchChangelog();
|
|
window.onload = setInstallButtonDefault;
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="main">
|
|
<h2>CYD-Klipper <span class="iconify" data-icon="mdi-printer-3d" style="color: #F44;"></span></h2>
|
|
<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">
|
|
<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>
|
|
</section>
|
|
|
|
<section class="donate">
|
|
<h3><span class="iconify" data-icon="mdi-heart" style="color:orangered; filter: drop-shadow(0 0 0.75rem crimson);"></span> Donate</h3>
|
|
<p>If you found this project helpful, please consider a donation to <a href="https://ko-fi.com/suchmememanyskill">my Ko-Fi</a>.<br>It would help out a lot in the development of this project, due to the need to buy the screens.<br>Thank you!</p>
|
|
</section>
|
|
|
|
<section class="issues">
|
|
<h3><span class="iconify" data-icon="mdi-github" style="color: white; filter: drop-shadow(0 0 0.75rem gray);"></span> Report Issues</h3>
|
|
<p>If you experience any issues with this project, or have any feature requests for the project, please report them on the <a href="https://github.com/suchmememanyskill/CYD-Klipper/issues">issues tab on Github</a>.</p>
|
|
</section>
|
|
|
|
<section class="install">
|
|
<h3><span class="iconify" data-icon="mdi-download"></span> Install</h3>
|
|
<p>Select your device from the list below and click 'Connect'.<br>Note: You may need to hold the 'BOOT' button on the device while pressing install.<br>The 2.8" Resistive and 3.5" Capacitive models are best suited (in my opinion) for CYD-Klipper.</p>
|
|
<select id="select-install-btn" onchange="setInstallButton(getElementById('select-install-btn').value)">
|
|
<option value="esp32-2432S024C-SD">ESP32-2432S024 (2.4" Capacitive)</option>
|
|
<option selected value="esp32-2432S028R">ESP32-2432S028 (2.8" Resistive)</option>
|
|
<option value="esp32-2432S032C-SD">ESP32-2432S032 (3.2" Capacitive)</option>
|
|
<option value="esp32-3248S035C">ESP32-3248S035 (3.5" Capacitive)</option>
|
|
<option value="esp32-3248S035C-V">ESP32-3248S035 (3.5" Capacitive) Vertical Orientation</option>
|
|
<option value="esp32-4827S043C-SD">ESP32-4827S043 (4.3" 480x270 Capacitive)</option>
|
|
<option value="esp32-8048S043C-SD">ESP32-8048S043 (4.3" 800x480 Capacitive)</option>
|
|
</select>
|
|
<span id="install-btn"></span>
|
|
</section>
|
|
</section>
|
|
</body> |