File: /home/bigfreeodds/public_html/wp-content/public/scores/settings.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Settings — Live Scores</title>
<meta name="description" content="App settings: theme, notifications, language and region." />
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body data-page="settings">
<div class="app">
<div class="topbar-back">
<a class="back" href="profile.html" aria-label="Back">‹</a>
<div class="title">SETTINGS</div>
<span style="width:18px;"></span>
</div>
<div id="settings-skeleton" class="menu-list" aria-hidden="true">
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span class="skeleton skeleton-menu-text"></span><span class="chev skeleton skeleton-chevron"></span></div>
</div>
<div id="settings-content" hidden>
<div class="form-field">
<label>Theme</label>
<select id="theme-select">
<option value="dark">Dark (default)</option>
<option value="light">Light</option>
</select>
</div>
<div class="form-field">
<label>Language</label>
<select><option>English</option><option>Español</option><option>Français</option><option>Deutsch</option></select>
</div>
<div class="form-field">
<label>Region</label>
<select><option>Worldwide</option><option>Europe</option><option>Americas</option><option>Asia</option></select>
</div>
<div class="menu-list">
<a class="menu-item" href="notifications.html"><span class="ic">🔔</span><span>Push notifications</span><span class="chev">›</span></a>
<a class="menu-item" href="favourites.html"><span class="ic">★</span><span>Manage favourites</span><span class="chev">›</span></a>
<a class="menu-item" href="privacy.html"><span class="ic">🔒</span><span>Privacy</span><span class="chev">›</span></a>
<a class="menu-item" href="terms.html"><span class="ic">📄</span><span>Terms</span><span class="chev">›</span></a>
</div>
</div>
</div>
<nav class="bottom-nav">
<a href="index.html"><span class="ic">⌂</span><span>Home</span></a>
<a href="live.html"><span class="ic">▶</span><span>Live</span></a>
<a href="favourites.html"><span class="ic">★</span><span>Favourites</span></a>
<a href="leagues.html"><span class="ic">🏆</span><span>Leagues</span></a>
<a href="profile.html" class="active"><span class="ic">◉</span><span>Profile</span></a>
</nav>
<script src="assets/js/app.js"></script>
<script>
// Wire theme select on settings page
document.addEventListener("DOMContentLoaded", () => {
const sel = document.getElementById("theme-select");
if (!sel) return;
sel.value = localStorage.getItem("lscores_theme") || "dark";
sel.addEventListener("change", () => {
localStorage.setItem("lscores_theme", sel.value);
document.body.classList.toggle("light", sel.value === "light");
});
});
</script>
</body>
</html>