-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
114 lines (93 loc) · 6.93 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="icon" href="images/favicon.png">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="header-1">
<abbr title="Main Menu"><div class="menu-activate" id="menu-activator">
<svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="menu-button"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>
</div></abbr>
<a href="index.html">
<div class="classroom">
<img src="images/icon.png" class="classroom-logo" draggable="false">
<p class="classroom-text">Classroom</p>
</div>
</a>
</div>
<div class="header-2">
<abbr title="Create or join a class">
<div class="menu-activate">
<svg focusable="false" width="24" height="24" viewBox="0 0 24 24" class="NMm5M">
<path d="M20 13h-7v7h-2v-7H4v-2h7V4h2v7h7v2z"></path>
</svg>
</div>
</abbr>
<abbr title="GoClassroom apps">
<div class="menu-activate">
<img src="https://ssl.gstatic.com/gb/images/bar/al-icon.png" alt="GoClassroom Icon" height="24" width="24" style="border:none;display:none \9;">
</div>
</abbr>
<abbr title="Google Account">
<div class="menu-activate user">
G
</div>
</abbr>
</div>
</header>
<div class="content">
<div class="menu-sidebar" id="menu-sidebar">
<a class="sidebar-button selected-sidebar" style="margin-top: 15px;" href="index.html"><svg focusable="false" width="24" height="24" viewBox="0 0 24 24" class=" NMm5M"><path d="M12 3L4 9v12h16V9l-8-6zm6 16h-3v-6H9v6H6v-9l6-4.5 6 4.5v9z"></path></svg>Home</a>
<a class="sidebar-button" href="https://classroom.google.com/calendar/this-week/course/all"><svg focusable="false" width="24" height="24" viewBox="0 0 24 24" class=" NMm5M"><path d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"></path></svg>Calendar</a>
<div class="menu-sidebar-section"> </div>
<a class="sidebar-button" href="https://classroom.google.com/h/archived"><svg focusable="false" width="24" height="24" viewBox="0 0 24 24" class=" NMm5M"><path d="M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM6.24 5h11.52l.83 1H5.42l.82-1zM5 19V8h14v11H5zm11-5.5l-4 4-4-4 1.41-1.41L11 13.67V10h2v3.67l1.59-1.59L16 13.5z"></path></svg>Archived classes</a>
<a class="sidebar-button" href="https://classroom.google.com/s"><svg focusable="false" width="24" height="24" viewBox="0 0 24 24" class=" NMm5M"><path d="M13.85 22.25h-3.7c-.74 0-1.36-.54-1.45-1.27l-.27-1.89c-.27-.14-.53-.29-.79-.46l-1.8.72c-.7.26-1.47-.03-1.81-.65L2.2 15.53c-.35-.66-.2-1.44.36-1.88l1.53-1.19c-.01-.15-.02-.3-.02-.46 0-.15.01-.31.02-.46l-1.52-1.19c-.59-.45-.74-1.26-.37-1.88l1.85-3.19c.34-.62 1.11-.9 1.79-.63l1.81.73c.26-.17.52-.32.78-.46l.27-1.91c.09-.7.71-1.25 1.44-1.25h3.7c.74 0 1.36.54 1.45 1.27l.27 1.89c.27.14.53.29.79.46l1.8-.72c.71-.26 1.48.03 1.82.65l1.84 3.18c.36.66.2 1.44-.36 1.88l-1.52 1.19c.01.15.02.3.02.46s-.01.31-.02.46l1.52 1.19c.56.45.72 1.23.37 1.86l-1.86 3.22c-.34.62-1.11.9-1.8.63l-1.8-.72c-.26.17-.52.32-.78.46l-.27 1.91c-.1.68-.72 1.22-1.46 1.22zm-3.23-2h2.76l.37-2.55.53-.22c.44-.18.88-.44 1.34-.78l.45-.34 2.38.96 1.38-2.4-2.03-1.58.07-.56c.03-.26.06-.51.06-.78s-.03-.53-.06-.78l-.07-.56 2.03-1.58-1.39-2.4-2.39.96-.45-.35c-.42-.32-.87-.58-1.33-.77l-.52-.22-.37-2.55h-2.76l-.37 2.55-.53.21c-.44.19-.88.44-1.34.79l-.45.33-2.38-.95-1.39 2.39 2.03 1.58-.07.56a7 7 0 0 0-.06.79c0 .26.02.53.06.78l.07.56-2.03 1.58 1.38 2.4 2.39-.96.45.35c.43.33.86.58 1.33.77l.53.22.38 2.55z"></path><circle cx="12" cy="12" r="3.5"></circle></svg>Settings</a>
</div>
<div class="game-section">
<img src="images/empty_states_home.svg" draggable="false">
<h5>All of your classes have been archived</h5>
<div class="game-links">
<a class="create-class normal-button" id="createClassButton">Create Class</a>
<a class="join-class normal-button" id="joinClassButton">Join Class</a>
</div>
</div>
</div>
<div class="pop-up" id="create-classroom">
<p class="pop-up-title">Create GoClassroom</p>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdyv3IgN_CgBVyOGZ8EpWkLoWPxBUEf03t9fwkYUPVJsLj4eA/viewform?embedded=true" width="450" height="450" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
<div class="pop-up-footer">
<a class="cancel-button normal-button" href="index.html">Cancel</a>
<a class="cancel-button normal-button" href="index.html">Exit</a>
</div>
</div>
<div class="pop-up" id="join-classroom">
<p class="pop-up-title">Join class</p>
<div class="pop-up-content">
<div class="pop-up-section">
<p class="pop-up-title">Class code</p>
<p class="pop-up-description">You can request a class code from the creator of the code</p>
<input type="text" placeholder="Class Code" class="pop-up-textbox" id="class-code" list="defaults" required>
</div>
<p class="pop-up-title">To sign in with a class code</p>
<ul>
<li>Must be a legitimate class code<br>Class codes cannot contain spaces</li>
<br>
<li>Class code must be approved by<br>evanrunnercontact@gmail.com</li>
<br>
<li>Use a class code with 5-15 letters or numbers, and no spaces or<br>symbols</li>
<br>
<p>If you have trouble joining the class, join our discord <a class="link" href="https://discord.com/invite/3FhvaVAgK2" target="_blank">here</a> for help</p>
</ul>
</div>
<div class="pop-up-footer">
<a class="cancel-button normal-button" href="index.html">Cancel</a>
<a class="join-button normal-button" href="#" onclick="checkClassCode()">Join</a>
</div>
</div>
<div class="overlay" id="overlay"></div>
<script src="script.js"></script>
</body>
</html>