Skip to content

GitLab

S
scratch-www
Commit 8e6af596 authored by Eric Rosenbaum's avatar Eric Rosenbaum
Browse files
Options

Initial draft of ideas page

parent 9d5788cc
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2087 additions and 63 deletions
src/components/masonrygrid/masonrygrid.scss
View file @ 8e6af596
......@@ -3,7 +3,7 @@
.masonry {
column-gap: $gutter;
column-width: $cols4;
padding-bottom: 50px;
padding-bottom: 1rem;
-webkit-perspective: 1;
}
......
src/components/ttt-tile/ttt-tile.jsx
View file @ 8e6af596
......@@ -7,62 +7,34 @@ require('../forms/button.scss');
require('./ttt-tile.scss');
const TTTTile = props => (
<div className={classNames('ttt-tile', props.className)}>
<a href={props.tutorialLoc}>
<div className="ttt-tile-tutorial">
<div className="ttt-tile-image">
<img
alt=""
className="ttt-tile-image-img"
src={props.thumbUrl}
/>
<div className="ttt-tile-image-try">
<div className="button mod-ttt-try-button">
<FormattedMessage id="tile.tryIt" />
</div>
</div>
</div>
<div className="ttt-tile-info">
<div className="ttt-tile-tag">
<FormattedMessage
defaultMessage="Tutorial"
id="ttt.tutorial"
/>
</div>
<h4 className="ttt-tile-title">{props.title}</h4>
<p className="ttt-tile-description">
{props.description}
</p>
</div>
</div>
</a>
{props.onGuideClick && (
<div
className="ttt-tile-guides"
onClick={props.onGuideClick}
>
<FormattedMessage
defaultMessage="See Cards and Guides"
id="tile.guides"
/>
<div
className={classNames('ttt-tile', props.className)}
onClick={props.onClick}
>
<div className="ttt-tile-tutorial">
<div className="ttt-tile-image">
<img
className="ttt-tile-open-modal"
src="/svgs/modal/open-blue.svg"
alt=""
className="ttt-tile-image-img"
src={props.thumbImage}
/>
</div>
)}
<div className="ttt-tile-info">
<h4 className="ttt-tile-title">{props.title}</h4>
<p className="ttt-tile-description">
{props.description}
</p>
</div>
</div>
</div>
);
TTTTile.propTypes = {
className: PropTypes.string,
description: PropTypes.string,
onGuideClick: PropTypes.func,
thumbUrl: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
tutorialLoc: PropTypes.string.isRequired
onClick: PropTypes.func,
thumbImage: PropTypes.string.isRequired,
title: PropTypes.string.isRequired
};
module.exports = TTTTile;
src/components/ttt-tile/ttt-tile.scss
View file @ 8e6af596
......@@ -19,21 +19,6 @@
position: relative;
}
// nesting is required (not just name-spacing) because we want the image
// and tile box to change style on hover of the parent component.
.ttt-tile-tutorial:hover {
.ttt-tile-image {
.ttt-tile-image-img {
opacity: .5;
}
.ttt-tile-image-try {
display: inline-block;
}
}
}
.ttt-tile-image {
border-radius: 1rem 1rem 0 0;
background: $ui-blue;
......
src/routes.json
View file @ 8e6af596
......@@ -566,5 +566,12 @@
"name": "bird-redirect",
"pattern": "^/bird/?$",
"redirect": "/tips"
},
{
"name": "ideas",
"pattern": "^/ideas/?(\\?.*)?$",
"routeAlias": "/ideas/?\\??",
"view": "ideas/ideas",
"title": "Ideas"
}
]
src/views/ideas/ideas.jsx 0 → 100644
View file @ 8e6af596
This diff is collapsed.
src/views/ideas/ideas.scss 0 → 100644
View file @ 8e6af596
@import "../../colors";
@import "../../frameless";
$base-bg: $ui-white;
#view {
background-color: $ui-white;
padding: 0;
}
.banner-wrapper {
background: $ui-yellow bottom right url('/images/ideas/right-juice.png') no-repeat;
}
.ideas-banner {
background: bottom left url('/images/ideas/left-juice.png') no-repeat;
}
.ttt-section {
display: flex;
margin: 0 auto;
text-align: center;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.tips-divider {
border-top: 1px solid $ui-gray;
width: 100%;
}
.tips-banner-image {
max-width: calc(100% - 2rem);
}
.ideas-button {
margin-right: .75rem;
background-color: $ui-blue;
color: $ui-white;
font-size: 1rem;
img {
margin-right: 1rem;
height: 1.25rem;
vertical-align: middle;
}
a {
color: $ui-white;
}
}
.wide-button {
width: 100%;
}
.purchase-button {
img {
margin-right: 0;
margin-left: .75rem;
width: 1rem;
vertical-align: baseline;
}
}
.tips-info-section {
padding: 2.5rem 0;
width: 100%;
justify-content: space-between;
}
.tips-info-body {
text-align: left;
}
.tips-cards-buttons {
a {
white-space: normal;
}
}
.gray-area {
background-color: $ui-gray;
}
img.tips-icon {
height: 1.75rem;
}
//4 columns
@media #{$small} {
.title-banner {
&.masthead {
padding-bottom: 1.25rem;
p {
max-width: $cols4;
}
}
}
.ttt-head {
p {
max-width: $cols4;
}
}
//put the image first if in 4-column
.tips-info-body {
max-width: $cols4;
text-align: center;
&.tips-illustration {
order: -1;
img {
width: $cols4;
}
}
.button {
width: 100%;
}
}
}
//6 columns
@media #{$medium} {
.title-banner {
&.masthead {
p {
max-width: $cols6;
}
}
}
.ttt-head {
p {
max-width: $cols6;
}
}
.tips-info-body.tips-illustration {
order: -1;
img {
width: $cols4;
}
}
.tips-info-body {
max-width: $cols4;
text-align: center;
}
}
//8 columns
@media #{$intermediate} {
.title-banner {
&.masthead {
padding-bottom: 2rem;
p {
max-width: $cols6;
}
}
}
.ttt-head {
p {
max-width: $cols6;
}
}
.tips-info-section {
&.mod-align-top {
align-items: flex-start;
}
}
.tips-info-body {
max-width: $cols4;
}
.tips-button {
width: 100%;
}
img.mod-flow-left {
transform: translate(-1*$cols2);
}
}
// 12 columns
@media #{$big} {
.title-banner {
&.masthead {
padding-bottom: 1.25rem;
p {
max-width: $cols8;
}
}
}
.ttt-head {
p {
max-width: $cols8;
}
}
.tips-info-section {
&.mod-align-top {
align-items: flex-start;
}
}
.tips-info-body {
max-width: $cols6;
&.mod-narrow {
max-width: $cols5;
}
}
}
src/views/ideas/l10n-static.json 0 → 100644
View file @ 8e6af596
{
"cards.Scratch2CardsLink": "https://resources.scratch.mit.edu/www/cards/en/Scratch2Cards.pdf",
"cards.ScratchCardsAllLink": "https://resources.scratch.mit.edu/www/cards/en/ScratchCardsAll.pdf",
"cards.catchCardsLink": "https://resources.scratch.mit.edu/www/cards/en/catchCards.pdf",
"cards.danceCardsLink": "https://resources.scratch.mit.edu/www/cards/en/danceCards.pdf",
"cards.dressupCardsLink": "https://resources.scratch.mit.edu/www/cards/en/dressupCards.pdf",
"cards.fashionCardsLink": "https://resources.scratch.mit.edu/www/cards/en/fashionCards.pdf",
"cards.flyCardsLink": "https://resources.scratch.mit.edu/www/cards/en/flyCards.pdf",
"cards.hide-seekCardsLink": "https://resources.scratch.mit.edu/www/cards/en/hide-seekCards.pdf",
"cards.musicCardsLink": "https://resources.scratch.mit.edu/www/cards/en/musicCards.pdf",
"cards.nameCardsLink": "https://resources.scratch.mit.edu/www/cards/en/nameCards.pdf",
"cards.petCardsLink": "https://resources.scratch.mit.edu/www/cards/en/petCards.pdf",
"cards.pongCardsLink": "https://resources.scratch.mit.edu/www/cards/en/pongCards.pdf",
"cards.raceCardsLink": "https://resources.scratch.mit.edu/www/cards/en/raceCards.pdf",
"cards.storyCardsLink": "https://resources.scratch.mit.edu/www/cards/en/storyCards.pdf",
"guides.CatchGuideLink": "https://resources.scratch.mit.edu/www/guides/en/CatchGuide.pdf",
"guides.DanceGuideLink": "https://resources.scratch.mit.edu/www/guides/en/DanceGuide.pdf",
"guides.FashionGuideLink": "https://resources.scratch.mit.edu/www/guides/en/FashionGuide.pdf",
"guides.FlyGuideLink": "https://resources.scratch.mit.edu/www/guides/en/FlyGuide.pdf",
"guides.Getting-Started-Guide-Scratch2Link": "https://resources.scratch.mit.edu/www/guides/en/Getting-Started-Guide-Scratch2.pdf",
"guides.HideandSeekGuideLink": "https://resources.scratch.mit.edu/www/guides/en/HideandSeekGuide.pdf",
"guides.MusicGuideLink": "https://resources.scratch.mit.edu/www/guides/en/MusicGuide.pdf",
"guides.NameGuideLink": "https://resources.scratch.mit.edu/www/guides/en/NameGuide.pdf",
"guides.PetGuideLink": "https://resources.scratch.mit.edu/www/guides/en/PetGuide.pdf",
"guides.PongGuideLink": "https://resources.scratch.mit.edu/www/guides/en/PongGuide.pdf",
"guides.RaceGuideLink": "https://resources.scratch.mit.edu/www/guides/en/RaceGuide.pdf",
"guides.StoryGuideLink": "https://resources.scratch.mit.edu/www/guides/en/StoryGuide.pdf"
}
src/views/ideas/l10n.json 0 → 100644
View file @ 8e6af596
{
"ideas.headerMessage": "What will you create?",
"ideas.headerButtonMessage": "Choose a tutorial",
"ideas.gettingStartedTitle": "Getting Started",
"ideas.gettingStartedText": "New to Scratch? Try the Getting Started tutorial.",
"ideas.tryIt": "Try it!",
"ideas.activityGuidesTitle": "Activity Guides",
"ideas.activityGuidesText": "What do you want to make with Scratch? For each activity, you can try the Tutorial, download a set of Coding Cards, or view the Educator Guide.",
"ideas.animateANameTitle": "Animate a Name",
"ideas.animateANameDescription": "Animate the letters of your name, initials, or favorite word.",
"ideas.animateACharacterTitle": "Animate a Character",
"ideas.animateACharacterDescription": "Bring characters to life with animation.",
"ideas.makeMusicTitle": "Make Music",
"ideas.makeMusicDescription": "Choose instruments, add sounds, and press keys to play music.",
"ideas.createAStoryTitle": "Create a Story",
"ideas.createAStoryDescription": "Choose characters, add conversation, and bring your story to life.",
"ideas.chaseGameTitle": "Make a Chase Game",
"ideas.chaseGameDescription": "Make a game where you chase a character to score points.",
"ideas.videoSensingTitle": "Video Sensing",
"ideas.videoSensingDescription": "Interact with a project using the Video Sensing extension.",
"ideas.seeAllTutorials": "See All Tutorials",
"ideas.cardsTitle": "Get the Entire Collection of Coding Cards",
"ideas.cardsText": "With the Scratch Coding Cards, you can learn to create interactive games, stories, music, animations, and more!",
"ideas.downloadPDF": "Download PDF",
"ideas.starterProjectsTitle": "Starter Projects",
"ideas.starterProjectsText": "You can play with Starter Projects and remix them to make your own creations.",
"ideas.starterProjectsButton": "Explore Starter Projects",
"ideas.tttHeader": "Things to Try",
"ideas.tttBody": "What do you want to make with Scratch? For each activity, you can try the <strong>Tutorial</strong>, download a set of <strong>Activity Cards</strong>, or view the <strong>Educator Guide</strong>.",
"ideas.cardsHeader": "Get the Entire Collection of Activity Cards",
"ideas.cardsBody": "With the Scratch Activity Cards, you can learn to create interactive games, stories, music, animations, and more!",
"ideas.cardsDownload": "Download PDF",
"ideas.cardsPurchase": "Purchase Printed Set",
"ideas.starterProjectsHeader": "Starter Projects",
"ideas.starterProjectsBody": "You can play with Starter Projects to get ideas for making your own projects.",
"ideas.starterProjectsPlay": "Play with Starter Projects",
"ideas.offlineEditorHeader": "Offline Editor",
"ideas.offlineEditorBody": "To create projects without an Internet connection, you can <a href=\"/download\">download the offline editor</a>.",
"ideas.questionsHeader": "Questions",
"ideas.questionsBody": "Have more questions? See the <a href=\"/info/faq\">Frequently Asked Questions</a> or visit the <a href=\"/discuss/7/\">Help with Scripts Forum</a>.",
"ttt.tutorial": "Tutorial",
"tile.guides": "See Cards and Guides",
"tile.tryIt": "Try It",
"ttt.placeholder": "Placeholder text",
"ttt.tutorialSubtitle": "Find out how to make this project using a step-by-step tutorial in Scratch.",
"ttt.activityTitle": "Activity Cards",
"ttt.activitySubtitle": "Explore new coding ideas using this set of illustrated cards you can print out.",
"ttt.educatorTitle": "Educator Guide",
"ttt.educatorSubtitle": "Use this educator guide to plan and lead a one-hour Scratch workshop.",
"ttt.open": "Open",
"ttt.MakeItFlyTitle": "Make It Fly",
"ttt.MakeItFlyDescription": "Animate the Scratch Cat, The Powerpuff Girls, or even a taco!",
"ttt.AnimateYourNameTitle": "Animate a Name",
"ttt.AnimateYourNameDescription": "Animate the letters of your username, initials, or favorite word.",
"ttt.RaceTitle": "Race to the Finish",
"ttt.RaceDescription": "Make a game where two characters race each other.",
"ttt.MakeMusicTitle": "Make Music",
"ttt.MakeMusicDescription": "Choose instruments, add sounds, and press keys to play music.",
"ttt.HideAndSeekTitle": "Hide and Seek",
"ttt.HideAndSeekDescription": "Make a hide-and-seek game with characters that appear and disappear.",
"ttt.StoryTitle": "Create a Story",
"ttt.StoryDescription": "Choose characters, add conversation, and bring your story to life.",
"ttt.FashionTitle": "Fashion Game",
"ttt.FashionDescription": "Make a game where you dress a character with different clothes and styles.",
"ttt.PongTitle": "Pong Game",
"ttt.PongDescription": "Make a bouncing ball game with sounds, points, and other effects.",
"ttt.DanceTitle": "Let's Dance",
"ttt.DanceDescription": "Design an animated dance scene with music and dance moves.",
"ttt.CatchTitle": "Catch Game",
"ttt.CatchDescription": "Make a game where you catch things falling from the sky.",
"ttt.VirtualPetTitle": "Virtual Pet",
"ttt.VirtualPetDescription": "Create an interactive pet that can eat, drink, and play."
}
src/views/ideas/ttt.json 0 → 100644
View file @ 8e6af596
[
{
"title": "ideas.animateANameTitle",
"description": "ideas.animateANameDescription",
"thumbImage": "/images/ideas/activities/animate-a-name-thumb.jpg",
"modalImage": "/images/ideas/activities/animate-a-name-modal.jpg",
"tutorialUrl": "name",
"cardsUrl": "cards.nameCardsLink",
"guideUrl": "guides.nameGuideLink"
},
{
"title": "ideas.animateACharacterTitle",
"description": "ideas.animateACharacterDescription",
"thumbImage": "/images/ideas/activities/animate-a-character-thumb.jpg",
"modalImage": "/images/ideas/activities/animate-a-character-modal.jpg",
"tutorialUrl": "animate-a-character",
"cardsUrl": "cards.animateACharacterCardsLink",
"guideUrl": "guides.animateACharacterGuideLink"
},
{
"title": "ideas.makeMusicTitle",
"description": "ideas.makeMusicDescription",
"thumbImage": "/images/ideas/activities/make-music-thumb.jpg",
"modalImage": "/images/ideas/activities/make-music-modal.jpg",
"tutorialUrl": "music",
"cardsUrl": "cards.makeMusicCardsLink",
"guideUrl": "guides.makeMusicGuideLink"
},
{
"title": "ideas.createAStoryTitle",
"description": "ideas.createAStoryDescription",
"thumbImage": "/images/ideas/activities/create-a-story-thumb.jpg",
"modalImage": "/images/ideas/activities/create-a-story-modal.jpg",
"tutorialUrl": "tell-a-story",
"cardsUrl": "cards.createAStoryCardsLink",
"guideUrl": "guides.createAStoryGuideLink"
},
{
"title": "ideas.chaseGameTitle",
"description": "ideas.chaseGameDescription",
"thumbImage": "/images/ideas/activities/chase-game-thumb.jpg",
"modalImage": "/images/ideas/activities/chase-game-modal.jpg",
"tutorialUrl": "chase-game",
"cardsUrl": "cards.chaseGameCardsLink",
"guideUrl": "guides.chaseGameGuideLink"
},
{
"title": "ideas.videoSensingTitle",
"description": "ideas.videoSensingDescription",
"thumbImage": "/images/ideas/activities/video-sensing-thumb.jpg",
"modalImage": "/images/ideas/activities/video-sensing-modal.jpg",
"tutorialUrl": "video-sensing",
"cardsUrl": "cards.videoSensingCardsLink",
"guideUrl": "guides.videoSensingGuideLink"
}
]
static/images/ideas/activity-cards-icon.svg 0 → 100644
View file @ 8e6af596
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>Resources/Activity Cards</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M8.49764281,16.1363636 L15.5885519,16.1363636 C15.4521883,16.2727273 15.179461,16.4090909 15.0430974,16.4090909 L7.54309736,18.8636364 C7.27037009,19 7.13400645,19 6.86127918,19 C6.04309736,19 5.22491554,18.4545455 4.95218827,17.6363636 L1.81582463,8.09090909 C1.40673372,7.13636364 1.95218827,5.90909091 3.04309736,5.5 L5.36127918,4.68181818 L5.36127918,13 C5.36127918,14.7727273 6.72491554,16.1363636 8.49764281,16.1363636 Z M16.2703701,1 C17.3612792,1 18.3158246,1.95454545 18.3158246,3.04545455 L18.3158246,13 C18.3158246,14.0909091 17.3612792,15.0454545 16.2703701,15.0454545 L8.36127918,15.0454545 C7.27037009,15.0454545 6.31582463,14.0909091 6.31582463,13 L6.31582463,3.04545455 C6.31582463,1.95454545 7.27037009,1 8.49764281,1 L16.2703701,1 Z M16.4067337,12.4545455 L16.4067337,7.27272727 C16.4067337,6.86363636 15.9976428,6.45454545 15.5885519,6.45454545 L8.77037009,6.45454545 C8.36127918,6.45454545 7.95218827,6.86363636 7.95218827,7.27272727 L7.95218827,12.4545455 C7.95218827,12.8636364 8.36127918,13.2727273 8.77037009,13.2727273 L15.5885519,13.2727273 C16.1340064,13.2727273 16.4067337,12.8636364 16.4067337,12.4545455 Z M15.7249155,4.54545455 C16.1340064,4.54545455 16.4067337,4.27272727 16.5430974,3.86363636 C16.5430974,3.45454545 16.1340064,3.04545455 15.7249155,3.04545455 L9.04309736,3.04545455 C8.63400645,3.04545455 8.22491554,3.45454545 8.22491554,3.86363636 C8.22491554,4.27272727 8.63400645,4.54545455 9.04309736,4.54545455 L15.7249155,4.54545455 Z" id="path-1"></path>
</defs>
<g id="Resources/Activity-Cards" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Activity-Cards" fill="#575E75" xlink:href="#path-1"></use>
<g id="Color/Gray" mask="url(#mask-2)" fill="#575E75">
<rect id="Color" x="0" y="0" width="20" height="20"></rect>
</g>
</g>
</svg>
\ No newline at end of file
static/images/ideas/bulb-icon.svg 0 → 100644
View file @ 8e6af596
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>Tutorials/Light Bulb</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M19.0000002,9.48986925 C19.0000002,9.86977638 18.6906473,10.1592294 18.3125492,10.1592294 L17.2813727,10.1592294 C16.9014655,10.1592294 16.5939217,9.86977638 16.5939217,9.48986925 C16.5939217,9.10996211 16.9014655,8.80241823 17.2813727,8.80241823 L18.3125492,8.80241823 C18.6906473,8.80241823 19.0000002,9.10996211 19.0000002,9.48986925 Z M5.32243869,14.1574807 C5.59380093,14.428843 5.59380093,14.8449317 5.32243869,15.116294 L4.60061513,15.8580174 C4.4558886,15.9846531 4.29307126,16.0570164 4.11035401,16.0570164 C3.92944585,16.0570164 3.76662851,15.9846531 3.62371106,15.8580174 C3.36863055,15.5866552 3.36863055,15.1524756 3.62371106,14.8992042 L4.36362544,14.1574807 C4.63498768,13.8861185 5.06916727,13.8861185 5.32243869,14.1574807 Z M16.358922,3.12262561 C16.6121934,3.39217877 16.6121934,3.82816744 16.358922,4.07962978 L15.6171985,4.82135324 C15.4905628,4.94979804 15.3096546,5.0221613 15.1468373,5.0221613 C14.96412,5.0221613 14.8031118,4.94979804 14.6583852,4.82135324 C14.4051138,4.55180008 14.4051138,4.1176205 14.6583852,3.86253999 L15.4001087,3.12262561 C15.6515711,2.85126337 16.0875597,2.85126337 16.358922,3.12262561 Z M12.4138577,17.3409216 C12.5965749,18.5005429 11.9254057,19.477447 9.98968834,19.477447 C8.0557801,19.477447 7.38461082,18.5005429 7.56551898,17.3409216 C7.65597306,16.8343788 8.14623418,17.5236389 9.98968834,17.5580114 C11.8530424,17.5580114 12.3414944,16.8343788 12.4138577,17.3409216 Z M3.62280652,4.08017251 C3.36772601,3.82690108 3.36772601,3.39272149 3.62280652,3.12316833 C3.89235968,2.84999701 4.32834835,2.84999701 4.59971059,3.12316833 L5.32153415,3.86308271 C5.59470547,4.11816322 5.59470547,4.55234281 5.32153415,4.82189597 C5.19670752,4.94853168 5.01579936,5.02270403 4.85298201,5.02270403 C4.67026477,5.02270403 4.48935661,4.94853168 4.3627209,4.82189597 L3.62280652,4.08017251 Z M3.38798773,9.48986925 C3.38798773,9.86977638 3.08044385,10.1592294 2.71862753,10.1592294 L1.6693602,10.1592294 C1.30754387,10.1592294 1,9.86977638 1,9.48986925 C1,9.10996211 1.30754387,8.80241823 1.6693602,8.80241823 L2.71862753,8.80241823 C3.08044385,8.80241823 3.38798773,9.10996211 3.38798773,9.48986925 Z M9.32050905,2.19872763 L9.32050905,1.1693602 C9.32050905,0.789453058 9.60996211,0.5 9.98986925,0.5 C10.3697764,0.5 10.6773203,0.789453058 10.6773203,1.1693602 L10.6773203,2.19872763 C10.6773203,2.57863477 10.3697764,2.88617864 9.98986925,2.88617864 C9.60996211,2.88617864 9.32050905,2.57863477 9.32050905,2.19872763 Z M15.0021108,8.80259914 C15.1269374,10.1594103 14.7307485,11.4257675 13.9709342,12.3827716 C13.2635833,13.3072124 12.8113129,13.5062113 12.7932221,14.6278419 C12.7932221,15.206748 12.5037691,15.6771093 12.0334078,15.8941991 L12.0171261,15.8941991 C10.7326782,16.5273776 9.24742215,16.5092868 7.96297421,15.8941991 C7.51070381,15.6771093 7.22125075,15.206748 7.22125075,14.7002052 C7.22125075,13.5243021 6.75088953,13.343394 6.02725689,12.4026715 C5.35970577,11.5524032 4.95989874,10.4669542 4.95989874,9.30914199 C4.95989874,6.32415734 7.54869452,3.97235124 10.5879516,4.31607675 C12.9035761,4.58743899 14.785021,6.48697468 15.0021108,8.80259914 Z M16.358922,14.8993851 C16.6121934,15.1526565 16.6121934,15.5868361 16.358922,15.8581983 C16.2322863,15.984834 16.0513781,16.0571973 15.8686608,16.0571973 C15.7076526,16.0571973 15.5249353,15.984834 15.4001087,15.8581983 L14.6583852,15.1164749 C14.4051138,14.8451126 14.4051138,14.4290239 14.6583852,14.1576616 C14.9297475,13.8844903 15.362118,13.8844903 15.6171985,14.1576616 L16.358922,14.8993851 Z" id="path-1"></path>
</defs>
<g id="Tutorials/Light-Bulb" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Combined-Shape" fill="#FFFFFF" xlink:href="#path-1"></use>
<g id="Color/White" mask="url(#mask-2)" fill="#FFFFFF">
<g id="Color">
<rect x="0" y="0" width="20" height="20"></rect>
</g>
</g>
</g>
</svg>
\ No newline at end of file
static/images/ideas/cards-illustration.svg 0 → 100644
View file @ 8e6af596
This source diff could not be displayed because it is too large. You can view the blob instead.
static/images/ideas/download-icon.svg 0 → 100644
View file @ 8e6af596
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>General/File Upload</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M14.1374294,8.91266116 L10.4159104,12.6341802 C10.1977994,12.8536543 9.85700097,12.8536543 9.63888997,12.6341802 L5.91737098,8.91266116 C5.5629406,8.55823078 5.82194742,7.97342066 6.31269718,7.97342066 L8.1666407,7.97342066 L9.27082765,3.59756866 C9.37988315,3.1736154 9.81610516,2.91597178 10.2386952,3.02502728 C10.5385979,3.09182377 10.7567089,3.32356671 10.8248685,3.59756866 L11.9290555,7.97342066 L13.7421032,7.97342066 C14.232853,7.97342066 14.4918598,8.55823078 14.1374294,8.91266116 Z M17,11.601753 L17,13.8510227 C17,15.5822788 15.5959104,17.0000003 13.8646543,17.0000003 L6.1489776,17.0000003 C4.40408958,17.0000003 3,15.5822788 3,13.8510227 L3,11.601753 C3,11.0292116 3.46348588,10.5793576 4.02239533,10.5793576 C4.58130477,10.5793576 5.04479065,11.0292116 5.04479065,11.601753 L5.04479065,13.8510227 C5.04479065,14.4508279 5.53554041,14.9552096 6.1489776,14.9552096 L13.8646543,14.9552096 C14.4644596,14.9552096 14.9552093,14.4508279 14.9552093,13.8510227 L14.9552093,11.601753 C14.9552093,11.0292116 15.4186952,10.5793576 15.9776047,10.5793576 C16.5501461,10.5793576 17,11.0292116 17,11.601753 Z" id="path-1"></path>
</defs>
<g id="General/File-Upload" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="file-upload-icon" fill="#FFFFFF" xlink:href="#path-1"></use>
<g id="Color/White" mask="url(#mask-2)" fill="#FFFFFF">
<g id="Color">
<rect x="0" y="0" width="20" height="20"></rect>
</g>
</g>
</g>
</svg>
\ No newline at end of file
static/images/ideas/educator-guide-icon.svg 0 → 100644
View file @ 8e6af596
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>Resources/Educator Guide</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M13.4619231,12.25 L17.4426923,12.25 L10.8657692,19 L10.8657692,15.0192308 C10.8657692,13.4615385 12.0773077,12.25 13.4619231,12.25 Z M15.0196154,1 C16.4042308,1 17.6157692,2.21153846 17.6157692,3.59615385 L17.6157692,10.8653846 L13.635,10.8653846 C11.385,10.8653846 9.65423077,12.7692308 9.65423077,14.8461538 L9.65423077,18.8269231 L4.98115385,18.8269231 C3.59653846,18.8269231 2.385,17.6153846 2.385,16.2307692 L2.385,3.59615385 C2.385,2.21153846 3.59653846,1 4.98115385,1 L15.0196154,1 Z M8.78884615,9.82692308 C9.48115385,9.82692308 10.0003846,9.48076923 10.0003846,8.78846154 C10.0003846,8.09615385 9.48115385,7.75 8.96192308,7.75 L6.01961538,7.75 C5.50038462,7.75 4.98115385,8.26923077 4.98115385,8.78846154 C4.98115385,9.30769231 5.50038462,9.82692308 6.01961538,9.82692308 L8.78884615,9.82692308 Z M14.1542308,5.84615385 C14.6734615,5.84615385 15.0196154,5.32692308 15.1926923,4.80769231 C15.1926923,4.28846154 14.6734615,3.76923077 14.1542308,3.76923077 L6.01961538,3.76923077 C5.50038462,3.76923077 4.98115385,4.28846154 4.98115385,4.80769231 C4.98115385,5.32692308 5.32730769,5.84615385 6.01961538,5.84615385 L14.1542308,5.84615385 Z" id="path-1"></path>
</defs>
<g id="Resources/Educator-Guide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Educator-Guides" fill="#575E75" xlink:href="#path-1"></use>
<g id="Color/Gray" mask="url(#mask-2)" fill="#575E75">
<rect id="Color" x="0" y="0" width="20" height="20"></rect>
</g>
</g>
</svg>
\ No newline at end of file
static/images/ideas/getting-started-illustration.svg 0 → 100644
View file @ 8e6af596
This source diff could not be displayed because it is too large. You can view the blob instead.
static/images/ideas/masthead-illustration.svg 0 → 100644
View file @ 8e6af596
This source diff could not be displayed because it is too large. You can view the blob instead.
static/images/ideas/starter-projects-illustration.svg 0 → 100644
View file @ 8e6af596
This diff is collapsed.
static/images/ideas/try-it-icon.svg 0 → 100644
View file @ 8e6af596
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>Action Menu/Actions/Surprise</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M6.99375039,8.65327167 C7.80357478,8.43603525 8.43603525,7.80357478 8.65327167,6.99375039 L9.14824073,5.15274045 C9.38335104,4.28241985 10.6180239,4.28241985 10.8517593,5.15274045 L11.3481032,6.99375039 C11.5653397,7.80357478 12.1978001,8.43603525 13.0062496,8.65327167 L14.8472595,9.14824073 C15.7175802,9.38335104 15.7175802,10.6180239 14.8472595,10.8531342 L13.0062496,11.3481032 C12.1978001,11.5653397 11.5653397,12.1978001 11.3481032,13.0062496 L10.8517593,14.8472595 C10.6180239,15.7175802 9.38335104,15.7175802 9.14824073,14.8472595 L8.65327167,13.0062496 C8.43603525,12.1978001 7.80357478,11.5653397 6.99375039,11.3481032 L5.15274045,10.8531342 C4.28241985,10.6180239 4.28241985,9.38335104 5.15274045,9.14824073 L6.99375039,8.65327167 Z M3.9061823,14.5100817 C4.20079987,14.430095 4.4314281,14.2007999 4.51008165,13.9061823 L4.69005166,13.2369605 C4.77403766,12.9210132 5.22329612,12.9210132 5.30994834,13.2369605 L5.48858524,13.9061823 C5.5685719,14.2007999 5.79786702,14.430095 6.09248459,14.5100817 L6.76303949,14.6900517 C7.07898684,14.7740377 7.07898684,15.2232961 6.76303949,15.3099483 L6.09248459,15.4885852 C5.79786702,15.5685719 5.5685719,15.797867 5.48858524,16.0924846 L5.30994834,16.7617064 C5.22329612,17.0789868 4.77403766,17.0789868 4.69005166,16.7617064 L4.51008165,16.0924846 C4.4314281,15.797867 4.20079987,15.5685719 3.9061823,15.4885852 L3.23696051,15.3099483 C2.92101316,15.2232961 2.92101316,14.7740377 3.23696051,14.6900517 L3.9061823,14.5100817 Z M13.9064844,4.50925154 C14.2012002,4.42923821 14.4305718,4.2012002 14.5092515,3.90648441 L14.6906151,3.23703951 C14.7746291,2.92098683 15.2240373,2.92098683 15.3093849,3.23703951 L15.4894149,3.90648441 C15.5680947,4.2012002 15.7987998,4.42923821 16.0935156,4.50925154 L16.7629605,4.6906151 C17.0790132,4.7746291 17.0790132,5.22403734 16.7629605,5.3093849 L16.0935156,5.4894149 C15.7987998,5.56809468 15.5680947,5.7987998 15.4894149,6.09218203 L15.3093849,6.76162694 C15.2240373,7.07901317 14.7746291,7.07901317 14.6906151,6.76162694 L14.5092515,6.09218203 C14.4305718,5.7987998 14.2012002,5.56809468 13.9064844,5.4894149 L13.2370395,5.3093849 C12.9209868,5.22403734 12.9209868,4.7746291 13.2370395,4.6906151 L13.9064844,4.50925154 Z M5.75,5.75 C5.75,6.164 5.414,6.5 5,6.5 C4.586,6.5 4.25,6.164 4.25,5.75 C4.25,5.336 4.586,5 5,5 C5.414,5 5.75,5.336 5.75,5.75 Z M16,14.25 C16,14.9416667 15.44,15.5 14.75,15.5 C14.0583333,15.5 13.5,14.9416667 13.5,14.25 C13.5,13.56 14.0583333,13 14.75,13 C15.44,13 16,13.56 16,14.25 Z" id="path-1"></path>
</defs>
<g id="Action-Menu/Actions/Surprise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="surprise-icon" fill="#FFFFFF" xlink:href="#path-1"></use>
<g id="Color/White" mask="url(#mask-2)" fill="#FFFFFF">
<g id="Color">
<rect x="0" y="0" width="20" height="20"></rect>
</g>
</g>
</g>
</svg>
\ No newline at end of file
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