-
Notifications
You must be signed in to change notification settings - Fork 213
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #159 from Miruro-no-kuon/preview-main
Preview main
- Loading branch information
Showing
19 changed files
with
959 additions
and
497 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,71 +1,83 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="Miruro no Kuon - Anime Streaming Site with minimal UI 🍜. Enjoy HD fast streaming of your favorite anime, manga reading, and explore anime-related forums on www.miruro.tv. Discover a world of anime entertainment at Miruro no Kuon!"> | ||
| <link rel="manifest" href="manifest.json"> | ||
| <link rel="icon" type="image/webp" href="./src/assets/favicons/favicon-miruro.webp"> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta | ||
| name="description" | ||
| content="Miruro no Kuon - Anime Streaming Site with minimal UI 🍜. Enjoy HD fast streaming of your favorite anime, manga reading, and explore anime-related forums on www.miruro.tv. Discover a world of anime entertainment at Miruro no Kuon!" | ||
| /> | ||
| <link rel="manifest" href="manifest.json" /> | ||
| <link | ||
| rel="icon" | ||
| type="image/webp" | ||
| href="./src/assets/favicons/favicon-miruro.webp" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://fonts.googleapis.com/icon?family=Material+Icons" | ||
| /> | ||
| <title>Miruro</title> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" | ||
| /> | ||
| <style> | ||
| /* Custom scrollbar */ | ||
| ::-webkit-scrollbar { | ||
| width: 5px; /* Set the width of the scrollbar */ | ||
| } | ||
| /* Custom scrollbar */ | ||
| ::-webkit-scrollbar { | ||
| width: 5px; /* Set the width of the scrollbar */ | ||
| } | ||
|
|
||
| /* Track */ | ||
| ::-webkit-scrollbar-track { | ||
| background: transparent; /* Make scrollbar track transparent */ | ||
| } | ||
| /* Track */ | ||
| ::-webkit-scrollbar-track { | ||
| background: transparent; /* Make scrollbar track transparent */ | ||
| } | ||
|
|
||
| /* Handle */ | ||
| ::-webkit-scrollbar-thumb { | ||
| background: #888; /* Color of the scrollbar handle */ | ||
| border-radius: 10px; /* Roundness of the scrollbar handle */ | ||
| } | ||
| /* Handle */ | ||
| ::-webkit-scrollbar-thumb { | ||
| background: #888; /* Color of the scrollbar handle */ | ||
| border-radius: 10px; /* Roundness of the scrollbar handle */ | ||
| } | ||
|
|
||
| /* Handle on hover */ | ||
| ::-webkit-scrollbar-thumb:hover { | ||
| background: #555; /* Color of the scrollbar handle on hover */ | ||
| } | ||
| /* Handle on hover */ | ||
| ::-webkit-scrollbar-thumb:hover { | ||
| background: #555; /* Color of the scrollbar handle on hover */ | ||
| } | ||
|
|
||
| /* Define your theme styles here */ | ||
| body[data-theme="dark"] { | ||
| background-color: #080808; | ||
| color: #fff; /* Adjust text color for dark theme */ | ||
| } | ||
| /* Define your theme styles here */ | ||
| body[data-theme="dark"] { | ||
| background-color: #080808; | ||
| color: #fff; /* Adjust text color for dark theme */ | ||
| } | ||
|
|
||
| body[data-theme="light"] { | ||
| background-color: #f5f5f5; | ||
| color: #000; /* Adjust text color for light theme */ | ||
| } | ||
| body[data-theme="light"] { | ||
| background-color: #f5f5f5; | ||
| color: #000; /* Adjust text color for light theme */ | ||
| } | ||
| </style> | ||
| </head> | ||
| <body data-simplebar> | ||
| </head> | ||
| <body data-simplebar> | ||
| <div id="root"></div> | ||
| <script> | ||
| const themePreference = localStorage.getItem("themePreference"); | ||
| const themePreference = localStorage.getItem("themePreference"); | ||
|
|
||
| if (themePreference === "dark") { | ||
| document.body.style.backgroundColor = "#080808"; | ||
| } else if (themePreference === "light") { | ||
| document.body.style.backgroundColor = "#f5f5f5"; | ||
| } else if ( | ||
| window.matchMedia && | ||
| window.matchMedia("(prefers-color-scheme: dark)").matches | ||
| ) { | ||
| document.body.style.backgroundColor = "#080808"; // Set to dark if user prefers dark theme | ||
| } else { | ||
| document.body.style.backgroundColor = "#f5f5f5"; // Set to light if none of the above conditions match | ||
| } | ||
| document.addEventListener("DOMContentLoaded", function () { | ||
| document.body.style.backgroundColor = ""; | ||
| }); | ||
| if (themePreference === "dark") { | ||
| document.body.style.backgroundColor = "#080808"; | ||
| } else if (themePreference === "light") { | ||
| document.body.style.backgroundColor = "#f5f5f5"; | ||
| } else if ( | ||
| window.matchMedia && | ||
| window.matchMedia("(prefers-color-scheme: dark)").matches | ||
| ) { | ||
| document.body.style.backgroundColor = "#080808"; // Set to dark if user prefers dark theme | ||
| } else { | ||
| document.body.style.backgroundColor = "#f5f5f5"; // Set to light if none of the above conditions match | ||
| } | ||
|
|
||
| document.addEventListener("DOMContentLoaded", function () { | ||
| document.body.style.backgroundColor = ""; | ||
| }); | ||
| </script> | ||
| <script type="module" src="/src/main.tsx"></script> | ||
| </body> | ||
| </body> | ||
| </html> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.