scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-18 03:27:02 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
scratch-www/static/images/microbit/mbit-pattern.svg
Connor Hudson 5f0016f385
Add landing pages for the micro:bit and EV3 extensions (#1981) 
* start building ev3 landing page structure

* Inject translations, add more content and structure to ev3 landing page

* Add ev3 route

* add active styles for os chooser buttons

* Add ev3 assets

* Add content and intial styles for everything down to "Sample Projects"

* Add correct padding to all sections on ev3 page

* Add more margins to match the mockup

* Create os chooser component for reuse on other landing pages

* Make EV3 page stateful, add OS logic, change step styles, fix images on Chrome

* Add sample project cards and styles

* Add fixed ev3 icon svg

* Add app store badges (no href on links yet)

* Add section separator, fix sample project card margins

* Add border to project cards, make project cards clickable links

* Add FAQ boilerplate and styling from InformationPage component

* Add indented ol style, example

* Add link style with underline

* Add EV3 retail link

* Content updates

* Fix some z-index issues with os chooser

* micro:bit page mega-commit

* os chooser should not have a higher z-index than nav

* Update starter projects

* Localize OS chooser

* Add localization configuration for EV3 page

* Localize section titles on ev3 page

* Add starter project images and descriptions

* Add link to microbit.org

* Fix tip box width on microbit and ev3 pages

* add l10n strings up to things to try on ev3 page

* Fix lint error in ev3.scss

* Add download link style to ev3

* microbit getting started text and images

* Remove tip about microbit name

* Hex file and starter project download links

* microbit wording updates

* update images

* Fix issues with download link style

* text fix

* Add ev3 starter project downloads

* Add microbit l10n file and config

* Add l10n strings for microbit header and scratch link sections

* Add l10n strings for microbit page up to faq

* content updates

* Fix some page overflow issues

* microbit faq content and style

* Use zipped version of microbit hex file

* Add platform name to scratch link download button

* Add EV3 faq to l10n.json

* Add final strings from micro:bit and EV3 pages to l10n.json files

* Add white download asset

* Tweak styles for ev3 and microbit

* Add some final tweaks to the EV3 page styles

* Add TODO comments about refactoring duplicate code
2018-07-19 18:08:44 -04:00

217 lines
No EOL
17 KiB
XML
Raw Blame History

<?xml version="1.0" encoding="UTF-8"?>
<svg width="1347px" height="622px" viewBox="0 0 1347 622" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch -->
<title>mbit-pattern</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0 0 104 0 104 103.9987 0 103.9987"></polygon>
<polygon id="path-3" points="0 0 104 0 104 103.9987 0 103.9987"></polygon>
<polygon id="path-5" points="0.31136 0 103.99136 0 103.99136 103.9987 0.31136 103.9987"></polygon>
<polygon id="path-7" points="0 0 104 0 104 103.9987 0 103.9987"></polygon>
<polygon id="path-9" points="0.31136 0 103.99136 0 103.99136 103.9987 0.31136 103.9987"></polygon>
<polygon id="path-11" points="0 0 207 0 207 206.998706 0 206.998706"></polygon>
<polygon id="path-13" points="0 0 207 0 207 206.998706 0 206.998706"></polygon>
<polygon id="path-15" points="0 0 207 0 207 206.998706 0 206.998706"></polygon>
<polygon id="path-17" points="0 0 207 0 207 206.998706 0 206.998706"></polygon>
</defs>
<g id="Round-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.05">
<g id="mbit-pattern">
<g id="Group-3">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<polygon id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)" points="104 103.9987 0 -0.0013 104 -0.0013"></polygon>
</g>
<polygon id="Fill-4" fill="#FFFFFF" points="208 208 104 104 208 104"></polygon>
<polygon id="Fill-6" fill="#FFFFFF" points="311 311 207 207 311 207"></polygon>
<polygon id="Fill-8" fill="#FFFFFF" points="311 208 207 104 311 104"></polygon>
<g id="Group-12" transform="translate(207.000000, 0.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-11"></g>
<polygon id="Fill-10" fill="#FFFFFF" mask="url(#mask-4)" points="104 103.9987 0 -0.0013 104 -0.0013"></polygon>
</g>
<g id="Group-15" transform="translate(103.000000, 0.000000)">
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="Clip-14"></g>
<polygon id="Fill-13" fill="#FFFFFF" mask="url(#mask-6)" points="103.99136 103.9987 0.31136 -0.0013 103.99136 -0.0013"></polygon>
</g>
<polygon id="Fill-16" fill="#FFFFFF" points="415 208 311 104 415 104"></polygon>
<polygon id="Fill-18" fill="#FFFFFF" points="415 311 311 207 415 207"></polygon>
<polygon id="Fill-20" fill="#FFFFFF" points="415 415 311 311 415 311"></polygon>
<polygon id="Fill-22" fill="#FFFFFF" points="311 415 207 311 311 311"></polygon>
<polygon id="Fill-24" fill="#FFFFFF" points="518 518 414 414 518 414"></polygon>
<polygon id="Fill-26" fill="#FFFFFF" points="415 518 311 414 415 414"></polygon>
<polygon id="Fill-28" fill="#FFFFFF" points="415 622 311 518 415 518"></polygon>
<polygon id="Fill-34" fill="#FFFFFF" points="518 311 414 207 518 207"></polygon>
<polygon id="Fill-36" fill="#FFFFFF" points="622 311 518 207 622 207"></polygon>
<polygon id="Fill-38" fill="#FFFFFF" points="622 208 518 104 622 104"></polygon>
<polygon id="Fill-40" fill="#FFFFFF" points="518 415 414 311 518 311"></polygon>
<polygon id="Fill-42" fill="#FFFFFF" points="622 518 518 414 622 414"></polygon>
<polygon id="Fill-44" fill="#FFFFFF" points="622 415 518 311 622 311"></polygon>
<polygon id="Fill-46" fill="#FFFFFF" points="726 415 622 311 726 311"></polygon>
<polygon id="Fill-48" fill="#FFFFFF" points="829 415 725 311 829 311"></polygon>
<polygon id="Fill-50" fill="#FFFFFF" points="726 311 622 207 726 207"></polygon>
<polygon id="Fill-52" fill="#FFFFFF" points="622 622 518 518 622 518"></polygon>
<polygon id="Fill-54" fill="#FFFFFF" points="518 622 414 518 518 518"></polygon>
<polygon id="Fill-66" fill="#FFFFFF" points="829 622 725 518 829 518"></polygon>
<polygon id="Fill-70" fill="#FFFFFF" points="726 518 622 414 726 414"></polygon>
<polygon id="Fill-72" fill="#FFFFFF" points="726 622 622 518 726 518"></polygon>
<polygon id="Fill-74" fill="#FFFFFF" points="518 208 414 104 518 104"></polygon>
<g id="Group-78" transform="translate(414.000000, 0.000000)">
<mask id="mask-8" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<g id="Clip-77"></g>
<polygon id="Fill-76" fill="#FFFFFF" mask="url(#mask-8)" points="104 103.9987 0 -0.0013 104 -0.0013"></polygon>
</g>
<g id="Group-81" transform="translate(311.000000, 0.000000)">
<mask id="mask-10" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<g id="Clip-80"></g>
<polygon id="Fill-79" fill="#FFFFFF" mask="url(#mask-10)" points="103.99136 103.9987 0.31136 -0.0013 103.99136 -0.0013"></polygon>
</g>
<polygon id="Fill-82" fill="#FFFFFF" points="35 139 0 104 35 104"></polygon>
<polygon id="Fill-84" fill="#FFFFFF" points="70 139 35 104 70 104"></polygon>
<polygon id="Fill-86" fill="#FFFFFF" points="104 139 69 104 104 104"></polygon>
<polygon id="Fill-88" fill="#FFFFFF" points="35 173 0 138 35 138"></polygon>
<polygon id="Fill-90" fill="#FFFFFF" points="70 173 35 138 70 138"></polygon>
<polygon id="Fill-92" fill="#FFFFFF" points="104 173 69 138 104 138"></polygon>
<polygon id="Fill-94" fill="#FFFFFF" points="35 208 0 173 35 173"></polygon>
<polygon id="Fill-96" fill="#FFFFFF" points="70 208 35 173 70 173"></polygon>
<polygon id="Fill-98" fill="#FFFFFF" points="104 208 69 173 104 173"></polygon>
<polygon id="Fill-100" fill="#FFFFFF" points="35 242 0 207 35 207"></polygon>
<polygon id="Fill-102" fill="#FFFFFF" points="70 242 35 207 70 207"></polygon>
<polygon id="Fill-104" fill="#FFFFFF" points="104 242 69 207 104 207"></polygon>
<polygon id="Fill-106" fill="#FFFFFF" points="35 277 0 242 35 242"></polygon>
<polygon id="Fill-108" fill="#FFFFFF" points="70 277 35 242 70 242"></polygon>
<polygon id="Fill-110" fill="#FFFFFF" points="104 277 69 242 104 242"></polygon>
<polygon id="Fill-112" fill="#FFFFFF" points="35 311 0 276 35 276"></polygon>
<polygon id="Fill-114" fill="#FFFFFF" points="70 311 35 276 70 276"></polygon>
<polygon id="Fill-116" fill="#FFFFFF" points="104 311 69 276 104 276"></polygon>
<polygon id="Fill-118" fill="#FFFFFF" points="139 242 104 207 139 207"></polygon>
<polygon id="Fill-120" fill="#FFFFFF" points="173 242 138 207 173 207"></polygon>
<polygon id="Fill-122" fill="#FFFFFF" points="208 242 173 207 208 207"></polygon>
<polygon id="Fill-124" fill="#FFFFFF" points="139 277 104 242 139 242"></polygon>
<polygon id="Fill-126" fill="#FFFFFF" points="173 277 138 242 173 242"></polygon>
<polygon id="Fill-128" fill="#FFFFFF" points="208 277 173 242 208 242"></polygon>
<polygon id="Fill-130" fill="#FFFFFF" points="139 311 104 276 139 276"></polygon>
<polygon id="Fill-132" fill="#FFFFFF" points="173 311 138 276 173 276"></polygon>
<polygon id="Fill-134" fill="#FFFFFF" points="208 311 173 276 208 276"></polygon>
<polygon id="Fill-136" fill="#FFFFFF" points="35 346 0 311 35 311"></polygon>
<polygon id="Fill-138" fill="#FFFFFF" points="70 346 35 311 70 311"></polygon>
<polygon id="Fill-140" fill="#FFFFFF" points="104 346 69 311 104 311"></polygon>
<polygon id="Fill-142" fill="#FFFFFF" points="35 380 0 345 35 345"></polygon>
<polygon id="Fill-144" fill="#FFFFFF" points="70 380 35 345 70 345"></polygon>
<polygon id="Fill-146" fill="#FFFFFF" points="104 380 69 345 104 345"></polygon>
<polygon id="Fill-148" fill="#FFFFFF" points="35 415 0 380 35 380"></polygon>
<polygon id="Fill-150" fill="#FFFFFF" points="70 415 35 380 70 380"></polygon>
<polygon id="Fill-152" fill="#FFFFFF" points="104 415 69 380 104 380"></polygon>
<polygon id="Fill-154" fill="#FFFFFF" points="139 346 104 311 139 311"></polygon>
<polygon id="Fill-156" fill="#FFFFFF" points="173 346 138 311 173 311"></polygon>
<polygon id="Fill-158" fill="#FFFFFF" points="208 346 173 311 208 311"></polygon>
<polygon id="Fill-160" fill="#FFFFFF" points="139 380 104 345 139 345"></polygon>
<polygon id="Fill-162" fill="#FFFFFF" points="173 380 138 345 173 345"></polygon>
<polygon id="Fill-164" fill="#FFFFFF" points="208 380 173 345 208 345"></polygon>
<polygon id="Fill-166" fill="#FFFFFF" points="139 415 104 380 139 380"></polygon>
<polygon id="Fill-168" fill="#FFFFFF" points="173 415 138 380 173 380"></polygon>
<polygon id="Fill-170" fill="#FFFFFF" points="208 415 173 380 208 380"></polygon>
<polygon id="Fill-172" fill="#FFFFFF" points="35 449 0 414 35 414"></polygon>
<polygon id="Fill-174" fill="#FFFFFF" points="70 449 35 414 70 414"></polygon>
<polygon id="Fill-176" fill="#FFFFFF" points="104 449 69 414 104 414"></polygon>
<polygon id="Fill-178" fill="#FFFFFF" points="35 484 0 449 35 449"></polygon>
<polygon id="Fill-180" fill="#FFFFFF" points="70 484 35 449 70 449"></polygon>
<polygon id="Fill-182" fill="#FFFFFF" points="104 484 69 449 104 449"></polygon>
<polygon id="Fill-184" fill="#FFFFFF" points="35 519 0 484 35 484"></polygon>
<polygon id="Fill-186" fill="#FFFFFF" points="70 519 35 484 70 484"></polygon>
<polygon id="Fill-188" fill="#FFFFFF" points="104 519 69 484 104 484"></polygon>
<polygon id="Fill-190" fill="#FFFFFF" points="139 449 104 414 139 414"></polygon>
<polygon id="Fill-192" fill="#FFFFFF" points="173 449 138 414 173 414"></polygon>
<polygon id="Fill-194" fill="#FFFFFF" points="208 449 173 414 208 414"></polygon>
<polygon id="Fill-196" fill="#FFFFFF" points="139 484 104 449 139 449"></polygon>
<polygon id="Fill-198" fill="#FFFFFF" points="173 484 138 449 173 449"></polygon>
<polygon id="Fill-200" fill="#FFFFFF" points="208 484 173 449 208 449"></polygon>
<polygon id="Fill-202" fill="#FFFFFF" points="139 519 104 484 139 484"></polygon>
<polygon id="Fill-204" fill="#FFFFFF" points="173 519 138 484 173 484"></polygon>
<polygon id="Fill-206" fill="#FFFFFF" points="208 519 173 484 208 484"></polygon>
<polygon id="Fill-208" fill="#FFFFFF" points="242 449 207 414 242 414"></polygon>
<polygon id="Fill-210" fill="#FFFFFF" points="277 449 242 414 277 414"></polygon>
<polygon id="Fill-212" fill="#FFFFFF" points="311 449 276 414 311 414"></polygon>
<polygon id="Fill-214" fill="#FFFFFF" points="242 484 207 449 242 449"></polygon>
<polygon id="Fill-216" fill="#FFFFFF" points="277 484 242 449 277 449"></polygon>
<polygon id="Fill-218" fill="#FFFFFF" points="311 484 276 449 311 449"></polygon>
<polygon id="Fill-220" fill="#FFFFFF" points="242 519 207 484 242 484"></polygon>
<polygon id="Fill-222" fill="#FFFFFF" points="277 519 242 484 277 484"></polygon>
<polygon id="Fill-224" fill="#FFFFFF" points="311 519 276 484 311 484"></polygon>
<polygon id="Fill-226" fill="#FFFFFF" points="35 553 0 518 35 518"></polygon>
<polygon id="Fill-228" fill="#FFFFFF" points="70 553 35 518 70 518"></polygon>
<polygon id="Fill-230" fill="#FFFFFF" points="104 553 69 518 104 518"></polygon>
<polygon id="Fill-232" fill="#FFFFFF" points="139 553 104 518 139 518"></polygon>
<polygon id="Fill-234" fill="#FFFFFF" points="173 553 138 518 173 518"></polygon>
<polygon id="Fill-236" fill="#FFFFFF" points="208 553 173 518 208 518"></polygon>
<polygon id="Fill-238" fill="#FFFFFF" points="242 553 207 518 242 518"></polygon>
<polygon id="Fill-240" fill="#FFFFFF" points="277 553 242 518 277 518"></polygon>
<polygon id="Fill-242" fill="#FFFFFF" points="311 553 276 518 311 518"></polygon>
<polygon id="Fill-244" fill="#FFFFFF" points="35 588 0 553 35 553"></polygon>
<polygon id="Fill-246" fill="#FFFFFF" points="70 588 35 553 70 553"></polygon>
<polygon id="Fill-248" fill="#FFFFFF" points="104 588 69 553 104 553"></polygon>
<polygon id="Fill-250" fill="#FFFFFF" points="35 622 0 587 35 587"></polygon>
<polygon id="Fill-252" fill="#FFFFFF" points="70 622 35 587 70 587"></polygon>
<polygon id="Fill-254" fill="#FFFFFF" points="104 622 69 587 104 587"></polygon>
<polygon id="Fill-262" fill="#FFFFFF" points="139 588 104 553 139 553"></polygon>
<polygon id="Fill-264" fill="#FFFFFF" points="173 588 138 553 173 553"></polygon>
<polygon id="Fill-266" fill="#FFFFFF" points="208 588 173 553 208 553"></polygon>
<polygon id="Fill-268" fill="#FFFFFF" points="139 622 104 587 139 587"></polygon>
<polygon id="Fill-270" fill="#FFFFFF" points="173 622 138 587 173 587"></polygon>
<polygon id="Fill-272" fill="#FFFFFF" points="208 622 173 587 208 587"></polygon>
<polygon id="Fill-280" fill="#FFFFFF" points="242 588 207 553 242 553"></polygon>
<polygon id="Fill-282" fill="#FFFFFF" points="277 588 242 553 277 553"></polygon>
<polygon id="Fill-284" fill="#FFFFFF" points="311 588 276 553 311 553"></polygon>
<polygon id="Fill-286" fill="#FFFFFF" points="242 622 207 587 242 587"></polygon>
<polygon id="Fill-288" fill="#FFFFFF" points="277 622 242 587 277 587"></polygon>
<polygon id="Fill-290" fill="#FFFFFF" points="311 622 276 587 311 587"></polygon>
<polygon id="Fill-292" fill="#FFFFFF" points="346 588 311 553 346 553"></polygon>
<polygon id="Fill-294" fill="#FFFFFF" points="346 622 311 587 346 587"></polygon>
<polygon id="Fill-296" fill="#FFFFFF" points="380 622 345 587 380 587"></polygon>
<g id="Group-492" transform="translate(518.000000, 0.000000)">
<mask id="mask-12" fill="white">
<use xlink:href="#path-11"></use>
</mask>
<g id="Clip-491"></g>
<polygon id="Fill-490" fill="#FFFFFF" mask="url(#mask-12)" points="207 206.998706 0 -0.00129375 207 -0.00129375"></polygon>
</g>
<polygon id="Fill-493" fill="#FFFFFF" points="932 414 725 207 932 207"></polygon>
<polygon id="Fill-495" fill="#FFFFFF" points="1140 414 933 207 1140 207"></polygon>
<polygon id="Fill-497" fill="#FFFFFF" points="1347 414 1140 207 1347 207"></polygon>
<g id="Group-501" transform="translate(933.000000, 0.000000)">
<mask id="mask-14" fill="white">
<use xlink:href="#path-13"></use>
</mask>
<g id="Clip-500"></g>
<polygon id="Fill-499" fill="#FFFFFF" mask="url(#mask-14)" points="207 206.998706 0 -0.00129375 207 -0.00129375"></polygon>
</g>
<g id="Group-504" transform="translate(1140.000000, 0.000000)">
<mask id="mask-16" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<g id="Clip-503"></g>
<polygon id="Fill-502" fill="#FFFFFF" mask="url(#mask-16)" points="207 206.998706 0 -0.00129375 207 -0.00129375"></polygon>
</g>
<polygon id="Fill-505" fill="#FFFFFF" points="1140 621 933 414 1140 414"></polygon>
<polygon id="Fill-507" fill="#FFFFFF" points="932 621 725 414 932 414"></polygon>
<polygon id="Fill-513" fill="#FFFFFF" points="1347 621 1140 414 1347 414"></polygon>
<g id="Group-517" transform="translate(725.000000, 0.000000)">
<mask id="mask-18" fill="white">
<use xlink:href="#path-17"></use>
</mask>
<g id="Clip-516"></g>
<polygon id="Fill-515" fill="#FFFFFF" mask="url(#mask-18)" points="207 206.998706 0 -0.00129375 207 -0.00129375"></polygon>
</g>
</g>
</g>
</svg>
Reference in a new issue View git blame Copy permalink