forked from cfuchs981/truhack
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.php
102 lines (76 loc) · 3.72 KB
/
main.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>CS Registration</title>
<!-- Bootstrap core CSS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav" >
<a class="navbar-brand js-scroll-trigger" >
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/profile.jpg" alt="">
</span>
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item name"> Name</li>
<li class="nav-item major">Major : Minor </li>
<li class="nav-item grad">Graduation Date</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0" >
<section class="tinder-section p-1 p-lg-5 d-flex d-column" style="width: 100%;">
<div class="tablehold" id="table">
<div class="subheading mb-5">NAME OF CLASS · COURSE NUMBER</div>
<p class="mb-5" id="descrip">(picture??)Class description goes here</p>
<p class="mb-5" id="capteach">Capacity, teacher etc here </p>
<p class="mb-5" style="font-weight:bold;"id="type">Class type and credits</p>
<div class="button-hold">
<button class="yes">✔</button>
<button class="no">X</button>
</div>
</div>
<div class="my-auto" style="width:100%;padding: 20px;text-align:center;border: 1px solid #CECAC1;box-shadow: 3px 3px 1px #CECAC1;">
<div class="subheading mb-5">COURSE SELECTIONS</div>
<table>
<tr>
<th>Name</th>
<th>Number</th>
<th>Type</th>
<th>Credits</th>
</tr>
<tr>
<td>sample</td>
<td>sample</td>
<td>sample</td>
<td>sample</td>
</tr>
<tr>
<td>sample</td>
<td>sample</td>
<td>sample</td>
<td>sample</td>
</tr>
</table>
<div class="button-hold">
<button class="email">Email List</button>
</div>
</div>
</section>
</div>
<!--TODO add table display of selected classes to right wing of page. NOTE: we don't need a printing page. Let's just do an 'email' button or some such that will send the current table values, no need to be extra-->
<!--Jacque all your code will go off of the two buttons. One causes the animation (no) one causes add to table (yes). Those
two buttons have class names you can select with javascript. The table div is incomplete but you can use the ID 'table' for testing
and that will shoot it to the correct div. Also remember, you'll need to parse the contents of the div that Jon autogenerates.
Javascript has 'silent' errors, meaning it rarely tells you when things go wrong. So to avoid most common errors: wrap everything
in a window.onload() call. That forces your code to execute only one the site (and thus, PHP) have fully loaded. That'll save you
a lotta trash null pointers. -->
<div class="hiddens"></div> <!--this is where jon can dump data as discussed if we decide to go through that method. He should auto generate this div himself.-->
</body>
</html>