2024-03-27 21:30:19 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2024-04-07 15:48:25 +02:00
< title > Search with Ocásek< / title >
2024-03-30 18:00:43 +01:00
< link rel = "stylesheet" href = "/static/css/style.css" >
2024-08-11 21:45:52 +02:00
< link rel = "stylesheet" href = "/static/css/{{.Theme}}.css" >
2024-06-12 14:26:50 +02:00
< link rel = "search" type = "application/opensearchdescription+xml" title = "Ocásek" href = "/opensearch.xml" >
2024-03-27 21:30:19 +01:00
< / head >
< body >
2024-08-11 21:45:52 +02:00
< script >
document.addEventListener('DOMContentLoaded', function () {
const settingsIcon = document.querySelector('.settings-icon-link-search');
const searchMenu = document.querySelector('.search-menu');
settingsIcon.addEventListener('click', function () {
searchMenu.classList.toggle('settings-menu-hidden');
searchMenu.classList.toggle('settings-menu-visible');
});
// Theme change event listeners
document.getElementById('dark_theme').addEventListener('click', function () {
window.location.href = '/search?theme=dark';
});
document.getElementById('light_theme').addEventListener('click', function () {
window.location.href = '/search?theme=light';
});
});
< / script >
2024-03-30 18:00:43 +01:00
< div class = "settings-search-div settings-search-div-search" >
2024-08-11 21:45:52 +02:00
< button class = "material-icons-round clickable settings-icon-link settings-icon-link-search" > menu< / button >
< / div >
< div class = "search-menu settings-menu-hidden" >
< h2 > Settings< / h2 >
< div class = "settings-content" >
< button id = "settingsButton" onclick = "window.location.href='/settings'" > All settings< / button > <!-- Well its unessesary to use js here but this menu will not work without js anyway -->
< div class = "theme-settings" >
< p > < span class = "highlight" > Theme: < / span > < span id = "theme_name" > Default Theme< / span > < / p >
< div class = "themes-settings-menu" >
< div > < img class = "view-image-search clickable" id = "dark_theme" alt = "Dark Theme" src = "/static/images/dark.webp" > < / div >
< div > < img class = "view-image-search clickable" id = "light_theme" alt = "Light Theme" src = "/static/images/light.webp" > < / div >
< / div >
< / div >
< select class = "lang" name = "lang" >
< option value = "en" selected > English< / option >
< option value = "fr" > Français< / option >
< option value = "es" > Español< / option >
<!-- Add other languages as needed -->
< / select >
< select class = "domain" name = "safe" >
< option value = "active" selected > Safe search on< / option >
< option value = "" > Safe search off< / option >
<!-- Add other domains as needed -->
< / select >
< / div >
2024-03-30 18:00:43 +01:00
< / div >
2024-03-27 21:30:19 +01:00
< form action = "/search" class = "search-container" method = "post" autocomplete = "off" >
2024-04-07 15:48:25 +02:00
< h1 > Ocásek< / h1 >
2024-03-30 18:00:43 +01:00
< div class = "wrapper" >
< input type = "text" name = "q" autofocus id = "search-input" placeholder = "Type to search..." / >
< button id = "search-wrapper-ico" class = "material-icons-round" name = "t" value = "text" type = "submit" > search< / button >
2024-04-15 22:34:50 +02:00
<!-- <a id="clearSearch" class="material - icons - round">close</a> -->
2024-03-30 18:00:43 +01:00
< / div >
2024-03-27 21:30:19 +01:00
< div class = "search-button-wrapper" >
2024-04-08 13:15:23 +02:00
< input type = "hidden" name = "p" value = "1" >
2024-03-30 18:00:43 +01:00
< button name = "t" value = "text" type = "submit" > Search Text< / button >
< button name = "t" value = "image" type = "submit" > Search Images< / button >
2024-03-27 21:30:19 +01:00
< / div >
< / form >
< / body >
2024-03-28 08:19:29 +01:00
< / html >
