Add settings and profile editor
All checks were successful
Android Build / publish (push) Successful in 50s
Linux Build / publish (push) Successful in 52s

This commit is contained in:
olcxja 2026-06-23 23:41:27 +02:00
commit cc41f25277
14 changed files with 1210 additions and 106 deletions

View file

@ -7,6 +7,10 @@
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<script src="crypto-pq.js"></script>
<script src="https://cdn.jsdelivr.net/npm/eruda"></script> <!-- debug -->
<script>eruda.init();</script>
</head>
<body>
<loading>
@ -89,6 +93,24 @@
<div id="profile-popup-inner"></div>
</div>
</div>
<div id="cropper-popup-container" class="profile-popup-container" style="z-index: 9999;">
<div class="profile-popup-bg" onclick="closeCropper()"></div>
<div class="profile-popup-content" style="max-width: 40rem; padding: 2rem; display: flex; flex-direction: column; align-items: center; gap: 1rem; height: auto;">
<h2>Crop Image</h2>
<div id="cropper-viewport-container" style="position: relative; overflow: hidden; background: #000; width: 100%; max-width: 30rem; border-radius: 0.8rem; border: var(--border-width) solid rgba(255,255,255,0.2);">
<img id="cropper-image" src="" style="position: absolute; transform-origin: 0 0; cursor: move;">
</div>
<div style="display: flex; align-items: center; gap: 1rem; width: 100%; max-width: 30rem;">
<span>Zoom</span>
<input type="range" id="cropper-zoom" min="0.1" max="5" step="0.01" value="1" style="flex: 1;" oninput="updateCropperZoom()">
</div>
<div style="display: flex; gap: 1rem; margin-top: 1rem; width: 100%; max-width: 30rem;">
<button class="submit-button" style="background: rgba(255,255,255,0.1); color: var(--text-color); flex: 1;" onclick="closeCropper()">Cancel</button>
<button class="submit-button" style="flex: 1;" onclick="confirmCropper()">Save</button>
</div>
</div>
</div>
</body>
</html>
<script src="screens.js"></script>