timetable_csea/index.html at main · Abhinav-ark/timetable_csea · 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./timetable.png" type="image/x-icon" />
    <link rel="manifest" href="./manifest.json" />
    <link rel="apple-touch-icon" href="./timetable.png" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet" href="style.css"/>
    <title>Timetable | CSE A | Sem 7</title>
</head>
<body>
    <div class="choose-class">
        <form id="class-form">
            <select name="class" id="class">
                <option value="a">CSE A</option>
                <option value="b">CSE B</option>
                <option value="c">CSE C</option>
                <option value="d">CSE D</option>
                <option value="e">CSE E</option>
                <option value="f">CSE F</option>
            </select>
            <!-- <button type="submit" id="select-button">Select</button> -->
        </form>
    </div>
    <div class="timetable">
        <table>
            <thead>
                <tr>
                    <th colspan="12">Sem 7 TimeTable</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th class="yellow">Time/Day</th>
                    <th class="grey">Slot 1 <br> <span>8:00am - 8:50am</span></th>
                    <th class="grey">Slot 2 <br> <span>8:50am - 9:40am</span></th>
                    <th class="grey">Slot 3 <br> <span>9:40am - 10:30am</span></th>
                    <th class="interval" rowspan="10"><p>10:30am - 10:45am <br> <br> Interval Break</p></th>
                    <th class="grey">Slot 4 <br> <span>10:45am - 11:35am</span></th>
                    <th class="grey">Slot 5 <br> <span>11:35am - 12:25pm</span></th>
                    <th class="grey">Slot 6 <br> <span>12:25pm - 1:15pm</span></th>
                    <th class="interval" rowspan="10"><p>01:15pm - 02:05pm <br> <br> Lunch Break</p></th>
                    <th class="grey">Slot 8 <br> <span>2:05pm - 2:55pm</span></th>
                    <th class="grey">Slot 9 <br> <span>2:55pm - 3:45pm</span></th>
                    <th class="grey">Slot 10 <br> <span>3:45pm - 4:35pm</span></th>
                </tr>
                <tr>
                    <th class="yellow">Monday</th>
                </tr>
                <tr>
                    <th class="yellow">Tuesday</th>
                </tr>
                <tr>
                    <th class="yellow">Wednesday</th>
                </tr>
                <tr>
                    <th class="yellow">Thursday</th>
                </tr>
                <tr>
                    <th class="yellow">Friday</th>
                </tr>
            </tbody>
        </table>
    <br>
    <!-- <table>
        <thead>
            <tr>
                <th>19CSE311 Computer Security</th>
                <th>19CSE312 Distributed Systems</th>
                <th>19CSE313 Principles of Programming Languages</th>
                <th>19CSE314 Software Engineering</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Dr. Harini N</td>
                <td>Dr. Shunmugapriya M C</td>
                <td>Dr. Swapna T R</td>
                <td>Dr. Radhika N</td>
            </tr>
            <tr>
                <td>A303</td>
                <td>A303</td>
                <td>A303</td>
                <td id="#dynamic_venue">A303</td>
            </tr>
        </tbody>
    </table> -->
    </div>
    <div class="exams">
        <li style="list-style:none;">
            <ul><a href="./examScheduleMidterm.html">✎ Midterm</a></ul>
            <ul><a href="./examScheduleEndSem.html">✎ EndSem</a></ul>
        </li>
    </div>
    <div class="linkbox">
        <div class="toggle-wrapper" aria-label="upcoming tasks">
            <a href="./currentWeek.html">
                <div class="toggle">
                    <span class="material-symbols-outlined">
                        pending_actions
                    </span>
                </div>
            </a>
        </div>
        <div class="toggle-wrapper" aria-label="midterm schedule" onclick="show_options()">
            <div class="toggle">
                <span class="material-symbols-outlined">
                    calendar_month
                </span>
            </div>
        </div>

    </div>

    <script src="./app.js"></script>
    <script type="text/javascript">

        // if (new Date().toISOString().slice(0, 10) > "2024-03-18") {
        //     document.getElementById("#dynamic_venue").innerHTML = "Anugraha Hall";
        // }

        let toggle = false;
        function show_options() {
            if (toggle) {
                document.querySelector(".exams").style.display = "none";
                toggle = false;
            } else {
                document.querySelector(".exams").style.display = "block";
                toggle = true;
            }
        }
    </script>
    <!-- Icon attribution
    <a href="https://www.flaticon.com/free-icons/calendar" title="calendar icons">Calendar icons created by Freepik - Flaticon</a> -->
</body>
</html>