itsskaiya
652db0586b
Added in Book Boards! (NEW!) Updated rendering logic Updated search logic Updated extension loading logic Updated image handling logic
99 lines
5.2 KiB
HTML
99 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' https: data:; connect-src 'self' https:;" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Waifu Board - Settings</title>
|
|
<link rel="stylesheet" href="styles/home.css">
|
|
</head>
|
|
|
|
<body>
|
|
<aside class="sidebar">
|
|
<br>
|
|
<nav style="display: flex; flex-direction: column; gap: 0.5rem;">
|
|
<a href="index.html" class="nav-button" title="Image Boards">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="3" y="3" width="7" height="7"></rect>
|
|
<rect x="14" y="3" width="7" height="7"></rect>
|
|
<rect x="14" y="14" width="7" height="7"></rect>
|
|
<rect x="3" y="14" width="7" height="7"></rect>
|
|
</svg>
|
|
<span>Image Boards</span>
|
|
</a>
|
|
|
|
<a href="books.html" class="nav-button" title="Book Boards">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
|
|
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
|
|
</svg>
|
|
<span>Book Boards</span>
|
|
</a>
|
|
|
|
<a href="favorites.html" class="nav-button" title="Favorites">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
|
|
</svg>
|
|
<span>Favorites</span>
|
|
</a>
|
|
</nav>
|
|
|
|
<nav style="display: flex; flex-direction: column; gap: 0.5rem; margin-top: auto;">
|
|
<a href="settings.html" class="nav-button active" title="Settings">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
|
</svg>
|
|
<span>Settings</span>
|
|
</a>
|
|
</nav>
|
|
</aside>
|
|
|
|
<div class="main-wrapper">
|
|
<header class="top-header">
|
|
<div style="position: relative;">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="position: absolute; left: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--text-tertiary);">
|
|
<circle cx="11" cy="11" r="8"></circle>
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
|
</svg>
|
|
<input type="text" id="search-input" placeholder="Search across sources..." style="padding-left: 2.5rem;" />
|
|
</div>
|
|
<button id="search-button" class="hidden"></button>
|
|
<button id="search-icon-button" class="hidden"></button>
|
|
<button id="search-close-button" class="hidden"></button>
|
|
<div id="header-context" class="hidden"></div>
|
|
<h1 id="page-title" class="hidden">Settings</h1>
|
|
</header>
|
|
|
|
<div class="content-view">
|
|
<div id="settings-page" class="page">
|
|
<div style="margin-bottom: 2rem;">
|
|
<h2>Settings</h2>
|
|
<p style="color: var(--text-secondary);">App configuration.</p>
|
|
</div>
|
|
|
|
<div class="settings-grid">
|
|
<div class="settings-card">
|
|
<p style="color: var(--text-tertiary); font-style: italic;">No settings available currently.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="message-bar" class="toast hidden">Message</div>
|
|
|
|
<script type="module" src="../src/renderer.js"></script>
|
|
<script type="module" src="../scripts/main.js"></script>
|
|
<script src="../src/updateNotification.js"></script>
|
|
<script>
|
|
const searchInput = document.getElementById('search-input');
|
|
const searchBtn = document.getElementById('search-button');
|
|
if(searchInput && searchBtn) {
|
|
searchInput.addEventListener('keydown', (e) => {
|
|
if (e.key === 'Enter') searchBtn.click();
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |