-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·331 lines (307 loc) · 21.9 KB
/
index.html
File metadata and controls
executable file
·331 lines (307 loc) · 21.9 KB
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
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html>
<head>
<title>CS10 | Fall 2014</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name="description" content="CS10, The Beauty and Joy of Computing is an introductory computer science class designed for anyone and everyone." />
<meta name="keywords" content="CS10, UC, Berkeley, CS, computer science, BJC, computing, education, Michael Ball" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<style type="text/css">
body {
background-image: url(resources/images/gobo_watermark.gif); /* watermark */
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
font-family: 'Helvetica', sans-serif;
width: 90%;
margin: .5% 5%;
padding: 0 .3em .3em .3em;
}
.logo {
font-family: 'VAG Rounded Light';
font-size: 2.25em;
margin: .1em;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
.header {
display: inline-block;
width: 100%;
}
.header, .header > div {
display: inline-block;
vertical-align: middle;
}
.left {
width: 250px;
}
.header > .center {
min-width: 50px;
width: 60%;
max-width: 100%;
}
.right {
text-align: right;
min-width: 100px;
width: 17%;
max-width: 250px;
}
/*
display table-cell auto width
Specifiy:
min-width -- presentation / readbility
width -- size, set smaller than 1/(num items)
max-width -- set >= 1/(num items) */
.ql {
font-size: 1.1em;
text-align: center;
display: table-cell;
}
h1 {
display: block;
background: #003A70;
background: -moz-linear-gradient(top, #003A70 0%, #3f7dc2 50%, #003A70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003A70), color-stop(50%,#3f7dc2), color-stop(100%,#003A70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #003A70 0%,#3f7dc2 50%,#003A70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #003A70 q%,#3f7dc2 50%,#003A70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #003A70 0%,#3f7dc2 50%,#003A70 100%); /* IE10+ */
background: linear-gradient(to bottom, #003A70 0%,#3f7dc2 50%,#003A70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003A70', endColorstr='#003A70', GradientType=0); /* IE6-9 */
border-radius: 2em;
box-shadow: 2px 3px 6px #606060;
padding: .3em 1em;
color: #FFF;
font-family: 'VAG Rounded Light';
font-size: 1.6em;
text-shadow: 1px 1px 2px #555;
vertical-align: middle;
}
.vcenter {
display: table-cell;
vertical-align: middle;
}
/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
/* reset the text-align */
text-align:center;
/* inline-block space fix */
margin-right:-4px;
}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47210910-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="header center coontainer-fluid">
<div class="row row-centered" style="width:100%">
<div class="col-md-3">
<div class="vcenter">
<img width="250" border="0" align="bottom" height="244" src="resources/images/snap_nav.gif" class="navbar" alt="Your Navigation Bar didn't load." title="Click me to navigate." usemap="#gobo">
<div style="position:absolute;top:60px;left:220px;z-index:40;">
<img src="resources/images/blank.gif" name="speech" />
</div>
<map name="gobo">
<area shape="rect" coords="0,70,110,97" alt="Overview" href="#overview" onmouseover="displaySpeech('speech', 'resources/images/overview_jump.gif')" onmouseout="displaySpeech('speech', 'resources/images/blank.gif')">
<area shape="rect" coords="0,97,76,124" alt="News" href="#news" onmouseover="displaySpeech('speech', 'resources/images/news_jump.gif')" onmouseout="displaySpeech('speech', 'resources/images/blank.gif')">
<area shape="rect" coords="0,124,105,151" alt="Calendar" href="#calendar" onmouseover="displaySpeech('speech', 'resources/images/calendar_jump.gif')" onmouseout="displaySpeech('speech', 'resources/images/blank.gif')">
<area shape="rect" coords="0,151,72,178" alt="Staff" href="#staff" onmouseover="displaySpeech('speech', 'resources/images/staff_jump.gif')" onmouseout="displaySpeech('speech', 'resources/images/blank.gif')">
<area shape="rect" coords="0,178,97,205" alt="Grades" href="#grading" onmouseover="displaySpeech('speech', 'resources/images/grading_jump.gif')" onmouseout="displaySpeech('speech', 'resources/images/blank.gif')">
<area shape="rect" coords="0,205,117,232" alt="Resources" href="#resources" onmouseover="displaySpeech('speech', 'resources/images/resources_jump.gif')" onmouseout="displaySpeech('speech', 'resources/images/blank.gif')">
</map>
</div>
</div>
<div class="col-md-6">
<div class="col-centered vcenter">
<br /><br /><br />
<h2 class="logo">CS10: BJC | Fall 2014</h2>
<h2 class="logo">The Beauty & Joy of Computing</h2>
</div>
</div>
<div class="col-md-3">
<div class="vcenter right">
<br /><br />
<a href="http://bjc.berkeley.edu/">
<img border="0" src="resources/images/bjc186.png" alt="BJC logo">
</a>
</div>
</div>
</div>
</div>
<h1 class="center" id="quicklinks">Quick Links</h1>
<div class="container-fluid">
<div class="row">
<div class="ql col-md-2">
<a class="snap" style="font:120%" href="http://snap.berkeley.edu/run/">Snap</a>
</div>
<div class="ql col-md-2">
<!-- UPDATE EACH SEMESTER -->
<a href="https://piazza.com/class/hwnwszyjn9f5eg">Piazza</a>
<br />(Q&A)
</div>
<div class="ql col-md-2">
<!-- UPDATE EACH SEMESTER -->
<a class="lablink" href="../labs/course/cs10_fa14.html?">Labs</a>
</div>
<div class="ql col-md-2">
<!-- UPDATE EACH SEMESTER -->
<a href="https://bcourses.berkeley.edu/courses/1246916">bCourses</a>
<br />(assignments)
</div>
<div class="ql col-md-2">
<a href="http://webcast.berkeley.edu/playlist#c,s,Fall_2014,-XXv-cvA_iCajFbSJ4q3ApmKtT7RL3wQ">Webcasts</a>
</div>
<div class="ql col-md-2">
<a href="assign.html?https://docs.google.com/document/d/1qb86D3sLcusFrx4Feu86Yhu9whw-M28feeUo3Zfaapc/pub">Course Policies</a>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- <h1>News</h1>
<div class="page-section" id="news">
<h2>Please check this section for important updates!</h2>
<ul class='lambda'>
<li>August 18, 2014: Welcome to CS10!</li>
<li>August 29, 2014: Course Syllabus added to the quick links section (right above).</li>
</ul>
</div> -->
<h1>Overview</h1>
<div class="page-section" id="overview"></div>
<!--
<h1>Assignment Calendar</h1>
<div class="page-secton" id="cal-bs"></div>
<div class="clearfix"></div> -->
<h1>Assignment Calendar</h1>
<div class="page-section" id="calendar"></div>
<div class="clearfix"></div>
<h1>Weekly Schedule</h1>
<div class="page-section" id="weekly">
<h4>This calendar displays the class schedule for the <em>current</em> week.
Click on any event to see the building location on a map.</h4>
<div id="oh-cal" style="min-width:800px;"></div>
</div>
<h1>Staff</h1>
<div class="page-section" id="staff">
<h2>Instructor</h2>
<div class="container-fluid" id="instructors"><div class="row staffimgrow"><div class="col-md-12"><a href="resources/images/Fa13/Gerald.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Dr. Gerald Friedland" title="Dr. Gerald Friedland" src="resources/images/small/Gerald.jpg"></a><br><strong><a href="http://www.cs.berkeley.edu/%7Eddgarcia/">Dr. Gerald Friedland</a></strong> <br><a href="mailto:fractor@icsi.berkeley.edu?subject=[CS10] SUBJECT"><code>fractor@icsi.berkeley.edu</code></a><br>329 Soda</div></div><div class="clearfix"></div></div>
<div class="clearfix"></div>
<h2>Teaching Assistants</h2>
<div class="container-fluid" id="tas"><div class="row staffimgrow"><div class="col-md-20"><a href="resources/images/Sp14/MichaelBallTake3.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Head TA Michael Ball" title="Head TA Michael Ball" src="resources/images/small/MichaelBall.jpg"></a><br><strong><a href="http://michaelballphoto.com">Head TA Michael Ball</a></strong> (<a href="bios/MichaelBall.txt">bio</a>)<br><a href="mailto:ball@berkeley.edu?subject=[CS10] SUBJECT"><code>ball@berkeley.edu</code></a></div><div class="col-md-20"><a href="resources/images/Sp14/LaurenMock.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Head TA Lauren Mock" title="Head TA Lauren Mock" src="resources/images/small/LaurenMock.jpg"></a><br><strong><a href="http://linkedin.com/in/laurenmock">Head TA Lauren Mock</a></strong> <br><a href="mailto:lmock@berkeley.edu?subject=[CS10] SUBJECT"><code>lmock@berkeley.edu</code></a></div><div class="col-md-20"><a href="resources/images/Sp14/AdamKuphaldt.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Adam Kuphaldt" title="TA Adam Kuphaldt" src="resources/images/small/AdamKuphaldt.jpg"></a><br><strong>TA Adam Kuphaldt</strong> <br><a href="mailto:akuphaldt@berkeley.edu?subject=[CS10] SUBJECT"><code>akuphaldt@berkeley.edu</code></a></div><div class="col-md-20"><a href="resources/images/Sp14/AndrewSchmitt.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Andrew Schmitt" title="TA Andrew Schmitt" src="resources/images/small/AndrewSchmitt.jpg"></a><br><strong>TA Andrew Schmitt</strong> <br><a href="mailto:aschmitt@berkeley.edu?subject=[CS10] SUBJECT"><code>aschmitt@berkeley.edu</code></a></div><div class="col-md-20"><a href="resources/images/Sp14/AranyUthayakumar.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Arany Uthayakumar" title="TA Arany Uthayakumar" src="resources/images/small/AranyUthayakumar.jpg"></a><br><strong>TA Arany Uthayakumar</strong> (<a href="bios/AranyBio.txt">bio</a>)<br><a href="mailto:arany@berkeley.edu?subject=[CS10] SUBJECT"><code>arany@berkeley.edu</code></a></div></div><div class="clearfix"></div><div class="row staffimgrow"><div class="col-md-20"><a href="resources/images/Fa13/JaclynBurge.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Jaclyn Burge" title="TA Jaclyn Burge" src="resources/images/small/JaclynBurge.jpg"></a><br><strong><a href="www.jacburge.me">TA Jaclyn Burge</a></strong> <br><a href="mailto:jacburge.cs10@gmail.com?subject=[CS10] SUBJECT"><code>jacburge.cs10@gmail.com</code></a></div><div class="col-md-20"><a href="resources/images/Sp14/JannaGolden.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Janna Golden" title="TA Janna Golden" src="resources/images/small/JannaGolden.jpg"></a><br><strong>TA Janna Golden</strong> <br><a href="mailto:jannagolden@berkeley.edu?subject=[CS10] SUBJECT"><code>jannagolden@berkeley.edu</code></a></div><div class="col-md-20"><a href="resources/images/Fa13/JosephCawthorne.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Joseph Cawthorne" title="TA Joseph Cawthorne" src="resources/images/small/JosephCawthorne.jpg"></a><br><strong>TA Joseph Cawthorne</strong> <br><a href="mailto:cs10tajcawth@gmail.com?subject=[CS10] SUBJECT"><code>cs10tajcawth@gmail.com</code></a></div><div class="col-md-20"><a href="resources/images/Fa12/JeffreySnowiss.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Jeffrey Snowiss" title="TA Jeffrey Snowiss" src="resources/images/small/JeffreySnowiss.jpg"></a><br><strong>TA Jeffrey Snowiss</strong> <br><a href="mailto:jasnowiss10@gmail.com?subject=[CS10] SUBJECT"><code>jasnowiss10@gmail.com</code></a></div><div class="col-md-20"><a href="resources/images/Sp14/MaxDougherty.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Max Dougherty" title="TA Max Dougherty" src="resources/images/small/MaxDougherty.jpg"></a><br><strong>TA Max Dougherty</strong> <br><a href="mailto:mdougherty@berkeley.edu?subject=[CS10] SUBJECT"><code>mdougherty@berkeley.edu</code></a></div></div><div class="clearfix"></div><div class="row staffimgrow"><div class="col-md-3"><a href="resources/images/Fa13/RachelHuang.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Rachel Huang" title="TA Rachel Huang" src="resources/images/small/RachelHuang.jpg"></a><br><strong>TA Rachel Huang</strong> <br><a href="mailto:rachelhuang072@berkeley.edu?subject=[CS10] SUBJECT"><code>rachelhuang072@berkeley.edu</code></a></div><div class="col-md-3"><a href="resources/images/Fa12/SumerMohammed.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Sumer Mohammed" title="TA Sumer Mohammed" src="resources/images/small/SumerMohammed.jpg"></a><br><strong>TA Sumer Mohammed</strong> <br><a href="mailto:sumermohammed@berkeley.edu?subject=[CS10] SUBJECT"><code>sumermohammed@berkeley.edu</code></a></div><div class="col-md-3"><a href="resources/images/Sp14/StevenTraversi.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Steven Traversi" title="TA Steven Traversi" src="resources/images/small/StevenTraversi.jpg"></a><br><strong>TA Steven Traversi</strong> <br><a href="mailto:straversi@berkeley.edu?subject=[CS10] SUBJECT"><code>straversi@berkeley.edu</code></a></div><div class="col-md-3"><a href="resources/images/Fa13/VictoriaShi.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="TA Victoria Shi" title="TA Victoria Shi" src="resources/images/small/VictoriaShi.jpg"></a><br><strong>TA Victoria Shi</strong> (<a href="bios/VictoriaBio.txt">bio</a>)<br><a href="mailto:victoria.shi@berkeley.edu?subject=[CS10] SUBJECT"><code>victoria.shi@berkeley.edu</code></a></div></div><div class="clearfix"></div></div>
<div class="clearfix"></div>
<h2>Readers</h2>
<div id="readers"><div class="row staffimgrow"><div class="col-md-20"><a href="resources/images/Sp14/AlexMcKinney.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Reader Alex McKinney" title="Reader Alex McKinney" src="resources/images/small/AlexMcKinney.jpg"></a><br><strong>Reader Alex McKinney</strong> </div><div class="col-md-20"><a href="resources/images/Sp14/BrandonChen.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Reader Brandon Chen" title="Reader Brandon Chen" src="resources/images/small/BrandonChen.jpg"></a><br><strong>Reader Brandon Chen</strong> </div><div class="col-md-20"><a href="resources/images/Fa13/CarlosFlores.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Reader Carlos Flores" title="Reader Carlos Flores" src="resources/images/small/CarlosFlores.jpg"></a><br><strong>Reader Carlos Flores</strong> </div><div class="col-md-20"><a href="resources/images/Fa13/ClaireWatanabe.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Reader Claire Watanabe" title="Reader Claire Watanabe" src="resources/images/small/ClaireWatanabe.jpg"></a><br><strong>Reader Claire Watanabe</strong> </div><div class="col-md-20"><a href="resources/images/Fa13/JobelVecino.jpg"><img onerror="imgError(this)" class="staff" align="center" alt="Reader Jobel Vecino" title="Reader Jobel Vecino" src="resources/images/small/JobelVecino.jpg"></a><br><strong>Reader Jobel Vecino</strong> </div></div><div class="clearfix"></div></div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<h1>Grading</h1>
<div class="page-section" id="grading"></div>
<h1>Resources</h1>
<div class="page-section" id="resources">
<ul class="lambda">
<li><a href="http://www.bitsbook.com/">Blown to Bits</a></li>
<li><a href="http://www.debuggingrules.com/">Debugging Rules!</a></li>
<li><a href="http://www.berkeley.edu">UC Berkeley</a></li>
<li><a href="http://coe.berkeley.edu/">College of Engineering</a> </li>
<li><a href="http://www.eecs.berkeley.edu/">EECS Department Page</a></li>
<li><a href="../fa13/lab/solutions.html">(OLD) Solutions to Lab Exercises</a></li>
</ul>
</div>
<hr />
<div class="center">
This work is licensed under a
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
Creative Commons Attribution-Noncommercial-Share Alike 4.0 Unported License
</a>.
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
<img align="right" alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" />
</a>
</div>
<!--END PAGE CONTENT -->
<link href="assets/lib/fullcalendar/fullcalendar.min.css" rel="stylesheet"/>
<link href="assets/cs10style.css" rel="stylesheet"/>
<script src='assets/lib/jquery.min.js'></script>
<script src="assets/cs10.js"></script>
<script>
function addContent(item) {
$.ajax({
async: true,
cache: true,
dataType: 'html',
url: './includes/' + item + '.html',
success: function(content, unused, notused) {
$('#' + item).append(content);
}
});
}
addContent('overview');
addContent('calendar');
addContent('grading');
</script>
<!-- JS For the Weekly Schedule uses fullcalendar.io -->
<script src='assets/lib/moment.min.js'></script>=
<script src='assets/lib/fullcalendar/fullcalendar.min.js'></script>
<script src='assets/lib/fullcalendar/gcal.js'></script>
<script>
// Review session dates, JS Dates: 0 == Jan!!
var quest = daysUntil(new Date(2014, 9, 1)),
midterm = daysUntil(new Date(2014, 9, 29)),
final = daysUntil(new Date(2014, 11, 16));
function daysUntil(from, to) {
var MS_DAY = 1000*60*60*24;
return Math.floor((from - (to || new Date())) / MS_DAY);
}
function inRange(num) { return num >= -7 && num < 1; }
$(document).ready(function() {
// Show weekends when we are close to at least one review session.
var wkends = inRange(quest) || inRange(midterm) || inRange(final);
// Google API KEY:
var gcalkey = 'AIzaSyBcbN6F79dPHiGMvftIKZB86A6Ki2eIKZs';
$('#oh-cal').fullCalendar({
allDaySlot: false,
slotDuration: "1:00:00",
slotEventOverlap: false,
weekends: wkends,
defaultDate: '2014-09-01',
defaultView: 'agendaWeek',
minTime: "09:00:00",
maxTime: "20:00:00",
contentHeight: "auto",
eventSources: [
{ googleCalendarId: 'berkeley.edu_7qpoo4ph13p55e4ukmnpvqusdk@group.calendar.google.com',
cache: true,
googleCalendarApiKey: gcalkey,
className: 'lecture' },
{ googleCalendarId: 'berkeley.edu_d358eocqj23pak3atie23vk35o@group.calendar.google.com',
cache: true,
googleCalendarApiKey: gcalkey,
className: 'lab' },
{ googleCalendarId: 'berkeley.edu_k2g60q1sehd2u0ujd257jqm7h0@group.calendar.google.com',
cache: true,
googleCalendarApiKey: gcalkey,
className: 'oh' },
{ googleCalendarId: 'berkeley.edu_1g3duo9lb53vu09orjictriud4@group.calendar.google.com',
cache: true,
googleCalendarApiKey: gcalkey,
className: 'disc' }
]
});
});
</script>
<!-- <script src='assets/staff.js'></script> -->
</body>
</html>