<!--Canopy - The next generation of stoner streaming software
Copyright (C) 2024  Rainbownapkin and the TTN Community

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.-->
<!DOCTYPE html>
<html>
    <head>
        <%- include('partial/styles', {instance, user}); %>
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <title><%= instance %></title>
    </head>
    <body>
        <%- include('partial/navbar', {user}); %>
        <h3><a href="/newchannel">Start a new channel...</a></h3>
        <div id="channel-guide-div" class="channel-guide">
            <% chanGuide.forEach((channel) => { %>
                <div id="channel-guide-entry-<%- channel.name %>" class="channel-guide-entry">
                    <a href="/c/<%- channel.name %>" class="channel-guide-entry channel-guide-entry-item"><img id="channel-guide-entry-img-<%- channel.name %>" class="channel-guide-entry channel-guide-entry-item" src="<%- channel.thumbnail %>"></a>
                    <h3 id="channel-guide-entry-name-<%- channel.name %>" class="channel-guide-entry channel-guide-entry-item"><a href="/c/<%- channel.name %>" class="channel-guide-entry channel-guide-entry-item"><%- channel.name %></a></h3>
                    <span id="channel-guide-entry-description-span-<%- channel.name %>" class="channel-guide-entry channel-guide-entry-item">
                        <p id="channel-guide-entry-description-<%- channel.name %>" class="channel-guide-entry channel-guide-entry-item"><%- channel.description %></h3>
                    </span>
                </div>
            <% }); %>
        </div>
    </body>
    <footer>
        <%- include('partial/scripts', {user}); %>
    </footer>
</html>
