Commit 58830706 authored by Paul Kaplan's avatar Paul Kaplan

Update SEC page content

parent 59634304
{
"sec.title": "Scratch Education Collaborative",
"sec.intro": "A global network of organizations supporting creative coding",
"sec.intro": "Join a global network of organizations supporting creative coding",
"sec.applyNow": "Apply now!",
"sec.applyBanner": "Applications are open now through March 1st 2021",
"sec.projectsTitle": "Overview",
"sec.eligibilityTitle": "Eligibility",
"sec.applyTitle": "How do I apply?",
......@@ -8,22 +10,27 @@
"sec.subscribeCallToAction": "sign up for our mailing list",
"sec.applyDeadline": "The deadline for applying to the Scratch Education Collaborative is January 10th, 2021",
"sec.applyButton": "Click here to apply",
"sec.projectsIntro": "The Scratch Foundation, with help from Google.org, is launching the Scratch Education Collaborative (SEC), to bring together organizations committed to supporting creative coding experiences with a focus on educators, students, and communities historically excluded from computing.",
"sec.projectsIntro2": "In 2021, during the pilot year of the SEC, 5 organizations from across the globe will be selected to share their work, learn from one another, and help to develop best practices and examples for implementing {culturallySustainingLink} creative computing with Scratch.",
"sec.culturallySustaining": "culturally sustaining",
"sec.expectationsFromSec": "What participating organizations can expect from the SEC",
"sec.expectationsFromSecPoint1": "Opportunities to connect with and learn from peer organizations and thought leaders around the globe through virtual workshops",
"sec.expectationsFromSecPoint2": "Support in developing and promoting equity-centered creative coding resources, events, and workshops using Scratch",
"sec.expectationsFromSecPoint3": "Opportunities to connect with and learn from the Scratch Team through workshops and virtual office hours",
"sec.expectationsFromSecPoint4": "Promotion of the organization’s work and impact through Scratch Team social-channels, websites, and newsletters",
"sec.expectationsFromOrgs": "What the SEC expects of participating organizations",
"sec.expectationsFromOrgsPoint1": "Participate in 4-6 virtual workshops or meetings over the course of the year",
"sec.expectationsFromOrgsPoint2": "Support the creation of culturally sustaining Scratch creative coding resources for your community",
"sec.expectationsFromOrgsPoint3": "Host at least one event, tutorial, or professional development activity for your community in 2021",
"sec.expectationsFromOrgsPoint4": "Share best-practices, learnings, and challenges back with the Scratch Foundation and SEC peer organizations",
"sec.eligibilityPoint1": "Participants must be a non-profit organization, public school, school district, university, college, or government entity",
"sec.eligibilityPoint2": "Organizations must be part-of and work with communities historically excluded from computing",
"sec.eligibilityPoint3": "Must be able to dedicate at least one staff person as point of contact for the program",
"sec.projectsIntro": "The Scratch Education Collaborative (SEC), with support from Google.org, is building a powerful network of organizations across the world focused on supporting learners from historically marginalized and underserved communities developing their confidence with creative computing.",
"sec.projectsIntro2": "Up to 10 organizations will be selected in the 2021 pilot year to expand on and support each other's work with historically underrepresented youth including Black, LatinX, and Indigenous Americans, learn from one another, and collaborate with members of the Scratch Foundation, The MIT Media Lab, and other global leaders in creative computing to develop best practices for implementing culturally sustaining creative computing with Scratch.",
"sec.projectsIntro3": "The SEC is a key initiative of the Scratch Foundation. Originating from MIT Media Lab’s Lifelong Kindergarten Group and with over 200 million users, Scratch is the world’s largest and most diverse coding community for children offered free of charge.",
"sec.expectationsFromSec": "As a member of the SEC network, benefits include:",
"sec.expectationsFromSecPoint1": "Connect with and learn from the Scratch Foundation, the MIT Media Lab, and other leading organizations from around the world with experience implementing creative learning with Scratch",
"sec.expectationsFromSecPoint2": "Grow your organization’s capacity through equity-centered professional development",
"sec.expectationsFromSecPoint3": "Collaborate in developing equity-centered creative coding resources, events, and workshops using Scratch for your local community",
"sec.expectationsFromSecPoint4": "Access to seed funding for Scratch and SEC related activities for your local community",
"sec.expectationsFromOrgs": "Join the SEC Network:",
"sec.expectationsFromOrgsPoint1": "Engage in quarterly virtual meetings and workshops with Scratch Foundation and SEC partner organizations over the course of the year",
"sec.expectationsFromOrgsPoint2": "Host at least one creative computing virtual event, tutorial, or professional development activity for your community in 2021",
"sec.expectationsFromOrgsPoint3": "Develop and promote equity-centered creative coding resources, events, and workshops using Scratch for your local community",
"sec.expectationsFromOrgsPoint4": "Share best-practices and innovative creative computing curricula with the Scratch Foundation and SEC community",
"sec.expectationsFromOrgsPoint5": "Promote your organization’s work and impact through Scratch Foundation social-channels, websites, newsletters, and the Scratch Conference",
"sec.expectationsFromOrgsPoint6": "Facilitate a Scratch Day for your community with support from the Scratch Foundation",
"sec.eligibilityPrefix": "Your organization is:",
"sec.eligibilityPoint1": "Primarily focused on supporting traditionally underrepresented youth, including Black, LatinX, and Indigenous Americans in the United States and/or globally",
"sec.eligibilityPoint2": "Directly serving youth through creative learning and/or creative coding initiatives",
"sec.eligibilityPoint3": "Designated as a non-profit, or a school district that has demonstrated a commitment to equitable creative learning practices",
"sec.eligibilityPoint4": "Willing to collaborate with Scratch and the SEC community to develop and utilize creative computing resources that can be shared globally",
"sec.eligibilityPoint5": "Able to engage in quarterly virtual meetings",
"sec.eligibilityPrompt": "Wondering if your organization might be a good fit for the pilot year of the Scratch Education Collaborative? {link} to find out more.",
"sec.eligibilityPromptLink": "Read the FAQ"
}
......@@ -2,6 +2,7 @@ const FormattedMessage = require('react-intl').FormattedMessage;
const React = require('react');
const FlexRow = require('../../components/flex-row/flex-row.jsx');
const Button = require('../../components/forms/button.jsx');
const SubNavigation = require('../../components/subnavigation/subnavigation.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
......@@ -24,34 +25,36 @@ const EducationCollaborative = () => (
id="sec.intro"
/>
</p>
<a
href="https://forms.gle/Py7jgaE2ZK1YdbUF7"
rel="noopener noreferrer"
target="_blank"
>
<Button className="title-banner-button">
<img src="/images/sec/apply-icon.svg" />
<FormattedMessage id="sec.applyNow" />
</Button>
</a>
</div>
<img
alt=""
className="short"
src="/images/sec/SEC-Top-img.svg"
className="title-banner-img short"
src="/images/sec/SEC-top-image.png"
/>
</FlexRow>
</div>
</TitleBanner>
<section className="band">
<div className="inner">
<h4 className="applyBanner"><FormattedMessage id="sec.applyBanner" /></h4>
</div>
</section>
<div className="inner">
<section id="projects">
<h2><FormattedMessage id="sec.projectsTitle" /></h2>
<p><FormattedMessage id="sec.projectsIntro" /></p>
<p>
<FormattedMessage
id="sec.projectsIntro2"
values={{
culturallySustainingLink: <a
href="https://docs.google.com/document/d/1JcRBFhAXvMGKXgHADg1sAZC8b_zb2OSVDjaEOL8tzcw/edit#bookmark=id.4c6pah669jb5"
rel="noopener noreferrer"
target="_blank"
>
<FormattedMessage id="sec.culturallySustaining" />
</a>
}}
/>
</p>
<p><FormattedMessage id="sec.projectsIntro2" /></p>
<p><i><FormattedMessage id="sec.projectsIntro3" /></i></p>
</section>
<section id="expectations-for-sec">
<h3><FormattedMessage id="sec.expectationsFromSec" /></h3>
......@@ -59,7 +62,7 @@ const EducationCollaborative = () => (
<li><FormattedMessage id="sec.expectationsFromSecPoint1" /></li>
<li><FormattedMessage id="sec.expectationsFromSecPoint2" /></li>
<li><FormattedMessage id="sec.expectationsFromSecPoint3" /></li>
<li><FormattedMessage id="sec.expectationsFromSecPoint4" /></li>
<li><b><FormattedMessage id="sec.expectationsFromSecPoint4" /></b></li>
</ul>
</section>
......@@ -70,11 +73,14 @@ const EducationCollaborative = () => (
<li><FormattedMessage id="sec.expectationsFromOrgsPoint2" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint3" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint4" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint5" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint6" /></li>
</ul>
</section>
<section id="eligibility">
<h3><FormattedMessage id="sec.eligibilityTitle" /></h3>
<p><FormattedMessage id="sec.eligibilityPrefix" /></p>
<ul>
<li><FormattedMessage id="sec.eligibilityPoint1" /></li>
<li><FormattedMessage id="sec.eligibilityPoint2" /></li>
......@@ -122,7 +128,7 @@ const EducationCollaborative = () => (
<img
alt=""
className="short"
src="/images/sec/SEC-bottom-img.svg"
src="/images/sec/SEC-bottom-image.png"
/>
</FlexRow>
</div>
......
......@@ -11,7 +11,8 @@ $sec-spot: $ui-blue;
.title-banner {
&.masthead {
background-color: $sec-spot;
padding: 50px 0;
padding: 50px 0 0 0;
margin: 0;
.masthead-info {
align-items: center;
......@@ -20,6 +21,9 @@ $sec-spot: $ui-blue;
@media #{$intermediate} {
justify-content: end;
}
.long {
padding-bottom: 2rem;
}
h1 {
margin: 0 0 1rem 0;
......@@ -33,7 +37,28 @@ $sec-spot: $ui-blue;
max-width: $cols6;
font-size: 1.65em;
}
img {
.title-banner-button {
background-color: $ui-white;
color: $ui-blue;
font-size: 1rem;
padding: 0.75rem 1rem;
img {
margin-right: 1rem;
height: 1.2rem;
vertical-align: middle;
}
a {
color: $ui-white;
}
span {
vertical-align: middle;
}
}
.title-banner-img {
width: $cols4;
}
......@@ -57,8 +82,19 @@ $sec-spot: $ui-blue;
max-width: $cols8;
}
}
.band {
background: $ui-light-primary;
padding: 0.5rem 0;
h4.applyBanner {
color: $ui-blue;
}
}
}
@media #{$intermediate, $medium, $small} {
#view {
text-align: left;
......
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFAB1A;}
.st1{filter:url(#Adobe_OpacityMaskFilter);}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st3{mask:url(#mask-2_1_);}
</style>
<desc>Created with Sketch.</desc>
<g id="Action-Menu_x2F_Actions_x2F_Surprise">
<g id="surprise-icon">
<path id="path-1_1_" class="st0" d="M7,8.7C7.8,8.4,8.4,7.8,8.7,7l0.5-1.8c0.2-0.9,1.5-0.9,1.7,0L11.3,7c0.2,0.8,0.8,1.4,1.7,1.7
l1.8,0.5c0.9,0.2,0.9,1.5,0,1.7L13,11.3c-0.8,0.2-1.4,0.8-1.7,1.7l-0.5,1.8c-0.2,0.9-1.5,0.9-1.7,0L8.7,13
c-0.2-0.8-0.8-1.4-1.7-1.7l-1.8-0.5c-0.9-0.2-0.9-1.5,0-1.7L7,8.7z M3.9,14.5c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7
c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6l-0.7,0.2c-0.3,0.1-0.5,0.3-0.6,0.6
l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2c-0.3-0.1-0.3-0.5,0-0.6L3.9,14.5z M13.9,4.5
c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6l-0.7,0.2
c-0.3,0.1-0.5,0.3-0.6,0.6l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2c-0.3-0.1-0.3-0.5,0-0.6
L13.9,4.5z M5.8,5.8c0,0.4-0.3,0.8-0.8,0.8S4.2,6.2,4.2,5.8S4.6,5,5,5S5.8,5.3,5.8,5.8z M16,14.2c0,0.7-0.6,1.2-1.2,1.2
c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2C15.4,13,16,13.6,16,14.2z"/>
</g>
<defs>
<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
</filter>
</defs>
<mask maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20" id="mask-2_1_">
<g class="st1">
<path id="path-1_2_" class="st2" d="M7,8.7C7.8,8.4,8.4,7.8,8.7,7l0.5-1.8c0.2-0.9,1.5-0.9,1.7,0L11.3,7c0.2,0.8,0.8,1.4,1.7,1.7
l1.8,0.5c0.9,0.2,0.9,1.5,0,1.7L13,11.3c-0.8,0.2-1.4,0.8-1.7,1.7l-0.5,1.8c-0.2,0.9-1.5,0.9-1.7,0L8.7,13
c-0.2-0.8-0.8-1.4-1.7-1.7l-1.8-0.5c-0.9-0.2-0.9-1.5,0-1.7L7,8.7z M3.9,14.5c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7
c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6l-0.7,0.2c-0.3,0.1-0.5,0.3-0.6,0.6
l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2c-0.3-0.1-0.3-0.5,0-0.6L3.9,14.5z M13.9,4.5
c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6
l-0.7,0.2c-0.3,0.1-0.5,0.3-0.6,0.6l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2
c-0.3-0.1-0.3-0.5,0-0.6L13.9,4.5z M5.8,5.8c0,0.4-0.3,0.8-0.8,0.8S4.2,6.2,4.2,5.8S4.6,5,5,5S5.8,5.3,5.8,5.8z M16,14.2
c0,0.7-0.6,1.2-1.2,1.2c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2C15.4,13,16,13.6,16,14.2z"/>
</g>
</mask>
<g id="Color_x2F_White" class="st3">
<g id="Color">
<rect class="st0" width="20" height="20"/>
</g>
</g>
</g>
</svg>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment