-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (161 loc) · 8.12 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
170
171
172
173
174
175
176
177
178
179
---
layout: page
---
<style>
#logo {
width: 500px;
display: block;
margin: 0 auto 20px auto;
}
.button-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, 16rem);
justify-content: center;
row-gap: .5rem;
column-gap: 1rem;
margin-top: 1rem;
margin-bottom: 2rem;
}
.button-icon {
height: 20px;
align-self: center;
padding-right: 0.5rem;
}
.leader {
border-radius: 5px;
width: 250px;
margin: 0 auto;
}
.leader h3 {
font-weight: 700;
}
.leader img {
height: 200px;
}
</style>
<img id="logo" src="/logo.jpg" />
<h3 class="text-center">
Mondays, 7pm to 8:30pm
</h3>
<h3 class="text-center">
Enarson Classroom Building Room 311
</h3>
<div class="button-wrapper">
<a class="uk-button uk-button-primary uk-flex uk-flex-center"
href="https://forms.gle/irGnA7q1N9zEF2TU9"
target="blank" rel="noopener">
<span class="button-icon" uk-icon="icon: mail"></span>
<span>Join Our Mailing List</span>
</a>
<a class="uk-button uk-button-primary uk-flex uk-flex-center" href="https://docs.google.com/forms/d/e/1FAIpQLSc1UhMCNPLf8UFIZNWGejdYw5gboy5ZeGCNtZ8TLsjk7hkq4g/viewform?usp=sf_link" target="blank" rel="noopener">
<span class="button-icon" uk-icon="icon: github"></span>
<span>Join Our GitHub</span>
</a>
</div>
<div class="uk-child-width-expand@s uk-grid-match" uk-grid>
<div class="uk-width-1-2@m">
<div class="uk-card uk-card-default uk-card-body">
<h2 class="uk-card-title">Our Mission</h2>
<p>
At Code 4 Community, our mission is to help the community around us through computer science. We are currently focused on creating and running STEM education workshops at local schools. Over the past 4 years, Code 4 Community has created learning games and tools to teach middle and high school students computer science principles. We have exciting plans to expand our teachable age group and create some really cool modules. Ohio State students can sign up for our club using the button above. Teachers can read more about our presentations by clicking on the "For Teachers" tab in the menu bar. We look forward to working with you all!
</p>
</div>
</div>
<div class="uk-width-1-2@m">
<div class="uk-card uk-card-default uk-card-body">
<h2 class="uk-card-title">Club Membership FAQs</h2>
<ul uk-accordion>
<li>
<a class="uk-accordion-title" href="#">Do I need to know how to code?</a>
<div class="uk-accordion-content">
<p>
The short answer is <strong>no</strong>. Although knowledge of JavaScript is helpful, you do not need to know how to code. We will go through <a href="/tutorials">programming tutorials</a> at the beginning of the academic year. You will also learn by working on projects with other C4C members!
</p>
<p>
If you are an experienced programmer, we have plenty to offer for you too! You can develop your technical skills further by leading a project group or helping run our tutorials at the beginning of the academic year.
</p>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">How much of a time commitment is Code 4 Community?</a>
<div class="uk-accordion-content">
<p>
We have one 90-minute meeting per week. We also have outreach events on occasion; those usually last for an hour or two.
</p>
<p>
To get the most out of C4C, we recommend attending meetings regularly. It's difficult to learn how to program and become an effective contributor on a project if you miss too many meetings.
</p>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">What do you do in meetings?</a>
<div class="uk-accordion-content">
<p>
We spend most of our time creating learning modules which we present to local schools in educational workshops. You can see some examples on our GitHub!
</p>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">I have more questions! Where do I ask them?</a>
<div class="uk-accordion-content">
<p>
You can email us at <a href="mailto:[email protected]">[email protected]</a> with any questions.
</p>
</div>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-child-width-1-2@m uk-grid-match" uk-grid>
<div>
<div class="uk-card uk-card-default uk-card-body">
<h2 class="uk-card-title">Current Modules</h2>
<ul>
<li>
[NEW] <a target="blank" rel="noopener" href="https://code4community.github.io/pollys-treasure/">Polly's Treasure</a>
<div>🦜Tell Polly how to move with code. Find pieces of the treasure map to win! Avoid the cannons and rocks along the way.</div>
</li>
<li>
[NEW] <a target="blank" rel="noopener" href="https://code4community.github.io/jewel-thief/">Jewel Thief</a>
<div>You've broken into the museum. Now, steal the jewel! Write methods to move around obstacles and make sure to avoid the guards!</div>
</li>
<li>
<a target="blank" rel="noopener" href="https://code4community.github.io/brutus-ball/">Brutus Ball</a>
<div>Students write code to compete against a computer player or each other! The last Brutus Buckeye standing wins.</div>
</li>
<li>
<a target="blank" rel="noopener" href="https://code4community.github.io/cats-and-mice">Cats and Mice</a>
<div>In this module, you're a mouse. Your goal is to get the cheese while avoiding the cats.</div>
</li>
<li>
<a target="blank" rel="noopener" href="https://c4cosu.com/buckeye-catch-em">Buckeye Catcher</a>
<div> Collect as many Buckeyes as you can but avoid the Michigan symbols</div>
</li>
<li>
<a target="blank" rel="noopener" href="https://c4cosu.com/platformer">Platformer</a>
<div> Hack into the robots in order to get your player to the end of the level</div>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<h2 class="uk-card-title">Future Modules</h2>
<ul>
<li>
<a target="blank" rel="noopener" href="https://github.com/Code4Community/battle-worms">Astronauts and Aliens</a>
</li>
<li>
<a target="blank" rel="noopener" href="https://github.com/Code4Community/mini-games">Mini Games</a>
</li>
<li>
<a target="blank" rel="noopener" href="https://github.com/Code4Community/pac-man">Pac-Man</a>
</li>
</ul>
</div>
</div>
</div>
</div>
{% include leaders.html content=site.data.leaders %}
</div>