Imrayya/e-ink-dash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: initial project scaffold — server, client, Android APK

Browse Source 
- FastAPI server with audio mixer (Windows + Voicemeeter), media tracking,
  notifications (progress + alerts), telemetry, and system tray .exe build
- Test suite covering notifications, audio mixer, media, telemetry, and API
- E-Ink web client (vanilla JS, DOM API, block meters, swipe gestures)
- Android WebView APK for BOOX Go 7 Color Gen II (Android 13, Kotlin)
- Design decision records in .pi/docs/design/
- PyInstaller build script for server .exe
This commit is contained in:
Imrayya
2026-07-01 11:19:32 +00:00
commit 0b4f739d12
36 changed files with 3916 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/index.html
+106
View File
@@ -0,0 +1,106 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<title>PaperDash</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="app">
<!-- PIN Login Screen -->
<div id="login-screen" class="screen active">
<h1>PaperDash</h1>
<p>Enter PIN to connect</p>
<input
type="password"
id="pin-input"
maxlength="4"
placeholder="****"
autocomplete="off"
/>
<button id="connect-btn">Connect</button>
<p id="login-error" class="error"></p>
</div>
<!-- Main Dashboard -->
<div id="dashboard-screen" class="screen">
<!-- Media Section -->
<section id="media-section" class="panel">
<h2>Now Playing</h2>
<div id="artwork-container"></div>
<div id="track-info">
<div id="track-title" class="track-title">No playback</div>
<div id="track-artist" class="track-artist"></div>
<div id="track-album" class="track-album"></div>
</div>
<div id="progress-container">
<div id="progress-bar">
<div id="progress-fill"></div>
</div>
<div id="progress-text">
<span id="progress-current">0:00</span>
<span id="progress-duration">0:00</span>
</div>
</div>
<div id="media-controls">
<button id="btn-prev" class="control-btn">&#9198;</button>
<button id="btn-playpause" class="control-btn">&#9208;</button>
<button id="btn-next" class="control-btn">&#9197;</button>
</div>
</section>
<!-- Audio Mixer Section -->
<section id="audio-section" class="panel">
<h2>Audio Mixer</h2>
<div id="master-volume">
<span id="master-label">Master</span>
<div class="volume-controls">
<button id="btn-vol-down" class="volume-btn">-</button>
<span id="master-volume-value">50%</span>
<button id="btn-vol-up" class="volume-btn">+</button>
</div>
<button id="btn-mute" class="mute-btn">MUTE</button>
</div>
<div id="channels-container"></div>
</section>
<!-- Telemetry Section -->
<section id="telemetry-section" class="panel">
<h2>System</h2>
<div id="telemetry-grid">
<div class="telemetry-item">
<span class="telemetry-label">CPU</span>
<span id="cpu-temp" class="telemetry-value">--</span>
</div>
<div class="telemetry-item">
<span class="telemetry-label">GPU</span>
<span id="gpu-temp" class="telemetry-value">--</span>
</div>
<div class="telemetry-item">
<span class="telemetry-label">RAM</span>
<span id="ram-usage" class="telemetry-value">--</span>
</div>
<div class="telemetry-item">
<span class="telemetry-label">VRAM</span>
<span id="vram-usage" class="telemetry-value">--</span>
</div>
</div>
</section>
<!-- Notifications Section -->
<section id="notifications-section" class="panel">
<h2>Notifications</h2>
<div id="notifications-container"></div>
</section>
</div>
</div>
<script src="app.js"></script>
</body>
</html>