From 5883070647bd04f81bb02b216b10a694518094b3 Mon Sep 17 00:00:00 2001
From: Paul Kaplan
Date: Tue, 12 Jan 2021 15:59:59 -0500
Subject: [PATCH 1/4] Update SEC page content
---
src/views/sec/l10n.json | 41 +--
src/views/sec/sec.jsx | 44 +--
src/views/sec/sec.scss | 40 ++-
static/images/sec/SEC-Top-img.svg | 302 --------------------
static/images/sec/SEC-bottom-image.png | Bin 0 -> 91162 bytes
static/images/sec/SEC-bottom-img.svg | 381 -------------------------
static/images/sec/SEC-top-image.png | Bin 0 -> 62291 bytes
static/images/sec/apply-icon.svg | 48 ++++
8 files changed, 135 insertions(+), 721 deletions(-)
delete mode 100644 static/images/sec/SEC-Top-img.svg
create mode 100644 static/images/sec/SEC-bottom-image.png
delete mode 100644 static/images/sec/SEC-bottom-img.svg
create mode 100644 static/images/sec/SEC-top-image.png
create mode 100644 static/images/sec/apply-icon.svg
diff --git a/src/views/sec/l10n.json b/src/views/sec/l10n.json
index cb29a6042..0def2c356 100644
--- a/src/views/sec/l10n.json
+++ b/src/views/sec/l10n.json
@@ -1,6 +1,8 @@
{
"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"
}
diff --git a/src/views/sec/sec.jsx b/src/views/sec/sec.jsx
index a594e7f1d..ef84d5c2f 100644
--- a/src/views/sec/sec.jsx
+++ b/src/views/sec/sec.jsx
@@ -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"
/>
+
@@ -59,7 +62,7 @@ const EducationCollaborative = () => (
-
+
@@ -70,11 +73,14 @@ const EducationCollaborative = () => (
+
+
+
@@ -122,7 +128,7 @@ const EducationCollaborative = () => (
diff --git a/src/views/sec/sec.scss b/src/views/sec/sec.scss
index 4ceb96e9d..d466dce28 100644
--- a/src/views/sec/sec.scss
+++ b/src/views/sec/sec.scss
@@ -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;
diff --git a/static/images/sec/SEC-Top-img.svg b/static/images/sec/SEC-Top-img.svg
deleted file mode 100644
index e1fe4f1f8..000000000
--- a/static/images/sec/SEC-Top-img.svg
+++ /dev/null
@@ -1,302 +0,0 @@
-
-
-