<%- include('header.ejs') -%>
    <div class='banner'><img class='banner-background' src='/static/img/bg.svg'>
        <div class='banner-content'>
            <h1>BiglyChat</h1>
            <p>BiglyChat is a niche community for broadcasting videos to your fanbase.</p>
            <h2>Community</h2>
            <%if (username=='!nobody' ) { %>
                <a class='form-button' href="/client/register">Join the Community</a>
                <br />
                <% } %>
                    <a class='form-button' href="/client/tou">Terms of Use</a>
                    <a class='form-button' href="https://discord.gg/wZ3mg58JMT">Discord Server</a>
                    <a class='form-button' href="https://git.xuyezo.net/Zuxxied/bigly-chat">Developer Portal</a>
        </div>
    </div>
    <h1 class='content-header'>Follow Feed</h1>
    <div class=' videos'>
        <%- include('videos.ejs', {videos: videosFollow}) -%>
    </div>

    <h1 class='content-header'>Recent Videos</h1>
    <div class=' videos'>
        <%- include('videos.ejs') -%>
    </div>
    <%- include('footer.ejs') -%>