-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (169 loc) · 12.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tech Expo Projects</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
<link rel="stylesheet" href="assets/custom.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="db dt-l w-100 border-box pa3 ph5-l">
<div class="db dtc-l v-mid white link w-100 w-50-l tc tl-l mb2 mb0-l">
<div class="cf">
<div class="mw9 center">
<a class="cf white" href="index.html">
<div class="fl mr3">
<img class="lamp" src="assets/lamp.png"/>
</div>
<div class="fl w-100 w-50-ns">
<h1 class="fl w-100 pv0 f6 fw6 ttu tracked">The Browning School | <span class="fw5 ttu">CSE Dept</span></h1>
</div>
</a>
</div>
</div>
</div>
<div class="db dtc-l v-mid w-100 w-75-l tc tr-l">
<a class="link f6 dib mr3 mr4-l ttu white" href="index.html">Home</a>
<a class="link f6 dib mr3 mr4-l ttu white" href="projects/adv-cs/index.html">Adv CS</a>
<a class="link f6 dib mr3 mr4-l ttu white" href="projects/form-iv/index.html">Form IV</a>
<a class="link f6 dib mr3 mr4-l ttu white" href="projects/form-iii/index.html">Form III</a>
<a class="link f6 dib mr3 mr4-l ttu white" href="projects/form-i/index.html">Form I</a>
<a class="link f6 dib mr3 mr4-l ttu white" href="projects/grade-6/index.html">Grade 6</a>
</div>
</nav>
<header class="dt w-100 tc mb5">
<div class="dtc v-mid cover ph3 ph4-m ph5-l overlay pv6">
<h1 class="f2 f-subheadline-l measure lh-title fw9 white ma1">Tech Expo 2019</h1>
<h2 class="f4 fw1 white">Student Showcase — Computer Science Projects</h2>
</div>
</header>
<article class="pv3 mw7 center open-sans mb4">
<h1 class="f3">Advanced Computer Science <span class="fw5">(Forms V & VI)</span></h1>
<p class="lh-copy mb4">
In Advanced Computer Science, students continue to develop their computational thinking via JavaScript. This year-long course prepares students for the AP CS Principles tasks and exam, and college-level CS coursework with object-oriented programming. Each student creates an original final project based on topics of interest developed over the month of May.
</p>
<a href="projects/adv-cs/index.html" class="browning-dark ttu f6 fw6 dim">View Student Projects →</a>
</article>
<article class="pv3 mw7 center open-sans mb4">
<h1 class="f3">Introduction to Computer Programming <span class="fw5">(Form IV)</spam></h1>
<p class="lh-copy mb4">
The introductory Form IV course is a one-semester, half-credit class designed to explore the world of computer science and programming. Students develop their skills with JavaScript to enhance the basic foundational skills learned in Form III Computer Science.
</p>
<a href="projects/form-iv/index.html" class="browning-dark ttu f6 fw6 dim">View Student Projects →</a>
</article>
<article class="pv3 mw7 center open-sans mb4">
<h1 class="f3">Computer Science & Engineering <span class="fw5">(Form III)</spam></h1>
<p class="lh-copy mb4">
In Form III, students continue to learn the basics of text-based coding with JavaScript using CodeHS, an online learning platform. Concepts covered include declaring variables and functions, control statements, iteration, conditional statements, and decomposition.
</p>
<a href="projects/form-iii/index.html" class="browning-dark ttu f6 fw6 dim">View Student Projects →</a>
</article>
<article class="pv3 mw7 center open-sans mb4">
<h1 class="f3">Computer Science & Engineering <span class="fw5">(Form I)</spam></h1>
<p class="lh-copy mb4">
In Form I, coding is approached as an important and evolving form of literacy. Throughout the year CodeHS is used to study and practice web design with HTML, CSS, skills, crucial to success in multiple settings, are built into class time so students begin to develop communication, collaboration, and resourcefulness useful for computing.
</p>
<a href="projects/form-i/index.html" class="browning-dark ttu f6 fw6 dim">View Student Projects →</a>
</article>
<article class="pv3 mw7 center open-sans mb4">
<h1 class="f3">Computer Science & Engineering <span class="fw5">(Grade 6)</spam></h1>
<p class="lh-copy mb4">
In Grade Six, the boys focus laying the foundation needed throughout Middle and Upper School. Keyboarding will be emphasized in the first part of the semester and will be constantly developed throughout the year. The boys will be using <a class="black dim" href="https://code.org">code.org</a>, a JavaScript-based platform to learn the basics of coding through building interactive games.
</p>
<a href="projects/grade-6/index.html" class="browning-dark ttu f6 fw6 dim">View Student Projects →</a>
</article>
<footer class="ph6 pv5 white">
<div class="cf">
<div class="mw9 center">
<div class="cf">
<div class="fl mr3">
<img class="lamp" src="assets/lamp.png"/>
</div>
<div class="fl w-100 w-50-ns">
<h1 class="fl w-100 pv0 f6 fw6 ttu tracked mb4">The Department of Computer Science & Engineering (CSE)</h1>
</div>
</div>
</div>
<article class="fl w-50 dib-ns w-40-ns mr5 mb4 pr2 pr0-ns">
<h4 class="f5 fw6 ttu">Our Mission</h4>
<p class="fw1 mission lh-copy">We aim to inspire a boy's love for learning through computer science, engineering, and design. We see ICT (information and communication technology) as imagination machines, rather than replacements for what exists, these tools offer twenty-first century learners never before conceived mediums for self-expression.</p>
<p class="fw1 mission lh-copy">Our lab serves as a multi-purpose space for study, debate, construction, tinkering, programming, and play. Creative thinking, thoughtful research, and cooperative investigation foster creative confidence and necessary skills to innovate and persevere.</p>
</article>
<article class="fl w-50 dib-ns w-10-ns mr5 mb4 pr2 pr0-ns">
<h4 class="f5 fw6 ttu">Navigation</h4>
<a class="f6 db fw1 white link dim mb1" href="/">
Home
</a>
<a class="f6 db fw1 white link dim mb1" href="https://www.browning.edu/technology-home">
About Us
</a>
<a class="f6 db fw1 white link dim mb1" href="https://www.browning.edu/tech-blog">
Tech Blog
</a>
<a class="f6 db fw1 white link dim mb1" href="https://www.browning.edu/tech-lab">
The CSE Lab
</a>
<a class="f6 db fw1 white link dim mb1" href="https://www.browning.edu/tech-philosophy">
Philosophy
</a>
<a class="f6 db fw1 white link dim mb1" href="https://www.browning.edu/tech/curriculum">
Curriculum
</a>
</article>
<article class="fl w-50 dib-ns w-10-ns mr4 mb4 pr2 pr0-ns">
<h4 class="f5 fw6 ttu">Projects</h4>
<a class="f6 db fw1 white link dim mb1" href="projects/adv-cs/index.html">
Adv CS
</a>
<a class="f6 db fw1 white link dim mb1" href="projects/form-iv/index.html">
Form IV
</a>
<a class="f6 db fw1 white link dim mb1" href="projects/form-iii/index.html">
Form III
</a>
<a class="f6 db fw1 white link dim mb1" href="projects/form-i/index.html">
Form I
</a>
<a class="f6 db fw1 white link dim mb1" href="projects/grade-6/index.html">
Grade 6
</a>
</article>
<article class="fl w-50 dib-ns w-20-ns mb4 pr2 pr0-ns">
<h4 class="f5 fw6 ttu">The Browning School</h4>
<span class="f7 f6-l fw1 db mb1">52 East 62nd Street</span>
<span class="f7 f6-l fw1 db mb4">New York, NY 10065, USA</span>
<span class="f7 f6-l fw1 db mb1">Built by <a class="dim white no-underline" href="https://seb646.com">Sebastian Rodriguez '19</a></span>
</article>
</div>
<div class="dt dt--fixed w-100" >
<div class="dn dtc-ns v-mid">
<p class="f7 white dib pr3 mb3">
Copyright © 2019 – <a class="browning dim" href="https://browning.edu">The Browning School</a>, a 501(c)(3) non-profit educational organization | <a class="dim white no-underline" href="https://github.com/seb646/browning-tech-expo">GitHub</a>
</p>
</div>
<div class="db dtc-ns white tc tr-ns v-mid">
<a class="link gray hover-white dib h2 w2 br-100 mr3 " href="http://instagram.com/browningschool" title="">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
<path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.048 3.233c-.036.78-.166 1.203-.276 1.485-.145.374-.318.64-.598.92-.28.28-.546.453-.92.598-.282.11-.705.24-1.485.276-.844.038-1.097.047-3.233.047s-2.39-.01-3.233-.048c-.78-.036-1.203-.166-1.485-.276-.374-.145-.64-.318-.92-.598-.28-.28-.453-.546-.598-.92-.11-.282-.24-.705-.276-1.485C1.45 10.39 1.44 10.136 1.44 8s.01-2.39.048-3.233c.036-.78.166-1.203.276-1.485.145-.374.318-.64.598-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276C5.61 1.45 5.864 1.44 8 1.44zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z" fill-rule="nonzero"/>
</svg>
</a>
<a class="link gray hover-white dib br-100 h2 w2 mr3 " href="https://twitter.com/BrowningSchool" title="">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill-rule="nonzero"/></svg>
</a>
<a class="link gray hover-white dib h2 w2 br-100 mr3 " href="http://facebook.com/browningschool" title="">
<svg data-icon="facebook" viewBox="0 0 32 32" style="fill:currentcolor">
<title>facebook icon</title>
<path d="M8 12 L13 12 L13 8 C13 2 17 1 24 2 L24 7 C20 7 19 7 19 10 L19 12 L24 12 L23 18 L19 18 L19 30 L13 30 L13 18 L8 18 z"></path>
</svg>
</a>
</div>
</div>
<div class="db dn-ns">
<p class="f7 white mt4 tc">
Copyright © 2019 – <a class="browning dim" href="https://browning.edu">The Browning School</a>, a 501(c)(3) non-profit educational organization
</p>
</div>
</footer>
</body>
</html>