Add initial HTML, CSS, and SVG files for kPad text editor

maxhatei2 · maxhatei2 · commit 305b2d7ca7c0 · 2025-11-01T06:20:52.000Z
diff --git a/index.html b/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>kpad: lightweight text editor</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1>kPad</h1>
+    <p><i>a feature-packed text editor while still <15 MB</i></p>
+    <img id="version-badge" src="https://img.shields.io/badge/version-loading-lightgrey?style=for-the-badge" alt="version">
+    <p>supports <b>plugins</b>, <b>URL opening protocols</b>, <b>auto-updating</b>!</p>
+    <a href="https://github.com/maxhatei2/kPad"><img alt="Static Badge" src="https://img.shields.io/badge/github repo-click me-blue"></a>
+
+    <h3>direct download links:</h3>
+    <div>
+        <img src="pkg_icon.svg" alt="pkg icon" width="20">
+        <a href="https://github.com/maxhatei2/kPad/releases/latest/download/kPad-mac_arm64.zip">download mac  silicon</a>
+    </div>
+    <div>
+        <img src="pkg_icon.svg" alt="pkg icon" width="20">
+        <a href="https://github.com/maxhatei2/kPad/releases/latest/download/kPad-mac_x86_64.zip">download mac  intel</a>
+    </div>
+    <div>
+        <img src="pkg_icon.svg" alt="pkg icon" width="20">
+        <a href="https://github.com/maxhatei2/kPad/releases/latest/download/kPad-Windows_x86_64.zip">download windows x64</a>
+    </div>
+    <p>^ all of the above ^ are automatically the latest release.</p>
+
+    <p>for more info, look at the github repo and <a href="https://github.com/maxhatei2/kPad/wiki">wiki</a>.</p>
+
+    <footer>
+        <p id="kpad-version">made by maxhatei2 | </p>
+    </footer>
+    <script>
+        fetch('https://raw.githubusercontent.com/maxhatei2/kPad/refs/heads/main/.kv')
+    .then(response => response.text())
+    .then(version => {
+        document.getElementById('kpad-version').textContent = "made by maxhatei2 | version " + version.trim();
+    })
+    .catch(err => {
+        console.error('failed to load version:', err);
+        document.getElementById('kpad-version').textContent = 'made by maxhatei2 | version: unknown';
+    });
+    fetch('https://raw.githubusercontent.com/maxhatei2/kPad/refs/heads/main/.kv')
+    .then(res => res.text())
+    .then(version => {
+      version = version.trim(); // remove whitespace
+      // update shields.io badge url
+      const badgeUrl = `https://img.shields.io/badge/version-${version}-orange?style=for-the-badge`;
+      document.getElementById('version-badge').src = badgeUrl;
+    })
+    .catch(err => {
+      console.error('failed to fetch kPad version', err);
+      document.getElementById('version-badge').src = 'https://img.shields.io/badge/version-unknown-lightgrey?style=for-the-badge';
+    });
+    </script>
+</body>
+</html>
diff --git a/pkg_icon.svg b/pkg_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#ffffff" viewBox="0 0 256 256"><path d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>
diff --git a/style.css b/style.css
@@ -0,0 +1,22 @@
+body {
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    color: white;
+    background-color: rgb(29, 29, 29);
+}
+
+footer p {
+    display: flex;
+    justify-content: center;
+}
+
+a {
+    color: orange;
+}
+
+code {
+    padding: 2px 4px;           /* inner spacing */
+    background-color: rgb(49, 49, 49);  /* light gray background */
+    border-radius: 3px;          /* slightly rounded corners */
+    font-family: monospace;      /* monospace font */
+    font-size: 0.95em;   
+}
