ItsSkaiya/WaifuBoard
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

added favicon and changed titles

Browse Source
This commit is contained in:
lenafx
2025-11-27 15:37:12 +01:00
parent 86d4a518d8
commit f9233811c0
10 changed files with 45 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -4,7 +4,7 @@ The official recode repo, its private no one should know about this or have the
# Things to get done:
| Task | Status | Notes |
| -----|--------| ------ |
| -----|------| ------ |
| Book Reader | ✅ | N/A |
| Multi book provider loading | ✅ | N/A |
| Better Code Organization | Not Done | N/A |
@@ -15,9 +15,9 @@ The official recode repo, its private no one should know about this or have the
| Marketplace | Not Done | Uses the gitea repo |
| Add to list / library | Not Done | Persistent data would be in data.db file in waifuboard directory|
| Gallery favorites | Not Done | Persistent in data.db like how it was previously |
| Change "StreamFlow" to "WaifuBoard" | Not Done | N/A |
| Change the cube icon next to "StreamFlow" to the current ico file | Not Done | Use the ico file from the current waifuboard ver |
| Favicon | Not Done | Use the ico file from the current waifuboard ver |
| Change "StreamFlow" to "WaifuBoard" | ✅ | N/A |
| Change the cube icon next to "StreamFlow" to the current ico file | ✅ | Use the ico file from the current waifuboard ver |
| Favicon | ✅ | Use the ico file from the current waifuboard ver |
| Make video player more professional looking | Not Done | N/A |
***This stuff will get updated as time goes on, please check things off with a green checkmark as you complete them.***

2
public/book.js
View File

@@ -18,7 +18,7 @@ async function init() {
// Populate Hero Elements
const title = data.title.english || data.title.romaji;
document.title = `${title} | StreamFlow Books`;
document.title = `${title} | WaifuBoard Books`;
const titleEl = document.getElementById('title');
if (titleEl) titleEl.innerText = title;

9
public/books.css
View File

@@ -58,12 +58,17 @@ body {
.brand-icon {
width: 36px;
height: 36px;
background: linear-gradient(135deg, #8b5cf6, #3b82f6);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 20px var(--accent-glow);
overflow: hidden;
}
.brand-icon img {
width: 70%;
height: 70%;
object-fit: contain;
}
.nav-center {

13
public/home.css
View File

@@ -50,19 +50,28 @@ body {
gap: 0.8rem;
letter-spacing: -0.5px;
min-width: 200px;
color: white;
text-decoration: none;
cursor: pointer;
}
.brand-icon {
width: 36px;
height: 36px;
background: linear-gradient(135deg, #8b5cf6, #3b82f6);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 20px var(--accent-glow);
overflow: hidden;
}
.brand-icon img {
width: 70%;
height: 70%;
object-fit: contain;
}
.nav-center {
display: flex;
gap: 0.5rem;

5
views/anime.html
View File

@@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StreamFlow</title>
<link rel="icon" href="/public/waifuboards.ico" type="image/x-icon">
<title>WaifuBoard</title>
<link rel="stylesheet" href="../public/anime.css">
<style>
/* --- MODAL STYLES --- */
@@ -302,7 +303,7 @@
// Populate Data
const title = data.title.english || data.title.romaji;
document.title = `${title} | StreamFlow`;
document.title = `${title} | WaifuBoard`;
document.getElementById('title').innerText = title;
document.getElementById('poster').src = data.coverImage.extraLarge;

3
views/book.html
View File

@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">
<title>StreamFlow Book</title>
<title>WaifuBoard Book</title>
<link rel="icon" href="/public/waifuboards.ico" type="image/x-icon">
<link rel="stylesheet" href="../public/book.css">
</head>
<body>

9
views/books.html
View File

@@ -3,16 +3,19 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StreamFlow Books</title>
<title>WaifuBoard Books</title>
<link rel="stylesheet" href="../public/books.css">
<script src="../public/books.js" defer></script>
<link rel="icon" href="/public/waifuboards.ico" type="image/x-icon">
</head>
<body>
<nav class="navbar" id="navbar">
<a href="/" class="nav-brand">
<div class="brand-icon">SF</div>
StreamFlow
<div class="brand-icon">
<img src="/public/waifuboards.ico" alt="WF Logo">
</div>
WaifuBoard
</a>
<div class="nav-center">

11
views/index.html
View File

@@ -3,16 +3,19 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StreamFlow</title>
<title>WaifuBoard</title>
<link rel="stylesheet" href="../public/home.css">
<link rel="icon" href="/public/waifuboards.ico" type="image/x-icon">
</head>
<body>
<nav class="navbar" id="navbar">
<div class="nav-brand">
<div class="brand-icon">SF</div>
StreamFlow
<a href="/" class="nav-brand">
<div class="brand-icon">
<img src="/public/waifuboards.ico" alt="WF Logo">
</div>
WaifuBoard
</a>
<div class="nav-center">
<button class="nav-button active" onclick="window.location.href='/'">Anime</button>

1
views/reader.html
View File

@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reader</title>
<link rel="stylesheet" href="/public/reader.css">
<link rel="icon" href="/public/waifuboards.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>

3
views/watch.html
View File

@@ -4,12 +4,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">
<title>StreamFlow Watch</title>
<title>WaifuBoard Watch</title>
<link rel="stylesheet" href="../public/watch.css">
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
<script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
<link rel="icon" href="/public/waifuboards.ico" type="image/x-icon">
</head>
<body>