mirror of
https://github.com/scratchfoundation/scratchjr-website.git
synced 2025-08-28 22:30:12 -04:00
Merge pull request #333 from LLK/rd/JR-406/update-donation-link
Rd/JR-406/update donation link
This commit is contained in:
Ron de las Alas
GitHub
commit
9c15e21237
8 changed files with 7856 additions and 9225 deletions
|
|
@ -1,8 +0,0 @@
|
|||
{
|
||||
"trailingComma": "all",
|
||||
"tabWidth": 4,
|
||||
"semi": true,
|
||||
"singleQuote": true,
|
||||
"bracketSpacing": false,
|
||||
"printWidth": 100
|
||||
}
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
language: node_js
|
||||
node_js:
|
||||
- 17
|
||||
install:
|
||||
"npm install --legacy-peer-deps"
|
||||
cache:
|
||||
directories:
|
||||
- node_modules
|
||||
|
|
|
|||
16986
package-lock.json
generated
16986
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -10,25 +10,22 @@ const Donate = () => (
|
|||
<NavBar selected="donate" />
|
||||
<div id="content">
|
||||
<div className="content-section">
|
||||
|
||||
<h1>Donate</h1>
|
||||
|
||||
<p>
|
||||
If you enjoy using the free ScratchJr app, please consider
|
||||
making a donation to the Scratch Foundation (
|
||||
<a href="//www.scratchfoundation.org/">www.scratchfoundation.org</a>),
|
||||
a nonprofit organization that provides ongoing support for ScratchJr.
|
||||
We appreciate donations of all sizes, large and small.
|
||||
If you enjoy using the free ScratchJr app, please consider making a donation to
|
||||
the Scratch Foundation (
|
||||
<a href="//www.scratchfoundation.org/">www.scratchfoundation.org</a>), a
|
||||
nonprofit organization that provides ongoing support for ScratchJr. We
|
||||
appreciate donations of all sizes, large and small.
|
||||
</p>
|
||||
|
||||
<div className="donation-block">
|
||||
<a
|
||||
href="https://secure.donationpay.org/scratchfoundation/"
|
||||
href="https://www.scratchfoundation.org/donate"
|
||||
id="donate-button"
|
||||
>
|
||||
<div className="blue-button">
|
||||
Donate
|
||||
</div>
|
||||
<div className="blue-button">Donate</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -37,6 +34,4 @@ const Donate = () => (
|
|||
</div>
|
||||
);
|
||||
|
||||
render(
|
||||
<Donate />,
|
||||
document.getElementById('app'));
|
||||
render(<Donate />, document.getElementById('app'));
|
||||
|
|
|
|||
|
|
@ -21,23 +21,17 @@ const Index = () => {
|
|||
<Carousel items={images} />
|
||||
|
||||
<div id="content">
|
||||
<div id="announcement-banner">
|
||||
ScratchJr is available as a free app.
|
||||
</div>
|
||||
<div id="announcement-banner">ScratchJr is available as a free app.</div>
|
||||
|
||||
<div id="content-text">
|
||||
<div id="content-header-first">
|
||||
ScratchJr
|
||||
</div>
|
||||
<div id="content-header-first">ScratchJr</div>
|
||||
{/* end content-header-first */}
|
||||
<div id="content-header-second">
|
||||
Coding for young children
|
||||
</div>
|
||||
<div id="content-header-second">Coding for young children</div>
|
||||
{/* end content-header-second */}
|
||||
<div id="content-body">
|
||||
Coding is the new literacy! With ScratchJr, young children (ages 5-7) can
|
||||
program their own interactive stories and games. In the process, they learn to
|
||||
solve problems, design projects, and express themselves creatively on the
|
||||
program their own interactive stories and games. In the process, they learn
|
||||
to solve problems, design projects, and express themselves creatively on the
|
||||
computer.
|
||||
<div id="store-badges">
|
||||
<a href="https://itunes.apple.com/us/app/scratchjr/id895485086?ls=1&mt=8">
|
||||
|
|
@ -52,6 +46,12 @@ const Index = () => {
|
|||
src="/images/GooglePlay.svg"
|
||||
/>
|
||||
</a>
|
||||
<a href="https://www.amazon.com/Scratch-Foundation-ScratchJr/dp/B01AKGTD2E">
|
||||
<img
|
||||
alt="Get it on Amazon Appstore"
|
||||
src="/images/amazon-appstore-badge-english-black.png"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
{/* end store-badges */}
|
||||
</div>
|
||||
|
|
@ -66,37 +66,32 @@ const Index = () => {
|
|||
</div>
|
||||
{/* end content-graphic */}
|
||||
<div className="content-news">
|
||||
<div className="content-news-header">
|
||||
News
|
||||
</div>
|
||||
<div className="content-news-header">News</div>
|
||||
<div className="content-news-body">
|
||||
<a
|
||||
href="https://www.amazon.com/Official-ScratchJr-Book-Help-Learn/dp/1593276710/"
|
||||
>
|
||||
<a href="https://www.amazon.com/Official-ScratchJr-Book-Help-Learn/dp/1593276710/">
|
||||
The Official ScratchJr Book
|
||||
</a> is the perfect companion to the app and makes coding easy and fun for all.
|
||||
</a>{' '}
|
||||
is the perfect companion to the app and makes coding easy and fun for all.
|
||||
</div>
|
||||
<div className="content-news-body">
|
||||
The <a href="https://www.amazon.com/ScratchJr-Coding-Cards-Creative-Activities/dp/1593278993/">
|
||||
The{' '}
|
||||
<a href="https://www.amazon.com/ScratchJr-Coding-Cards-Creative-Activities/dp/1593278993/">
|
||||
ScratchJr Coding Cards
|
||||
</a> are a deck of 75 activity cards covering fun and
|
||||
exciting projects designed to educate young children with ScratchJr.
|
||||
</a>{' '}
|
||||
are a deck of 75 activity cards covering fun and exciting projects designed
|
||||
to educate young children with ScratchJr.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="discussion-container">
|
||||
<div id="discussion-text">
|
||||
<div id="discussion-header">
|
||||
Join the Discussion
|
||||
</div>
|
||||
<div id="discussion-header">Join the Discussion</div>
|
||||
<div id="discussion-body">
|
||||
We introduced ourselves. Now it's your turn. Drop us a line with feedback,
|
||||
report bugs & glitches, or just say 'hi!'
|
||||
We introduced ourselves. Now it's your turn. Drop us a line with
|
||||
feedback, report bugs & glitches, or just say 'hi!'
|
||||
<br />
|
||||
<a href=" https://twitter.com/intent/tweet?screen_name=ScratchJr">
|
||||
<div className="blue-button">
|
||||
Tweet @ScratchJr
|
||||
</div>
|
||||
<div className="blue-button">Tweet @ScratchJr</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -122,5 +117,4 @@ const Index = () => {
|
|||
);
|
||||
};
|
||||
|
||||
render(
|
||||
<Index />, document.getElementById('app'));
|
||||
render(<Index />, document.getElementById('app'));
|
||||
|
|
|
|||
|
|
@ -68,12 +68,12 @@ $background-grey: #e9e9e9;
|
|||
}
|
||||
|
||||
#store-badges {
|
||||
margin-left: 0;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
#store-badges img {
|
||||
float: left;
|
||||
margin: 10px 30px 10px 0;
|
||||
margin: 10px 5px 10px 0;
|
||||
max-width: 135px;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.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 135 40" enable-background="new 0 0 135 40" xml:space="preserve">
|
||||
viewBox="0 0 135 40" enable-background="new 0 0 135 40" xml:space="preserve" width="135" height="40">
|
||||
<path fill="#020202" stroke="#FFFFFF" stroke-width="0.8763" stroke-miterlimit="10" d="M134.6,34.4c0,3.5-3,5.8-7.1,5.8H7
|
||||
c-4.1,0-7.4-2.9-7.4-6.4V6.6C-0.4,3,2.9,0.1,7,0.1h120.5c4.1,0,7.1,2.9,7.1,6.4V34.4z"/>
|
||||
<path fill="#020202" stroke="#FFFFFF" stroke-width="0.8763" stroke-miterlimit="10" d="M134.6,34.4c0,3.5-3,5.8-7.1,5.8H7
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 7.5 KiB |
BIN
static/images/amazon-appstore-badge-english-black.png
Normal file
BIN
static/images/amazon-appstore-badge-english-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Loading…
Add table
Add a link
Reference in a new issue