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: # Things to get done:
| Task | Status | Notes | | Task | Status | Notes |
| -----|--------| ------ | | -----|------| ------ |
| Book Reader | ✅ | N/A | | Book Reader | ✅ | N/A |
| Multi book provider loading | ✅ | N/A | | Multi book provider loading | ✅ | N/A |
| Better Code Organization | Not Done | 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 | | Marketplace | Not Done | Uses the gitea repo |
| Add to list / library | Not Done | Persistent data would be in data.db file in waifuboard directory| | 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 | | Gallery favorites | Not Done | Persistent in data.db like how it was previously |
| Change "StreamFlow" to "WaifuBoard" | Not Done | N/A | | Change "StreamFlow" to "WaifuBoard" | ✅ | 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 | | Change the cube icon next to "StreamFlow" to the current ico file | ✅ | Use the ico file from the current waifuboard ver |
| Favicon | Not Done | 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 | | 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.*** ***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 // Populate Hero Elements
const title = data.title.english || data.title.romaji; const title = data.title.english || data.title.romaji;
document.title = `${title} | StreamFlow Books`; document.title = `${title} | WaifuBoard Books`;
const titleEl = document.getElementById('title'); const titleEl = document.getElementById('title');
if (titleEl) titleEl.innerText = title; if (titleEl) titleEl.innerText = title;

9
public/books.css
View File

@@ -58,12 +58,17 @@ body {
.brand-icon { .brand-icon {
width: 36px; width: 36px;
height: 36px; height: 36px;
background: linear-gradient(135deg, #8b5cf6, #3b82f6);
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: 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 { .nav-center {

13
public/home.css
View File

@@ -50,19 +50,28 @@ body {
gap: 0.8rem; gap: 0.8rem;
letter-spacing: -0.5px; letter-spacing: -0.5px;
min-width: 200px; min-width: 200px;
color: white;
text-decoration: none;
cursor: pointer;
} }
.brand-icon { .brand-icon {
width: 36px; width: 36px;
height: 36px; height: 36px;
background: linear-gradient(135deg, #8b5cf6, #3b82f6);
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: 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 { .nav-center {
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;

5
views/anime.html
View File

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

3
views/book.html
View File

@@ -4,7 +4,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/"> <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"> <link rel="stylesheet" href="../public/book.css">
</head> </head>
<body> <body>

9
views/books.html
View File

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

11
views/index.html
View File

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

3
views/watch.html
View File

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