ashisgreat22
518215f62e
- Inline CSS in base.html (Inter, dark mode, sticky search, tabs, results) - Remove HTMX/JS from templates; pagination via GET links - Atmospheric side gradients + grid; wider column on large viewports - Parse ?category= for HTML tabs (fixes Images category routing) - Include bing_images, ddg_images, qwant_images in local_ported defaults - Default listen port 5355; update Docker, compose, flake, README - Favicon img uses /favicon/ proxy; preferences without inline JS Made-with: Cursor
108 lines
3.9 KiB
HTML
108 lines
3.9 KiB
HTML
{{define "title"}}Preferences{{end}}
|
|
{{define "content"}}
|
|
<div class="preferences-container">
|
|
<h1 class="preferences-title">Preferences</h1>
|
|
|
|
<form class="preferences-form" method="POST" action="/preferences">
|
|
|
|
<section class="pref-section">
|
|
<h2 class="pref-section-title">Appearance</h2>
|
|
<div class="pref-row">
|
|
<label for="theme-select">Theme</label>
|
|
<select name="theme" id="theme-select">
|
|
<option value="light" {{if eq .Theme "light"}}selected{{end}}>Light</option>
|
|
<option value="dark" {{if eq .Theme "dark"}}selected{{end}}>Dark</option>
|
|
</select>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pref-section">
|
|
<h2 class="pref-section-title">Search Engines</h2>
|
|
<p class="pref-desc">Select which engines to use for searches.</p>
|
|
<div class="engine-grid">
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="google" checked>
|
|
<span>Google</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="duckduckgo" checked>
|
|
<span>DuckDuckGo</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="bing" checked>
|
|
<span>Bing</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="brave" checked>
|
|
<span>Brave</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="wikipedia" checked>
|
|
<span>Wikipedia</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="github">
|
|
<span>GitHub</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="reddit">
|
|
<span>Reddit</span>
|
|
</label>
|
|
<label class="engine-toggle">
|
|
<input type="checkbox" name="engine" value="youtube">
|
|
<span>YouTube</span>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pref-section">
|
|
<h2 class="pref-section-title">Privacy</h2>
|
|
<div class="pref-row">
|
|
<div class="pref-row-info">
|
|
<label>Safe Search</label>
|
|
<p class="pref-desc">Filter explicit content from results</p>
|
|
</div>
|
|
<select name="safesearch">
|
|
<option value="0">Off</option>
|
|
<option value="1" selected>Moderate</option>
|
|
<option value="2">Strict</option>
|
|
</select>
|
|
</div>
|
|
<div class="pref-row">
|
|
<div class="pref-row-info">
|
|
<label for="pref-favicon">Favicon Service</label>
|
|
<p class="pref-desc">Fetch favicons for result URLs. "None" is most private.</p>
|
|
</div>
|
|
<select name="favicon" id="pref-favicon">
|
|
<option value="none" selected>None</option>
|
|
<option value="google">Google</option>
|
|
<option value="duckduckgo">DuckDuckGo</option>
|
|
<option value="self">Self (Kafka)</option>
|
|
</select>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pref-section">
|
|
<h2 class="pref-section-title">Language</h2>
|
|
<div class="pref-row">
|
|
<label for="search-lang">Interface & Search Language</label>
|
|
<select name="language" id="search-lang">
|
|
<option value="all" selected>All languages</option>
|
|
<option value="en">English</option>
|
|
<option value="de">Deutsch</option>
|
|
<option value="fr">Français</option>
|
|
<option value="es">Español</option>
|
|
<option value="zh">中文</option>
|
|
<option value="ja">日本語</option>
|
|
<option value="ru">Русский</option>
|
|
</select>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="pref-actions">
|
|
<a href="/" class="btn-secondary">Cancel</a>
|
|
<button type="submit" class="btn-primary">Save Preferences</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{end}}
|