-
Notifications
You must be signed in to change notification settings - Fork 62
/
Copy pathteaching.html
executable file
·304 lines (252 loc) · 16.2 KB
/
teaching.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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata for the Webpage -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Your Name Here</title>
<!-- Favicons -- We recommend this site for generating favicons: https://www.favicon-generator.org/ -->
<link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap CSS files-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- jQuery UI CSS (optional) -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<!-- Google web fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400&display=swap" rel="stylesheet">
<!-- Font Awesome Web Icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- Academicons Courtesy of https://jpswalsh.github.io/academicons/ -->
<link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
<!-- Local styles -->
<link rel="stylesheet" href="css/main.css">
<!-- Teaching Panel styles -->
<link rel="stylesheet" href="css/teaching-panels.css">
<style>
/* plus glyph for showing collapsible panels */
.panel-heading .accordion-plus-toggle:before {
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f068";
float: right;
color: RGBA(119, 136, 153, .5);
}
.panel-heading .accordion-plus-toggle.collapsed:before {
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f067";
color: RGBA(119, 136, 153, .5);
}
/* sets the link to the width of the entire panel title */
.panel-title>a {
display: block;
}
</style>
</head>
<body>
<!-- navbar include -->
<div id="navbar-include"></div>
<div class="spacer-div-3 hidden-xs hidden-xs"></div>
<!-- Main content -->
<div id="main-container" class="container">
<div class="row">
<div class="col-sm-12">
<h1>Teaching</h1>
<blockquote>{Sample or quote from your teaching philosophy}
<cite title="source title">— Source/Author</cite>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque temporibus sit tempora rem. Pariatur dolore minima, corporis deserunt. Est doloribus, explicabo, porro obcaecati delectus culpa. Tempore ipsum earum, praesentium cum animi accusamus porro, repellat debitis assumenda. Voluptates voluptatibus accusamus dignissimos iure sunt, autem dolorum impedit.</p>
<p>For more on my pedagogical approach, see my <a href="#" title="Read more" target="_blank">Teaching Philosophy</a>.</p>
<h3 class="push-down-3"><span>Courses Taught</span></h3>
<p class='text-right bright-blue'><span class="badge expander badge-bright-blue pointer">show all</span></p>
<h4 class="push-down-3 gray"><em>University One</em></h4>
<div class="panel-group" id="University-1" role="tablist">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-8752665301">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-8752665301" aria-expanded="false" aria-controls="collapse-8752665301">Course 1</a>
</h5>
</div>
<div id="collapse-8752665301" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-8752665301">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, accusantium doloribus! Sequi ad omnis facere illo, dignissimos vel officiis, architecto sit laborum labore, quidem cumque ipsam minima est cum
eligendi.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-8774401">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-8774401" aria-expanded="false" aria-controls="collapse-8774401">Course 2</a>
</h5>
</div>
<div id="collapse-8774401" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-8774401">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim voluptatibus minus atque suscipit, labore eius, nostrum laboriosam! Minima labore, dicta voluptatum quaerat impedit perferendis? Omnis quidem ab
voluptatem perferendis asperiores.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-5477158">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-5477158" aria-expanded="false" aria-controls="collapse-5477158">Course 3</a>
</h5>
</div>
<div id="collapse-5477158" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-5477158">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt velit dignissimos tempora esse, laudantium error nam corporis quos commodi maxime molestias consequuntur. Recusandae pariatur accusantium
perspiciatis, nesciunt vitae minima itaque?</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-9716944">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-9716944" aria-expanded="false" aria-controls="collapse-9716944">Course 4</a>
</h5>
</div>
<div id="collapse-9716944" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-9716944">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus animi nisi repellendus aut non aperiam iste nostrum enim porro, ea quaerat sed numquam cupiditate iusto praesentium, quia amet? Eaque, facere.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-4195490">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-4195490" aria-expanded="false" aria-controls="collapse-4195490">Course 5</a>
</h5>
</div>
<div id="collapse-4195490" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-4195490">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, distinctio velit molestias nobis inventore, similique debitis temporibus corporis quo dolore reiciendis. Pariatur suscipit, ullam fugiat fuga libero
corrupti ab itaque!</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-5764911">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-5764911" aria-expanded="false" aria-controls="collapse-5764911">Course 6</a>
</h5>
</div>
<div id="collapse-5764911" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-5764911">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi nisi voluptates minima hic unde ut voluptatibus consequuntur voluptatem quisquam asperiores, sequi suscipit dicta, dolor, temporibus animi veritatis.
Modi, delectus, aut!</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-147620">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse-147620" aria-expanded="false" aria-controls="collapse-147620">Course 7</a>
</h5>
</div>
<div id="collapse-147620" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-147620">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint blanditiis, quia iusto, beatae suscipit nostrum. Et explicabo sed facere molestiae reiciendis! Perferendis consequatur dolores, placeat aliquid id
dignissimos, excepturi deleniti.
</div>
</div>
</div>
</div>
<h4 class="push-down-3 gray"><em>University Two</em></h4>
<div class="panel-group" id="university-2" role="tablist">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading4574559">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse4574559" aria-expanded="false" aria-controls="collapse4574559">Course 1</a>
</h5>
</div>
<div id="collapse4574559" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4574559">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae mollitia ullam velit. Hic sint provident, eligendi quis est deserunt ex amet doloremque. Nam eaque, voluptatum numquam! Voluptatibus voluptate,
placeat nobis!</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading5428718">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse5428718" aria-expanded="false" aria-controls="collapse5428718">Course 2</a>
</h5>
</div>
<div id="collapse5428718" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5428718">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere repellendus iusto veritatis tempore molestiae aperiam ipsa ea corporis, facilis doloremque magnam nam qui inventore sint, a quis fugiat in illo.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading766918">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse766918" aria-expanded="false" aria-controls="collapse766918">Course 3</a>
</h5>
</div>
<div id="collapse766918" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading766918">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptatum eaque aliquid cumque nisi molestias itaque eum provident placeat dolor molestiae, vero aut labore reiciendis quam et tempore voluptatibus
beatae.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1025199">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse1025199" aria-expanded="false" aria-controls="collapse1025199">Course 4</a>
</h5>
</div>
<div id="collapse1025199" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1025199">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita molestias, beatae nisi illo dolor aperiam ex consequatur maiores delectus maxime labore quidem dicta praesentium, eveniet itaque enim blanditiis.
Perspiciatis, nesciunt..</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading9284651">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" class="accordion-toggle accordion-plus-toggle collapsed" data-parent="" href="#collapse9284651" aria-expanded="false" aria-controls="collapse9284651">Course 5</a>
</h5>
</div>
<div id="collapse9284651" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading9284651">
<div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque harum fuga impedit corporis cumque quos. Rem itaque repudiandae hic dolorem voluptas necessitatibus facere, aut, rerum autem quam iure illum amet.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Back-to-top button -->
<a role="button" id="topper" data-toggle="tooltip" data-placement="top" title="Top" class="btn scroll-link" href="#top"><i class="fa fa-fw fa-2x fa-caret-up" aria-hidden="true"></i></a>
<!-- footer include -->
<div w3-include-html="footer.html"></div>
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Bootstrap JS Library -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<!-- html file include script | used for navbar and footer -->
<script src="js/w3data.js"></script>
<script>
w3IncludeHTML()
</script>
<!-- Local scripts -->
<script src="js/main.js"></script>
<script>
$(document).ready(function() {
$("#navbar-include").load("navbar.html", function() {
$("#home").removeClass("active");
$("#teaching").addClass("active");
});
});
</script>
</body>
</html>