48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>quickSnote Options</title>
|
|
<style>
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
background: #1e1e2e;
|
|
color: #cdd6f4;
|
|
max-width: 520px;
|
|
margin: 3rem auto;
|
|
padding: 0 1.5rem;
|
|
}
|
|
h1 { font-size: 1.5rem; margin-bottom: 1.5rem; color: #cba6f7; }
|
|
label { display: block; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.35rem; color: #a6adc8; }
|
|
input[type="text"] {
|
|
width: 100%; padding: 0.6rem 0.75rem; border: 1px solid #45475a; border-radius: 6px;
|
|
background: #313244; color: #cdd6f4; font-size: 0.9rem; box-sizing: border-box;
|
|
}
|
|
input[type="text"]:focus { outline: 2px solid #cba6f7; outline-offset: -1px; }
|
|
.field { margin-bottom: 1.25rem; }
|
|
.hint { font-size: 0.78rem; color: #6c7086; margin-top: 0.25rem; }
|
|
#status { margin-top: 1rem; font-size: 0.875rem; color: #a6e3a1; min-height: 1.5rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>quickSnote</h1>
|
|
|
|
<div class="field">
|
|
<label for="serverUrl">snotes server URL</label>
|
|
<input type="text" id="serverUrl" placeholder="http://snotes.lan:8000" />
|
|
<div class="hint">The address of your snotes app, including port. Auto-filled from the helper page.</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<button id="save-close" style="padding:0.6rem 1.2rem;background:#cba6f7;color:#1e1e2e;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;margin-top:0.5rem">
|
|
Save & Close
|
|
</button>
|
|
</div>
|
|
|
|
<div id="status"></div>
|
|
|
|
<script src="options.js"></script>
|
|
</body>
|
|
</html>
|