mirror of
https://github.com/suchmememanyskill/CYD-Klipper.git
synced 2026-03-20 21:23:25 +00:00
5b7770246e
* Update readme * Update README.md * Add aliexpress links * feat: add Guition JC8048W550 display support * feat: adjust configuration for board * feat: add option for jc8048w550 on page and in ci script * fix: missing CYD_PORTS entry --------- Co-authored-by: Sims <38142618+suchmememanyskill@users.noreply.github.com>
159 lines
7.1 KiB
HTML
159 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
|
|
|
* {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
TT {
|
|
font-family: 'Terminal', monospace;
|
|
background-color: #080a0b;
|
|
}
|
|
|
|
body {
|
|
background-color: #181a1b;
|
|
color: white;
|
|
}
|
|
|
|
.main {
|
|
width: fit-content;
|
|
margin: auto;
|
|
max-width: 750px;
|
|
}
|
|
|
|
.main > section > :not(:first-child),
|
|
.indent {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.main a {
|
|
color: #F44;
|
|
}
|
|
|
|
.configure {
|
|
margin-bottom: 300px;
|
|
}
|
|
|
|
.install .iconify {
|
|
color: green;
|
|
filter: drop-shadow(0 0 0.75rem lime);
|
|
}
|
|
|
|
#changelog-body {
|
|
white-space: break-spaces;
|
|
}
|
|
|
|
.where-to-get details summary::marker
|
|
{
|
|
content: '';
|
|
}
|
|
|
|
.where-to-get details[open] summary p
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
</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 wireless Klipper, Bambu and Octoprint 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="where-to-get">
|
|
<details>
|
|
<summary>
|
|
<h3><span class="iconify" data-icon="mdi-shopping" style="color:orange; filter: drop-shadow(0 0 0.75rem orange);"></span> Where to buy hardware</h3>
|
|
<p class="indent">(Click to expand)</p>
|
|
</summary>
|
|
<section class="indent">
|
|
<p>All links below are affiliate links. Please also check yourself if there is a cheaper version available than the ones below. I have only linked ones that i have personally bought.</p>
|
|
<i>ESP32-2432S028R (2.8" Resistive, Cheapest)</i>
|
|
<ul>
|
|
<li><a href="https://s.click.aliexpress.com/e/_omjsYBJ">USB C + microB version</a></li>
|
|
<li><a href="https://s.click.aliexpress.com/e/_olKBkmz">Another USB C + microB version</a></li>
|
|
<li><a href="https://s.click.aliexpress.com/e/_oCWhgmN">microB version</a></li>
|
|
</ul>
|
|
<i>ESP32-2432S032C (3.2" Capacitive)</i>
|
|
<ul>
|
|
<li><a href="https://s.click.aliexpress.com/e/_okbSGmd">Only the capacitive version is supported! USB-C</a></li>
|
|
<li><a href="https://s.click.aliexpress.com/e/_oFygVwt">IPS version (not that great of a screen), Only the capacitive version is supported! USB-C</a></li>
|
|
</ul>
|
|
<i>ESP32-3248S035C (3.5" Capacitive)</i>
|
|
<ul>
|
|
<li><a href="https://s.click.aliexpress.com/e/_oCqygE9">microB version</a></li>
|
|
</ul>
|
|
</section>
|
|
</details>
|
|
|
|
</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><br>The 2.8" Resistive and 3.5" Capacitive models are best suited (in my opinion) for CYD-Klipper.<br><br>Note for any resistive models: You can clear touch calibration by holding the BOOT button for 8 seconds while the screen is on.</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>
|
|
<option value="esp32-8048S043C-SD-alt">ESP32-8048S043 Alt (4.3" 800x480 Capacitive)</option>
|
|
<option value="esp32-CROWPANEL-28R">ESP32-CROWPANEL-28R (2.8" Resistive)</option>
|
|
<option value="esp32-JC8048W550">Guition JC8048W550 (5" Capacitive)</option>
|
|
<option value="esp32-CROWPANEL-35C">ESP32-CROWPANEL-35C (3.5" Capacitive)</option>
|
|
</select>
|
|
<span id="install-btn"></span>
|
|
</section>
|
|
|
|
<section class="configure">
|
|
<h3><span class="iconify" data-icon="mdi-wrench" style="color: cyan; filter: drop-shadow(0 0 0.75rem blue);"></span> Config</h3>
|
|
<p> After installing CYD-Klipper, you can configure it using its touchscreen, or serial console. To use the serial console,
|
|
click 'Connect', select the serial port, select "LOGS & CONSOLE" and reset the board without holding BOOT.<br>
|
|
Type <tt>help</tt> for list of available commands. You're interested in <tt>ssid</tt>, <tt>ip</tt> and <tt>key</tt>. (while you <i>can</i> set <tt>touch</tt>, it's really better done using the touchscreen.)
|
|
|
|
</section>
|
|
</section>
|
|
</body>
|