aligned logo on results page and made various visual fixes

main.go

@@ -17,7 +17,7 @@ type LanguageOption struct {
 var settings UserSettings
 
 var languageOptions = []LanguageOption{
-	{Code: "", Name: "Any"},
+	{Code: "", Name: "Any Language"},
 	{Code: "en", Name: "English"},
 	{Code: "af", Name: "Afrikaans"},
 	{Code: "ar", Name: "العربية (Arabic)"},

static/css/style.css

@@ -1156,7 +1156,7 @@ p {
     position: absolute;
     margin-top: 0px;
     top: 20px;
-    left: 38px;
+    left: 28px;
 }
 
 .sub-search-button-wrapper button {

templates/files.html

@@ -15,7 +15,7 @@
     <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
         <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
         <div class="wrapper-results">
-            <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
+            <input type="text" name="q" value="{{ .Query }}" id="search-input"/>
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="file">search</button>
             <div class="autocomplete">
                 <ul>

templates/forums.html

@@ -15,7 +15,7 @@
     <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
         <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
         <div class="wrapper-results">
-            <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
+            <input type="text" name="q" value="{{ .Query }}" id="search-input"/>
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="forum">search</button>
             <div class="autocomplete">
                 <ul></ul>

templates/images.html

@@ -15,7 +15,7 @@
     <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
         <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
         <div class="wrapper-results">
-            <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
+            <input type="text" name="q" value="{{ .Query }}" id="search-input"/>
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="image">search</button>
             <div class="autocomplete">
                 <ul>

templates/map.html

@@ -30,7 +30,7 @@
     <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
         <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
         <div class="wrapper-results">
-            <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
+            <input type="text" name="q" value="{{ .Query }}" id="search-input"/>
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="map">search</button>
             <div class="autocomplete">
                 <ul>

templates/search.html

@@ -53,9 +53,17 @@
             });
 
             // Event listener for Language Selection
-            document.getElementById('languageSelect').addEventListener('change', function () {
-                updateSettings('lang', this.value);
-            });
+            if (siteLanguageSelect) {
+                siteLanguageSelect.addEventListener('change', function () {
+                    updateSettings('site_lang', this.value);
+                });
+            }
+
+            // if (searchLanguageSelect) {
+            //     searchLanguageSelect.addEventListener('change', function () {
+            //         updateSettings('search_lang', this.value);
+            //     });
+            // }
         });
     </script>     
     <div class="settings-search-div settings-search-div-search">
@@ -76,7 +84,7 @@
                 <option value="disabled" {{if eq .Safe "disabled"}}selected{{end}}>Safe Search Off</option>
                 <option value="active" {{if eq .Safe "active"}}selected{{end}}>Safe Search On</option>
             </select>
-            <select class="lang" name="lang" id="languageSelect">
+            <select class="lang" name="site_lang" id="siteLanguageSelect">
                 {{range .LanguageOptions}}
                 <option value="{{.Code}}" {{if eq .Code $.CurrentLang}}selected{{end}}>{{.Name}}</option>
                 {{end}}

templates/settings.html

@@ -40,7 +40,7 @@
                         </a>
                         <a href="/search?theme=night" class="theme-link">
                             <div class="view-image-search clickable" id="night">
-                                <img src="/static/images/night.webp" alt="night">
+                                <img src="/static/images/night.webp" alt="Night">
                                 <div class="theme-tooltip">Night</div>
                             </div>
                         </a>
@@ -64,7 +64,7 @@
                         </a>
                     </div>
                 </div>
-                
+
                 <div class="settings-row">
                     <p>Safe Search</p>
                     <select class="results-settings" name="safe" id="safeSearchSelect">
@@ -74,16 +74,25 @@
                 </div>
 
                 <div class="settings-row">
-                    <p>Preferred Language</p>
-                    <select class="results-settings" name="lang" id="languageSelect">
+                    <p>Site Language</p>
+                    <select class="results-settings" name="site_lang" id="siteLanguageSelect">
                         {{range .LanguageOptions}}
-                        <option value="{{.Code}}" {{if eq .Code $.CurrentLang}}selected{{end}}>{{.Name}}</option>
+                        <option value="{{.Code}}" {{if eq .Code $.CurrentSiteLang}}selected{{end}}>{{.Name}}</option>
+                        {{end}}
+                    </select>
+                </div>
+
+                <div class="settings-row">
+                    <p>Search Language</p>
+                    <select class="results-settings" name="search_lang" id="searchLanguageSelect">
+                        {{range .LanguageOptions}}
+                        <option value="{{.Code}}" {{if eq .Code $.CurrentSearchLang}}selected{{end}}>{{.Name}}</option>
                         {{end}}
                     </select>
                 </div>
 
                 <div class="settings-row settings-row2">
-                    <p class="font-hide">|</p>
+                    <p class="font-hide">‎ </p>
                     <button class="save save-settings-page" type="submit">Save Settings</button>
                 </div>
             </div>

templates/text.html

@@ -15,7 +15,7 @@
     <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
         <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
         <div class="wrapper-results">
-            <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
+            <input type="text" name="q" value="{{ .Query }}" id="search-input"/>
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="text">search</button>
             <div class="autocomplete">
                 <ul>

templates/videos.html

@@ -15,7 +15,7 @@
     <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
         <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
         <div class="wrapper-results">
-            <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
+            <input type="text" name="q" value="{{ .Query }}" id="search-input"/>
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="video">search</button>
             <div class="autocomplete">
                 <ul>

user-settings.go

@@ -27,6 +27,9 @@ func loadUserSettings(w http.ResponseWriter, r *http.Request) UserSettings {
 		saveRequired = true
 	}
 
+	// Determine if the selected theme is dark
+	settings.IsThemeDark = settings.Theme == "dark" || settings.Theme == "night" || settings.Theme == "black"
+
 	// Load site language
 	if cookie, err := r.Cookie("site_language"); err == nil {
 		settings.SiteLanguage = cookie.Value