-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcalendar.html
162 lines (158 loc) · 5.49 KB
/
calendar.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
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<title>Calendar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" title="basic style" type="text/css" href="./home.css" media="all">
<style>
h2 {
margin-top: 15px;
text-align: center;
font-size: 40px;
border-bottom: 1px solid;
}
h3{
border-bottom: none;
font-size: 30px;
}
#container{
padding: 0 1em 1em 1em;
}
#events{
padding: 1em 5.5em 1em 5.5em;
text-align: center;
}
#event1, #event2, #event3, #event4, #event5{
text-align: left;
}
</style>
</head>
<body>
<div id="header">
<p>
<a href="./home.html"><img id="logo" src="./images/logo.png" alt="logo" width="100px" /></a> at the University of Texas at Austin</p>
<nav class="navbar navbar-custom">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="./home.html">Home</a>
</li>
<li><a href="./aboutUs.html">About Us</a>
</li>
<li><a href="./officers.html">Officers</a>
</li>
<li><a href="./calendar.html">Calendar</a>
</li>
<li><a href="./pastProjects.html">Past Projects</a>
</li>
<li><a href="./loggedHours.php">Log Hours</a>
</li>
</ul>
</div>
</nav>
</div>
<script>
$(document).ready(function(){
var e1 = 0;
var e2 = 0;
var e3 = 0;
var e4 = 0;
var e5 = 0;
$("#event1").hide();
$("#event2").hide();
$("#event3").hide();
$("#event4").hide();
$("#event5").hide();
$("#e1").click(function(){
if (e1 === 0){
$("#event1").show();
e1 = 1;
}
else{
$("#event1").hide();
e1 = 0;
}
});
$("#e2").click(function(){
if (e2 === 0){
$("#event2").show();
e2 = 1;
}
else{
$("#event2").hide();
e2 = 0;
}
});
$("#e3").click(function(){
if (e3 === 0){
$("#event3").show();
e3 = 1;
}
else{
$("#event3").hide();
e3 = 0;
}
});
$("#e4").click(function(){
if (e4 === 0){
$("#event4").show();
e4 = 1;
}
else{
$("#event4").hide();
e4 = 0;
}
});
$("#e5").click(function(){
if (e5 === 0){
$("#event5").show();
e5 = 1;
}
else{
$("#event5").hide();
e5 = 0;
}
});
});
</script>
<div id="container">
<h2>Upcoming Projects</h2>
<div id="events">
<p><i>Click event titles for more info.</i></p>
<h3 id="e1">Inside Books</h3>
<div id = "event1">
<p>Date: November 13, 2016. 7-10pm<br/>
Location: 3121 East 12th St, Austin</p>
</div>
<h3 id="e2">New Member Induction</h3>
<div id = "event2">
<p>Date: November 18, 2016. 6-9pm<br/>
Location: Brick Oven Restaurant</p>
</div>
<h3 id="e3">Last Meeting & PBJ Service Project</h3>
<div id = "event3">
<p>Date: Novemeber 29, 2016. 7-8pm <br/>
Location: PHR 2.114</p>
</div>
<h3 id="e4">2016 Holiday Party</h3>
<div id = "event4">
<p>Date: December 2, 2016. 5-8pm<br/>
Location: 2400 Nueces St, 6th floor Activity Room</p>
</div>
<h3 id="e5">2017 Texas-Oklahoma DCON</h3>
<div id = "event5">
<p>Date: March 12-19, 2017.<br/>
Location: Irving, TX</p>
</div>
</div>
</div>
<div id="footer" class="col-sm-12">
<p>© 2016 UT CKI | <a id="contact" href="./contactUs.html">Contact Us</a>
</p>
</div>
</body>
</html>