Skip to content
This repository was archived by the owner on Jun 9, 2020. It is now read-only.

Commit 4ef3042

Browse files
tylermenezestylermenezes
committed
Update schools page
1 parent 76c8f2f commit 4ef3042

File tree

8 files changed

+186
-112
lines changed

8 files changed

+186
-112
lines changed

‎app/Http/Controllers/EventController.php‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,11 @@ public function getSchedule()
3636
return json_encode(\Route::input('event')->schedule);
3737
}
3838

39+
public function getSchoolsRegister()
40+
{
41+
return \View::make('schools-register');
42+
}
43+
3944
public function getIcs()
4045
{
4146
return response()->view('event-ics')->header('Content-Type', 'text/plain');

‎app/Http/routes.php‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,9 @@
8989
\Route::get('/{event}/schedule.json', '\CodeDay\Http\Controllers\EventController@getSchedule');
9090
\Route::get('/{event}/schedule.ics', '\CodeDay\Http\Controllers\EventController@getIcs');
9191
\Route::get('/{event}/past', '\CodeDay\Http\Controllers\EventController@getPast');
92-
\Route::get('/{event}/register/schools', '\CodeDay\Http\Controllers\StaticController@getSchools');
92+
\Route::get('/{event}/schools', '\CodeDay\Http\Controllers\StaticController@getSchools');
93+
\Route::get('/{event}/schools/register', '\CodeDay\Http\Controllers\EventController@getSchoolsRegister');
94+
\Route::get('/{event}/register/schools', function(){ return redirect()->to('/'.\Route::input('event')->webname.'/schools'); });
9395
\Route::get('/{event}', '\CodeDay\Http\Controllers\EventController@getIndex');
9496
};
9597

‎public/assets/css/style.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/assets/css/style.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/assets/img/codeday-team.jpg‎

93.6 KB
Loading

‎resources/assets/sass/pages/school.sass‎

Lines changed: 48 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -51,43 +51,57 @@ body.event.school, body.event.groups
5151
+span-columns(6)
5252

5353
article.quotes
54-
.teacher
55-
+span-columns(8)
54+
img
55+
+span-columns(5)
56+
.quote
57+
+span-columns(7)
5658
blockquote
57-
margin: 0
58-
padding: 0 0 0 2rem
59-
border-left: 3px solid $color-gray
60-
.attr
59+
margin-left: 0
60+
font-style: italic
61+
border-left: 2px solid $color-red
62+
padding-left: 1rem
63+
.by
64+
padding-left: 1rem
65+
padding-top: 1rem
66+
font-size: 0.9rem
67+
68+
article.details
69+
.map
70+
+span-columns(5)
71+
div
72+
height: 20rem
73+
img
74+
max-width: 100%
75+
.details
76+
+span-columns(7)
77+
h4
78+
font-weight: bold
79+
margin-top: 0
80+
section:not(.register):not(.questions)
81+
+span-columns(4)
82+
&:nth-child(3n)
83+
+omega
84+
.register
85+
+span-columns(12)
86+
+omega
87+
text-align: center
88+
margin-top: 3rem
89+
a.cta
90+
padding: 1.25rem 3rem
91+
background-color: $color-red
92+
border-radius: 3px
93+
color: $color-white
94+
display: inline-block
95+
text-decoration: none
96+
font:
97+
family: $font-family-header
98+
size: 1.2rem
99+
weight: 700
100+
.questions
101+
+span-columns(12)
102+
+omega
61103
text-align: center
62-
.name
63-
font-weight: 700
64-
display: block
65-
.title
66-
display: none
67-
.org
68-
display: block
69104

70-
.students
71-
+span-columns(4)
72-
+omega
73-
ul
74-
padding: 0
75-
li
76-
text-align: center
77-
list-style-type: none
78-
blockquote
79-
margin: 0
80-
.attr
81-
&:before
82-
content: "-"
83-
padding-right: 0.25rem
84-
font-weight: 700
85-
&:not(:last-child):after
86-
content: ""
87-
width: 20%
88-
display: block
89-
margin: 2rem auto
90-
border-top: 3px solid $color-gray
91105

92106
article.register
93107
padding-top: 5rem

‎resources/views/schools-register.twig‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
{% extends "template.twig" %}
2+
{% block section %}event{% endblock %}
3+
{% block page %}school{% endblock %}
4+
{% block title %}School Registration{% endblock %}
5+
{% block shortDescription %}CodeDay inspires students to pursue STEM careers and is shown to increase enrollment in STEM courses. Schools and teachers can register students directly.{% endblock %}
6+
{% block veryShortDescription %}School and teacher registration is available for CodeDay.{% endblock %}
7+
{% block hero %}
8+
<article class="lead">
9+
<h2>Increasing diverse STEM enrollment.</h2>
10+
<p>CodeDay increases the diversity and number of students who register for Computer Science classes in
11+
hundreds of schools across the world.</p>
12+
</article>
13+
{% endblock %}
14+
{% block content %}
15+
<article class="promote">
16+
<h3>Ways to Promote CodeDay</h3>
17+
<section class="poster">
18+
<a href="https://clear.codeday.org/e/flyer/{{ event.webname }}/poster?code=SCHOOL" target="_blank"><img src="https://clear.codeday.org/e/flyer/jpg?r=24" /></a>
19+
<p><a href="https://clear.codeday.org/e/flyer/{{ event.webname }}/poster?code=SCHOOL" target="_blank">Download a Poster</a></p>
20+
</section>
21+
<section class="video">
22+
<a href="/video" target="_blank"><img src="/assets/img/video-link.png" /></a>
23+
<p><a href="/video" target="_blank">Play a Video</a></p>
24+
</section>
25+
</article>
26+
<article class="register">
27+
<section class="form">
28+
<h2>Ready to register?</h2>
29+
<div id="wufoo-m1d2e0uy1b258w8">
30+
Fill out the <a href="https://srnd.wufoo.com/forms/m1d2e0uy1b258w8">online form</a>.
31+
</div>
32+
<script type="text/javascript">var m1d2e0uy1b258w8;(function(d, t) {
33+
var s = d.createElement(t), options = {
34+
'userName':'srnd',
35+
'formHash':'m1d2e0uy1b258w8',
36+
'autoResize':true,
37+
'height':'684',
38+
'async':true,
39+
'host':'wufoo.com',
40+
'header':'show',
41+
'defaultValues': 'Field20={{ event.webname }}',
42+
'ssl':true};
43+
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
44+
s.onload = s.onreadystatechange = function() {
45+
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
46+
try { m1d2e0uy1b258w8 = new WufooForm();m1d2e0uy1b258w8.initialize(options);m1d2e0uy1b258w8.display(); } catch (e) {}};
47+
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
48+
})(document, 'script');</script>
49+
</section>
50+
<section class="info">
51+
<h2>Attendee Roster</h2>
52+
<p>You'll need to collect some information from all students who will be attending, and submit this
53+
information as an Excel spreadsheet (or CSV).</p>
54+
<p><a href="/assets/roster.csv">For faster processing, please download and use this roster template when
55+
submitting student data.</a></p>
56+
57+
<h2>Payment and Scholarships</h2>
58+
<p>We normally charge school groups $7 per attendee, which covers some of our costs in providing food. We
59+
will send you an invoice for this after your registrations are processed. If this is a burden on your
60+
school or students, you can request a scholarship on the form.</p>
61+
</section>
62+
</article>
63+
{% endblock %}

‎resources/views/schools.twig‎

Lines changed: 65 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
{% block veryShortDescription %}School and teacher registration is available for CodeDay.{% endblock %}
77
{% block hero %}
88
<article class="lead">
9-
<h2>CodeDay drives interest in CS classes.</h2>
10-
<p>CodeDay is a 24-hour, beginner-focused tech education event which gets students coding: 80% of attendees
11-
with no prior experience continue programming after.</p>
9+
<h2>Increasing diverse STEM enrollment.</h2>
10+
<p>CodeDay increases the diversity and number of students who register for Computer Science classes in
11+
hundreds of schools across the world.</p>
1212
</article>
1313
{% endblock %}
1414
{% block content %}
@@ -18,87 +18,74 @@
1818
<span class="caption">Click play to watch a video about CodeDay.</span>
1919
</section>
2020
<section class="about">
21-
<h2>What is CodeDay?</h2>
22-
<p>We created CodeDay to fill the gap between in-school programs, which explain <em>how to code</em> and
23-
the eternal question of students: <em>why do I need to know this?</em></p>
24-
<p>At CodeDay, students pitch ideas for apps or games they want to see exist, then spend the next 24 hours
25-
creating them with the help of staff and mentors.</p>
26-
<p>Students regularly tell us CodeDay is one of the most meaningful things they've done. Over 80% of our
27-
attendees continue to code after attending, strengthening enrollment in high school and college CS
28-
offerings.</p>
21+
<h2>CodeDay gets students excited about Computer Science and drives enrollment.</h2>
22+
<p>At CodeDay, students pitch ideas for apps or games, then work in teams to create their projects over a
23+
weekend. At the end, students present to judges.</p>
24+
<p>75% of students register with little-to-no interest in Computer Science, but 71% of these students
25+
continue coding for months after the event, 65% register for a CS class, and 48% pursue a CS major in
26+
college <a href="https://srnd.org/education">(learn more).</a></p>
2927
</section>
3028
</article>
3129
<article class="quotes">
32-
<h2>What do prior attendees have to say?</h2>
33-
<section class="teacher">
30+
<h2>We work with hundreds of schools and districts to increase CS enrollment.</h2>
31+
<div class="quote-block">
32+
<div class="quote">
3433
<blockquote>
35-
<p>CodeDay provided our students with a first stepping-stone into the world of “coders”. Students entered
36-
their first CodeDay with no knowledge of what to expect. They were welcomed with open arms, provided
37-
with mentors, taught basic coding skills, and began to see themselves as capable of being part of this
38-
&ldquo;world.&rdquo;</p>
39-
<p>My students are now confident, not just as future &ldquo;coders,&rdquo; but as future participants in
40-
the careers that STEM has to offer!</p>
34+
<p>[The Salinas Valley] is one of the 13 most dangerous cities in California... My goal is to expose my students to the vast opportunities that exist outside of our valley.</p>
35+
<p>Students entered their first CodeDay with no knowledge of what to expect. They were welcomed with open arms, provided with mentors, taught basic coding skills, and began to see themselves as capable of being part of this "world."</p>
4136
</blockquote>
42-
<div class="attr">
43-
<span class="name">Summer Prather-Smith</span>
44-
<span class="title">Director of Migrant Education Region XVI</span>
45-
<span class="org">Monterey County Office of Education</span>
37+
<div class="by">
38+
<div class="name">Summer Prather-Smith</div>
39+
<div class="title">Director, Monterey County Office of Education</div>
4640
</div>
47-
</section>
48-
<section class="students">
49-
<ul>
50-
<li><blockquote>&ldquo;The energy everyone had with each other... it was amazing.&rdquo;</blockquote><span class="attr">High School Freshman</span></li>
51-
<li><blockquote>&ldquo;Now I want to keep coding!&rdquo;</blockquote><span class="attr">High School Senior</span></li>
52-
</ul>
53-
</section>
54-
</article>
55-
<article class="promote">
56-
<h3>Ways to Promote CodeDay</h3>
57-
<section class="poster">
58-
<a href="https://clear.codeday.org/e/flyer/poster" target="_blank"><img src="https://clear.codeday.org/e/flyer/jpg?r=24" /></a>
59-
<p><a href="https://clear.codeday.org/e/flyer/poster" target="_blank">Download a Poster</a></p>
60-
</section>
61-
<section class="video">
62-
<a href="/video" target="_blank"><img src="/assets/img/video-link.png" /></a>
63-
<p><a href="/video" target="_blank">Play a Video</a></p>
64-
</section>
41+
</div>
42+
<img src="https://srnd.org/assets/img/monterey-1.jpg">
43+
</div>
6544
</article>
6645
{% if event %}
67-
<article class="register">
68-
<section class="form">
69-
<h2>Ready to register?</h2>
70-
<div id="wufoo-m1d2e0uy1b258w8">
71-
Fill out the <a href="https://srnd.wufoo.com/forms/m1d2e0uy1b258w8">online form</a>.
72-
</div>
73-
<script type="text/javascript">var m1d2e0uy1b258w8;(function(d, t) {
74-
var s = d.createElement(t), options = {
75-
'userName':'srnd',
76-
'formHash':'m1d2e0uy1b258w8',
77-
'autoResize':true,
78-
'height':'684',
79-
'async':true,
80-
'host':'wufoo.com',
81-
'header':'show',
82-
'defaultValues': 'Field20={{ event.webname }}',
83-
'ssl':true};
84-
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
85-
s.onload = s.onreadystatechange = function() {
86-
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
87-
try { m1d2e0uy1b258w8 = new WufooForm();m1d2e0uy1b258w8.initialize(options);m1d2e0uy1b258w8.display(); } catch (e) {}};
88-
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
89-
})(document, 'script');</script>
46+
<article class="details">
47+
<h3>{{ event.starts_at|date('F j') }}-{{ event.ends_at|date('j') }}
48+
{% if event.venue and event.venue.name != "TBA" %}at {{ event.venue.name }}{% endif %}</h3> <br />
49+
<section class="map">
50+
{% if event.venue and event.venue.name != "TBA" %}
51+
<div id="map"></div>
52+
{% else %}
53+
<img src="/assets/img/codeday-team.jpg" />
54+
{% endif %}
9055
</section>
91-
<section class="info">
92-
<h2>Attendee Roster</h2>
93-
<p>You'll need to collect some information from all students who will be attending, and submit this
94-
information as an Excel spreadsheet (or CSV).</p>
95-
<p><a href="/assets/roster.csv">For faster processing, please download and use this roster template when
96-
submitting student data.</a></p>
97-
98-
<h2>Payment and Scholarships</h2>
99-
<p>We normally charge school groups $7 per attendee, which covers some of our costs in providing food. We
100-
will send you an invoice for this after your registrations are processed. If this is a burden on your
101-
school or students, you can request a scholarship on the form.</p>
56+
<section class="details">
57+
<section class="address">
58+
<h4>Address</h4>
59+
{% if event.venue and event.venue.name != "TBA" %}
60+
<a href="https://www.google.com/maps/place/{{ event.venue.full_address|url_encode }}" target="_blank">
61+
{{ event.venue.name }}<br />
62+
{{ event.venue.address.line_1 }}<br />
63+
{% if event.venue.address.line_2 %}
64+
{{ event.venue.address.line_2 }}<br />
65+
{% endif %}
66+
{{ event.venue.address.city }}, {{ event.venue.address.state }} {{ event.venue.address.postal }}
67+
</a>
68+
{% else %}
69+
<p>TBA</p>
70+
{% endif %}
71+
</section>
72+
<section class="time">
73+
<h4>Time</h4>
74+
{{ event.starts_at|date('F j') }}-{{ event.ends_at|date('j') }}<br />
75+
{{ i18n('common.noon-noon') }}
76+
</section>
77+
<section class="cost">
78+
<h4>Cost</h4>
79+
$7 per student<br />
80+
(Scholarships available)
81+
</section>
82+
<section class="register">
83+
<a class="cta" href="/{{ event.webname }}/schools/register">Promotion Resources</a>
84+
<a class="cta" href="/{{ event.webname }}/schools/register">Registration</a>
85+
</section>
86+
<section class="questions">
87+
<p>Questions? Email <a href="mailto:schools@srnd.org">schools@srnd.org</a> or call 888-607-7763 ext 3.</p>
88+
</section>
10289
</section>
10390
</article>
10491
{% else %}
@@ -160,3 +147,6 @@
160147
<a href="mailto:schools@codeday.org">More questions? Contact us!</a>
161148
</article>
162149
{% endblock %}
150+
{% block scripts %}
151+
{% include "parts/map.twig" %}
152+
{% endblock %}

0 commit comments

Comments
 (0)