admin.html

<!DOCTYPE html>
<meta charset="UTF-8">

<html>
<head>
    <title>Admin Panel</title>
    <link rel="stylesheet" href="css/admin.css">
    <script src="js/util.js"></script>

    <script src="js/participants.js"></script>
    <script src="js/questions.js"></script>
    <script src="js/participantQuestions.js"></script>

    
    <script src="js/admin.js"></script>

</head>
<body>
    <h1>Admin Panel</h1>
    <h2>Participants</h2>
    <table id="participantTable">
        <thead>
            <tr>
                <th>Name</th>
                <th>Team</th>
                <th>Affinity</th>
            </tr>
        </thead>
        <tbody>
            <!-- Rows will be populated here -->
        </tbody>
    </table>

    <h2>Questions</h2>
    <table id="questionTable">
        <thead>
            <tr>
                <th>Question</th>
                <th>Correct Answer</th>
                <th>Wrong Answers</th>
                <th>Emoji</th>
            </tr>
        </thead>
        <tbody>
            <!-- Question rows will be populated here -->
        </tbody>
    </table>


    <!-- Questions and Answers Section -->
    <h2>Questions and Answers</h2>
    <div id="questionsAnswers">
        <!-- Content will be populated here -->
    </div>


</body>
</html>