diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..29ed7db --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +node_modules +nul +package-lock.json \ No newline at end of file diff --git a/BGMHUD.css b/BGMHUD.css new file mode 100644 index 0000000..7ceaaef --- /dev/null +++ b/BGMHUD.css @@ -0,0 +1,45 @@ +/* BGM Title Box - Desktop Styles */ +#bgm-title { + position: fixed !important; + top: 10px !important; + right: 10px !important; + padding: 8px 12px !important; + background-color: rgba(0, 0, 0, 0.8) !important; + color: #ffeb3b !important; + border: 2px solid yellow !important; + border-radius: 5px !important; + z-index: 9999 !important; + font-family: 'Sono', Arial, sans-serif !important; + font-size: 12px !important; + font-weight: bold !important; + text-shadow: 1px 1px 2px black !important; + opacity: 0 !important; + display: block !important; + visibility: visible !important; + box-shadow: 0 0 10px rgba(255, 235, 59, 0.3) !important; +} +#bgm-title.visible { + opacity: 1 !important; +} + +/* Mobile: centered at top */ +@media (max-width: 600px) { + #bgm-title { + position: fixed !important; + top: 0 !important; + left: 50% !important; + right: auto !important; + transform: translateX(-50%) !important; + width: 100% !important; + max-width: 100% !important; + border-radius: 0 0 5px 5px !important; + text-align: center !important; + box-sizing: border-box !important; + } + body { + padding-top: 40px !important; + } + #nl, img[src*="webneko"] { + margin-top: 40px !important; + } +} diff --git a/BGM_Integration_Guide.md b/BGM_Integration_Guide.md new file mode 100644 index 0000000..d536ec6 --- /dev/null +++ b/BGM_Integration_Guide.md @@ -0,0 +1,18 @@ +# BGM Workflow Guide + +This guide outlines the process for implementing or modifying Background Music (BGM) functionality across any page using `Music/bgm.js`. + +## What I do (Instructions in bullet points, excluding page specific logic) +* **Dependencies:** Ensure `Music/bgm.js` and necessary CSS (`BGMHUD.css`, `normalbordem.css`) are loaded on the target page. +* **Required HTML Elements:** The page must contain `
@@ -36,4 +49,11 @@
+
+
+