itsskaiya
04f37218de
Removed tabs and moved over to pages Updated the rendering system Fixed multiple pages not loading on scroll and re-rending or not rendering anything or just page 1. Fixed the search bar not taking in spaces for each query Updated how extensions are made Updated how extensions are loaded
94 lines
5.0 KiB
HTML
94 lines
5.0 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 - Favorites</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="favorites.html" class="nav-button active" 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" 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">Favorites</h1>
|
|
</header>
|
|
|
|
<div class="content-view">
|
|
<div id="favorites-page" class="page">
|
|
<div style="margin-bottom: 2rem;">
|
|
<h2 style="margin-bottom: 0.5rem;">Your Favorites</h2>
|
|
<p style="color: var(--text-secondary);">Your personally curated collection.</p>
|
|
</div>
|
|
<main id="favorites-gallery" class="gallery-masonry"></main>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tag-info-modal" class="hidden">
|
|
<div>
|
|
<button id="tag-info-close-button">×</button>
|
|
<h3 style="margin-top:0; margin-bottom: 1rem;">Tags</h3>
|
|
<div id="tag-info-content" class="tag-cloud"></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> |