Add settings and profile editor
This commit is contained in:
parent
80f11f782e
commit
cc41f25277
14 changed files with 1210 additions and 106 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue