<%- include('partials/header', { title: 'Date-a-Science - Home' }) %>

        <div class="banner">
            <img src="/images/loveBanner.jpg" alt="Love Banner">
        </div>

        <div class="container">
            <h1>Welcome to Date-a-Science</h1>
            <p>Where Your Heart Gets a Software Update.</p>

            <h2>Our Members</h2>
            <ul class="profile-list">
                <% people.forEach(person => { %>
                <li><a href="/profile?id=<%= person.id %>">&#x2665; <%= person.name %></a></li>
                <% }) %>
            </ul>

            <h2>Create a New Profile</h2>
            <label for="name">Name:</label>
            <input type="textbox" id="name"> 
            <button type="button" onclick="submit()">Submit Profile</button>

            <script src="/clientscript.js"></script>
        </div>

<%- include('partials/footer') %>
