Edu-Hub/tt-prof.html at master · smartclassorg/Edu-Hub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EduHub - Your Learning Journey</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="style-prof-tt.css">
    </head>
    <body>
    <header class="header">
        <div class="logo" style="font-weight: 800;">EduHub</div>
        <div class="user-profile">
            <div class="avatar"></div>
            <div>
                <div style="font-weight: bold;">Dr Chen</div>
                <div style="font-size: 0.8rem;" class="user-role">Professor</div>
            </div>
        </div>
    </header>

<label class="dark-mode-switch">
    <input type="checkbox" id="darkModeToggle">
    <span class="slider"></span>
    <i class="fas fa-moon" style="color: black;"></i>
</label>

    <div class="container">
        <div class="welcome-section">
            <h1 class="welcome-title">Welcome Professor Chen! 🌟</h1>
            <p class="welcome-subtitle">Ready to Teach?</p>
        </div>

        <div class="glass-card">
            <h2 style="margin-bottom: 1.5rem; color: #3b82f6;">📚 Today's Classes</h2>
            <div class="today-classes">
                <div class="class-card">
                    <div class="class-time">09:00 - 10:30</div>
                    <br>
                    <button class="class-button">
                        <div class="class-name">Introduction to AI</div>
                    </button>
                    <div class="class-room">Room 301</div>
                </div>
                <div class="class-card">
                    <div class="class-time">11:00 - 12:30</div>
                    <br>
                    <button class="class-button">
                        <div class="class-name">Data Structures</div>
                    </button>

                    <div class="class-room">Room 205</div>
                </div>
                <div class="class-card">
                    <div class="class-time">14:00 - 15:30</div>
                    <br>
                    <button class="class-button">
                        <div class="class-name">CS LAB</div>
                    </button>
                    <div class="class-room">Lab 101</div>
                </div>
            </div>
        </div>

        <div class="glass-card">
            <h2 style="margin-bottom: 1.5rem; color: #3b82f6;">🗓️ Weekly Timetable</h2>
            <div class="timetable-container">
                <table class="timetable">
                    <thead>
                        <tr>
                            <th>Time</th>
                            <th>Monday</th>
                            <th>Tuesday</th>
                            <th>Wednesday</th>
                            <th>Thursday</th>
                            <th>Friday</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>09:00-10:30</strong></td>
                            <td><div class="class-slot current">Introduction to AI<br>Room 301</div></td>
                            <td><div class="class-slot">Computer Programming<br>Room 102</div></td>
                            <td><div class="class-slot">Algorithms<br>Room 203</div></td>
                            <td><div class="class-slot">CS LAB<br>Lab 301</div></td>
                            <td><div class="class-slot">Data Structures<br>Room 105</div></td>
                        </tr>
                        <tr>
                            <td><strong>11:00-12:30</strong></td>
                            <td><div class="class-slot">Data Structures<br>Room 205</div></td>
                            <td><div class="class-slot">Algorithms<br>Room 206</div></td>
                            <td><div class="class-slot">CS LAB<br>Lab 102</div></td>
                            <td><div class="class-slot">Introduction to AI<br>Room 301</div></td>
                            <td><div class="class-slot">CS LAB<br>Lab 201</div></td>
                        </tr>
                        <tr>
                            <td><strong>14:00-15:30</strong></td>
                            <td><div class="class-slot">CS LAB<br>Lab 101</div></td>
                            <td><div class="class-slot">CS LAB<br>Lab 103</div></td>
                            <td><div class="class-slot">Free Period<br>Room 401</div></td>
                            <td><div class="class-slot">Career Guidance<br>Room 302</div></td>
                            <td><div class="class-slot">Free Period</div></td>
                        </tr>
                        <tr>
                            <td><strong>16:00-17:30</strong></td>
                            <td><div class="class-slot">Free Period</div></td>
                            <td><div class="class-slot">Research Methods<br>Room 501</div></td>
                            <td><div class="class-slot">Ethics in Tech<br>Room 201</div></td>
                            <td><div class="class-slot">AI LAB<br>Lab 301</div></td>
                            <td><div class="class-slot">Staff Meeting<br>Office</div></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>


    </div>
    <script src="script-prof-tt.js"></script>
</body>
</html>