/* /Layout/MainLayout.razor.rz.scp.css */
@inherits LayoutComponentBase <!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="Bepples Productions - Fan-made Koseki Bijou animations and Holodressup tool."> <meta name="keywords" content="Bepples Productions, Koseki Bijou, Hololive, fan animations, Holodressup"> <meta property="og:title" content="Bepples Productions"> <meta property="og:description" content="Explore fan-made animations and interactive tools for Koseki Bijou and Hololive."> <meta property="og:image" content="/assets/images/og-image.jpg"> <title>@Title - Bepples Productions</title> <link rel="stylesheet" href="/css/site.css"> <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> </head> <body> <div class="disclaimer-banner"> Update coming soon at 1000 Subscribers on YouTube!! </div> <header class="header"> <div class="logo"> <img src="/assets/images/logo.png" alt="Koseki Bijou Fan Channel Logo" onerror="this.src='/assets/images/fallback-logo.png'" loading="lazy" /> </div> <button class="hamburger" @onclick="ToggleMenu" aria-label="Toggle menu" aria-expanded="@isMenuOpen"> @(isMenuOpen ? "✕" : "☰") </button> <nav class="nav @(isMenuOpen ? "active" : "")"> <ul> <li><NavLink href="/" ActiveClass="active">Home</NavLink></li> <li><NavLink href="/about" ActiveClass="active">About</NavLink></li> <li><a href="https://www.patreon.com/bepplesproductions" target="_blank" rel="noopener noreferrer">Patreon</a></li> <li><NavLink href="/holodressup" ActiveClass="active">Holodressup</NavLink></li> <li><a href="https://twitter.com/bepplesanim" target="_blank" rel="noopener noreferrer">Twitter</a></li> </ul> </nav> <div class="user-menu"> <a href="https://www.youtube.com/@@bepplesproductions" class="subscribe-btn" aria-label="Subscribe to Bepples Productions YouTube channel">Subscribe</a> </div> </header> <main class="main-content"> @Body </main> <footer class="footer"> <p>This is a fan-made project and is not affiliated with Hololive or Cover Corp.</p> <ul class="footer-links"> <li><a href="mailto:contact@bepplesproductions.com">Contact Us</a></li> <li><a href="https://discord.gg/placeholder" target="_blank" rel="noopener noreferrer">Join Our Discord</a></li> </ul> </footer> </body> </html> @code {
    private bool isMenuOpen = false;

    private string Title[b-xs6rb942o8] {
        get;
        set;
    }

    = "Home";

    // Default title

    private void ToggleMenu()[b-xs6rb942o8] {
        isMenuOpen = !isMenuOpen;
    }

    // Method to set page title from child components
    public void SetTitle(string title)[b-xs6rb942o8] {
        Title = title;
        StateHasChanged();
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
