From 581f071c0e689d32cfedfef84b8ee2dd36b5f41c Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Mon, 25 Jan 2016 08:30:10 -0500
Subject: [PATCH 1/4] Add missing alt tags

---
 src/components/intro/intro.jsx | 20 +++++++----
 src/views/about/about.jsx      | 10 +++---
 src/views/credits/credits.jsx  | 62 +++++++++++++++++-----------------
 3 files changed, 49 insertions(+), 43 deletions(-)

diff --git a/src/components/intro/intro.jsx b/src/components/intro/intro.jsx
index 101501627..551d35c7b 100644
--- a/src/components/intro/intro.jsx
+++ b/src/components/intro/intro.jsx
@@ -64,10 +64,12 @@ var Intro = React.createClass({
                         <a className="sprite sprite-1" href="/projects/editor/?tip_bar=getStarted">
                             <img
                                 className="costume costume-1"
-                                src="//cdn.scratch.mit.edu/scratchr2/static/images/cat-a.png" />
+                                src="//cdn.scratch.mit.edu/scratchr2/static/images/cat-a.png"
+                                alt="Scratch Cat" />
                             <img
                                 className="costume costume-2"
-                                src="//cdn.scratch.mit.edu/scratchr2/static/images/cat-b.png" />
+                                src="//cdn.scratch.mit.edu/scratchr2/static/images/cat-b.png"
+                                alt="Scratch Cat" />
                             <div className="circle"></div>
                             <div className="text">
                                 {this.props.messages['intro.tryItOut']}
@@ -76,10 +78,12 @@ var Intro = React.createClass({
                         <a className="sprite sprite-2" href="/starter_projects/">
                             <img
                                 className="costume costume-1"
-                                src="//cdn.scratch.mit.edu/scratchr2/static/images/tera-a.png" />
+                                src="//cdn.scratch.mit.edu/scratchr2/static/images/tera-a.png"
+                                alt="Tera" />
                             <img
                                 className="costume costume-2"
-                                src="//cdn.scratch.mit.edu/scratchr2/static/images/tera-b.png" />
+                                src="//cdn.scratch.mit.edu/scratchr2/static/images/tera-b.png"
+                                alt="Tera" />
                             <div className="circle"></div>
                             <div className="text">
                                 {this.props.messages['intro.seeExamples']}
@@ -88,10 +92,12 @@ var Intro = React.createClass({
                         <a className="sprite sprite-3" href="#" onClick={this.handleJoinClick}>
                             <img
                                 className="costume costume-1"
-                                src="//cdn.scratch.mit.edu/scratchr2/static/images/gobo-a.png" />
+                                src="//cdn.scratch.mit.edu/scratchr2/static/images/gobo-a.png"
+                                alt="Gobo" />
                             <img
                                 className="costume costume-2"
-                                src="//cdn.scratch.mit.edu/scratchr2/static/images/gobo-b.png" />
+                                src="//cdn.scratch.mit.edu/scratchr2/static/images/gobo-b.png"
+                                alt="Gobo" />
                             <div className="circle"></div>
                             <div className="text">
                                 {this.props.messages['intro.joinScratch']}
@@ -122,7 +128,7 @@ var Intro = React.createClass({
                 </div>
                 <div className="video">
                     <div className="play-button" onClick={this.showVideo}></div>
-                    <img src="//cdn.scratch.mit.edu/scratchr2/static/images/hp-video-screenshot.png" />
+                    <img src="//cdn.scratch.mit.edu/scratchr2/static/images/hp-video-screenshot.png" alt="Intro Video" />
                 </div>
                 <Modal
                         className="video-modal"
diff --git a/src/views/about/about.jsx b/src/views/about/about.jsx
index db688d92d..825a09306 100644
--- a/src/views/about/about.jsx
+++ b/src/views/about/about.jsx
@@ -39,7 +39,7 @@ var About = React.createClass({
                     <ul>
                         <li>
                             <h2><FormattedMessage id='about.whoUsesScratch' /></h2>
-                            <img src="/images/about/who-uses-scratch.jpg" />
+                            <img src="/images/about/who-uses-scratch.jpg" alt="" />
                             <p><FormattedHTMLMessage id='about.whoUsesScratchDescription' /></p>
                         </li>
 
@@ -56,25 +56,25 @@ var About = React.createClass({
 
                         <li>
                             <h2><FormattedMessage id='about.aroundTheWorld' /></h2>
-                            <img src="/images/about/around-the-world.png" />
+                            <img src="/images/about/around-the-world.png" alt="" />
                             <p><FormattedHTMLMessage id='about.aroundTheWorldDescription' /></p>
                         </li>
 
                         <li>
                             <h2><FormattedMessage id='about.schools' /></h2>
-                            <img src="/images/about/scratch-in-schools.jpg" />
+                            <img src="/images/about/scratch-in-schools.jpg" alt="" />
                             <p><FormattedHTMLMessage id='about.schoolsDescription' /></p>
                         </li>
 
                         <li>
                             <h2><FormattedMessage id='about.quotes' /></h2>
-                            <img src="/images/about/quotes.gif" />
+                            <img src="/images/about/quotes.gif" alt="Quotes about Scratch" />
                             <p><FormattedHTMLMessage id='about.quotesDescription' /></p>
                         </li>
 
                         <li>
                             <h2><FormattedMessage id='about.research' /></h2>
-                            <img src="/images/about/research-remix.png" />
+                            <img src="/images/about/research-remix.png" alt="" />
                             <p><FormattedHTMLMessage id='about.researchDescription' /></p>
                         </li>
 
diff --git a/src/views/credits/credits.jsx b/src/views/credits/credits.jsx
index 88fe2fb4f..4b4b5bacd 100644
--- a/src/views/credits/credits.jsx
+++ b/src/views/credits/credits.jsx
@@ -14,112 +14,112 @@ var Credits = React.createClass({
 
                 <ul>
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/167_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/167_170x170.png" alt="Mitchel Avatar" />
                         <span className="name">Mitchel Resnick</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/169_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/169_170x170.png" alt="Natalie Avatar" />
                         <span className="name">Natalie Rusk</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/573207_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/573207_170x170.png" alt="Sayamindu Avatar" />
                         <span className="name">Sayamindu Dasgupta</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/13682_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/13682_170x170.png" alt="Ricarose Avatar" />
                         <span className="name">Ricarose Roque</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/2584924_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/2584924_170x170.png" alt="Ray Avatar" />
                         <span className="name">Ray Schamp</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/3484484_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/3484484_170x170.png" alt="Eric Avatar" />
                         <span className="name">Eric Schilling</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/3532363_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/3532363_170x170.png" alt="Chris Avatar" />
                         <span className="name">Chris Willis-Ford</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/3581881_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/3581881_170x170.png" alt="Carl Avatar" />
                         <span className="name">Carl Bowman</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/4373707_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/4373707_170x170.png" alt="Matthew Avatar" />
                         <span className="name">Matthew Taylor</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/4598206_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/4598206_170x170.png" alt="Kasia Avatar" />
                         <span className="name">Kasia Chmielinski</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/703844_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/703844_170x170.png" alt="Tim Avatar" />
                         <span className="name">Tim Mickel</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/2752403_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/2752403_170x170.png" alt="Saskia Avatar" />
                         <span className="name">Saskia Leggett</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/2755634_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/2755634_170x170.png" alt="Christan Avatar" />
                         <span className="name">Christan Balch</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/5721684_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/5721684_170x170.png" alt="Randy Avatar" />
                         <span className="name">Randy Jou</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/10866958_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/10866958_170x170.png" alt="Colby Avatar" />
                         <span className="name">Colby Gutierrez-Kraybill</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/1709047_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/1709047_170x170.png" alt="Andrew Avatar" />
                         <span className="name">Andrew Sliwinski</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/default_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/default_170x170.png" alt="Ben Avatar" />
                         <span className="name">Ben Berg</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/2286560_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/2286560_170x170.png" alt="Carmelo Avatar" />
                         <span className="name">Carmelo Presicce</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/default_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/default_170x170.png" alt="Moran Avatar" />
                         <span className="name">Moran Tsur</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/3661900_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/3661900_170x170.png" alt="Juanita Avatar" />
                         <span className="name">Juanita Buitrago</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/default_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/default_170x170.png" alt="Shruti Avatar" />
                         <span className="name">Shruti Mohnot</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/1915915_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/1915915_170x170.png" alt="Hannah Avatar" />
                         <span className="name">Hannah Cole</span>
                     </li>
                 </ul>
@@ -128,47 +128,47 @@ var Credits = React.createClass({
 
                 <ul>
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/49156_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/49156_170x170.png" alt="Mark Avatar" />
                         <span className="name">Mark Goff</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/159139_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/159139_170x170.png" alt="Franchette Avatar" />
                         <span className="name">Franchette Viloria</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/246290_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/246290_170x170.png" alt="Sarah Avatar" />
                         <span className="name">Sarah Otts</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/2496866_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/2496866_170x170.png" alt="Jolie Avatar" />
                         <span className="name">Jolie Castellucci</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/3087865_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/3087865_170x170.png" alt="Andrea Avatar" />
                         <span className="name">Andrea Saxman</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/373646_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/373646_170x170.png" alt="Dalton Avatar" />
                         <span className="name">Dalton Miner</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/586054_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/586054_170x170.png" alt="Megan Avatar" />
                         <span className="name">Megan Haddadi</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/4836354_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/4836354_170x170.png" alt="Christina Avatar" />
                         <span className="name">Christina Huang</span>
                     </li>
 
                     <li>
-                        <img src="//cdn.scratch.mit.edu/get_image/user/4747093_170x170.png" />
+                        <img src="//cdn.scratch.mit.edu/get_image/user/4747093_170x170.png" alt="Annie Avatar" />
                         <span className="name">Annie Whitehouse</span>
                     </li>
                 </ul>

From c46e42e83ce9d15fcfaf7aa4ac0a39dbcd3a9960 Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Mon, 25 Jan 2016 09:07:55 -0500
Subject: [PATCH 2/4] fix test

---
 src/components/intro/intro.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/intro/intro.jsx b/src/components/intro/intro.jsx
index 551d35c7b..c7434278c 100644
--- a/src/components/intro/intro.jsx
+++ b/src/components/intro/intro.jsx
@@ -128,7 +128,8 @@ var Intro = React.createClass({
                 </div>
                 <div className="video">
                     <div className="play-button" onClick={this.showVideo}></div>
-                    <img src="//cdn.scratch.mit.edu/scratchr2/static/images/hp-video-screenshot.png" alt="Intro Video" />
+                    <img src="//cdn.scratch.mit.edu/scratchr2/static/images/hp-video-screenshot.png"
+                         alt="Intro Video" />
                 </div>
                 <Modal
                         className="video-modal"

From f90198d7c3a01a4b618890392ea7d51f6bd873af Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Fri, 29 Jan 2016 15:16:32 -0500
Subject: [PATCH 3/4] Fix tall carousel

I am mystified by how this changed. But this fixes #345.
---
 src/components/carousel/carousel.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/carousel/carousel.scss b/src/components/carousel/carousel.scss
index 2ab231916..35e0edf2d 100644
--- a/src/components/carousel/carousel.scss
+++ b/src/components/carousel/carousel.scss
@@ -5,6 +5,7 @@
     $button-offset: $icon-size + 5px;
     $box-content-offset: 20px;
 
+    margin-bottom: 0;
     padding: 12px $button-offset;
 
     .box-content & {

From fd584b1d6791f5eddebab7cdbfb5692212e9d61e Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Fri, 29 Jan 2016 15:17:51 -0500
Subject: [PATCH 4/4] Heed some SCSS warnings

---
 src/components/carousel/carousel.scss | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/carousel/carousel.scss b/src/components/carousel/carousel.scss
index 35e0edf2d..dd2bac747 100644
--- a/src/components/carousel/carousel.scss
+++ b/src/components/carousel/carousel.scss
@@ -29,8 +29,10 @@
             content: "";
         }
 
-        &.slick-disabled:before {
-            opacity: 1;
+        &.slick-disabled {
+            &:before {
+                opacity: 1;
+            }
         }
     }
 
@@ -39,11 +41,11 @@
 
         &:before {
             background-image: url("/svgs/carousel/prev_ui-dark-gray.svg");
-        }
 
-        &:hover:before {
-            background-image: url("/svgs/carousel/prev_ui-blue.svg");
-            background-size: 90%;
+            &:hover {
+                background-image: url("/svgs/carousel/prev_ui-blue.svg");
+                background-size: 90%;
+            }
         }
 
 
@@ -57,11 +59,11 @@
 
         &:before {
             background-image: url("/svgs/carousel/next_ui-dark-gray.svg");
-        }
 
-        &:hover:before {
-            background-image: url("/svgs/carousel/next_ui-blue.svg");
-            background-size: 90%;
+            &:hover {
+                background-image: url("/svgs/carousel/next_ui-blue.svg");
+                background-size: 90%;
+            }
         }
 
         .box-content & {