created /svg folders for .svg to go

components/footer.jsx

@@ -27,7 +27,7 @@ var Footer = React.createClass({
         <div className="content col-md-9">
           <div className="row">
             <div className="col-sm-4 col-sm-offset-1">
-              <a href="http://hivelearningnetworks.org/"><img src="/img/hive-logo.svg" alt="Hive logo"/></a>
+              <a href="http://hivelearningnetworks.org/"><img src="/img/svg/hive-logo.svg" alt="Hive logo"/></a>
             </div>
             <div className="col-sm-7 col-lg-5">
               <p>The Hive Learning Networks, stewarded by Mozilla, are a growing constellation of local communities around the globe that are championing digital skills and web literacy through connected learning. <a href="http://hivelearningnetworks.org/">Learn more</a></p>

components/login.jsx

@@ -155,7 +155,7 @@ var Login = React.createClass({
       content = (
         <div>
           <span className="login-text">
-            <img src="/img/logo-webmaker-flat.svg" alt="Webmaker logo"/><LoginLink>Log in</LoginLink>
+            <img src="/img/svg/logo-webmaker-flat.svg" alt="Webmaker logo"/><LoginLink>Log in</LoginLink>
           </span>
           <LoginLink action="signup">Create an account</LoginLink>
         </div>

components/map.jsx

@@ -241,7 +241,7 @@ var Map = React.createClass({
         );
 
         marker.setIcon(L.icon({
-          "iconUrl": "/img/map-marker.svg",
+          "iconUrl": "/img/svg/map-marker.svg",
           "iconSize": [33, 33],
           "iconAnchor": [15, 15]
         }));

components/page-end-cta.jsx

@@ -25,7 +25,7 @@ var PageEndCTA = React.createClass({
         <div className="col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
           <div className="page-end-cta">
             <div>
-              <img className="divider" src="/img/clubs-line-divider.svg" alt="line divider" />
+              <img className="divider" src="/img/svg/clubs-line-divider.svg" alt="line divider" />
               <p>{this.props.header}</p>
               <AndAction onClick={this.props.onClick} linkTo={this.props.linkTo}>
                 {this.props.cta}

pages/clubs-curriculum.jsx

@@ -98,7 +98,7 @@ var LearnMoreSection = React.createClass({
           <p className="learn-more">
             <Link to="web-literacy">Learn More</Link>
           </p>
-          <img src="/img/clubs-curriculum-page/web-literacy-divider.svg" alt="" className="center-block"/>
+          <img src="/img/clubs-curriculum-page/svg/web-literacy-divider.svg" alt="" className="center-block"/>
       </section>
     );
   }

pages/clubs-toolkit.jsx

@@ -13,7 +13,7 @@ var ToolkitIntro = React.createClass({
         <section className="intro">
           <Illustration
           height={204} width={204}
-          src1x="/img/clubs-toolkit-page/icon-toolkit.svg"
+          src1x="/img/clubs-toolkit-page/svg/icon-toolkit.svg"
           alt="icon toolkit"
           className="img-circle">
             <h2>Get ready to start your club! Here are some best practices and resources to help you grow your local group.</h2>

pages/clubs.jsx

@@ -118,7 +118,7 @@ var HowClubWorks = React.createClass({
       <div className="list-with-illust">
         <Illustration
         width={182} height={237}
-        src1x="/img/icon-how-do-clubs-work.svg"
+        src1x="/img/clubs-page/svg/icon-how-do-clubs-work.svg"
         alt="icon how do Mozilla clubs work">
           <h2>How do Mozilla Clubs work?</h2>
           <ul>
@@ -207,7 +207,7 @@ var ModalRemoveYourClub = React.createClass({
     } else {
       content = (
         <div className="text-center">
-          <p><img className="globe" src="/img/globe-without-pin.svg"/></p>
+          <p><img className="globe" src="/img/svg/globe-without-pin.svg"/></p>
           <h2>Your club has been removed.</h2>
         </div>
       );
@@ -465,7 +465,7 @@ var ModalAddOrChangeYourClub = React.createClass({
     } else if (this.state.step == this.STEP_SHOW_RESULT) {
       content = (
         <div className="text-center">
-          <p><img className="globe" src="/img/globe-with-pin.svg"/></p>
+          <p><img className="globe" src="/img/svg/globe-with-pin.svg"/></p>
           {isAdd
            ? <div>
                <h2>We've added your Club!</h2>
@@ -575,21 +575,21 @@ var ClubsPage = React.createClass({
             <IconLinks>
               <IconLink
                 linkTo="clubs-curriculum"
-                imgSrc="/img/icon-curriculum.svg"
+              imgSrc="/img/clubs-page/svg/icon-curriculum.svg"
                 imgAlt="icon curriculum"
                 head="Curriculum"
                 subhead="Modular Web Literacy curriculum"
               />
               <IconLink
                 href="http://discourse.webmaker.org/category/meet"
-                imgSrc="/img/icon-connect.svg"
+                imgSrc="/img/clubs-page/svg/icon-connect.svg"
                 imgAlt="icon connect"
                 head="Connect"
                 subhead="Connect with other Club Leaders"
               />
               <IconLink
                 linkTo="clubs-toolkit"
-                imgSrc="/img/icon-tips.svg"
+                imgSrc="/img/clubs-page/svg/icon-tips.svg"
                 imgAlt="icon tips"
                 head="Helpful Tips"
                 subhead="Tips for running your Club"

pages/events.jsx

@@ -33,7 +33,7 @@ var EventsPage = React.createClass({
             <p>Since its inauguration in 2012, Maker Party has become Mozilla's largest celebration of making and learning on the web. From getting the hang of HTML to building robots to learning about remixing using paper and scissors, people of all ages and from all backgrounds have come together to joyfully explore the culture, mechanics and citizenship of the web.</p>
             <Illustration
             height={183} width={156}
-            src1x="/img/events-page/maker-party-logo.svg"
+            src1x="/img/events-page/svg/maker-party-logo.svg"
             alt="Maker Party logo"
             >
               <h2>
@@ -67,21 +67,21 @@ var EventsPage = React.createClass({
               <IconLinks>
                 <IconLink
                   linkTo="event-resources"
-                  imgSrc="/img/events-page/icon-curriculum.svg"
+                  imgSrc="/img/events-page/svg/icon-curriculum.svg"
                   imgAlt="icon resources"
                   head="Event Resources"
                   subhead="Plan a unique event"
                 />
                 <IconLink
                   href="http://discourse.webmaker.org/category/maker-party"
-                  imgSrc="/img/events-page/icon-connect.svg"
+                  imgSrc="/img/events-page/svg/icon-connect.svg"
                   imgAlt="icon connect"
                   head="Join the Conversation"
                   subhead="Talk to others about your event"
                 />
                 <IconLink
                   href="https://events.webmaker.org/"
-                  imgSrc="/img/events-page/icon-add-event.svg"
+                  imgSrc="/img/events-page/svg/icon-add-event.svg"
                   imgAlt="icon add event"
                   head="Add Your Event"
                   subhead="Join the global movement"

pages/teach-like-mozilla.jsx

@@ -28,7 +28,7 @@ var TeachLikeMozillaPage = React.createClass({
             <div className="list-with-illust">
               <Illustration
               width={242} height={175}
-              src1x="/img/teach-like-mozilla-page/icon-teach-like-mozilla.svg"
+              src1x="/img/teach-like-mozilla-page/svg/icon-teach-like-mozilla.svg"
               alt="icon teach like mozilla">
                 <ul>
                   <li>
@@ -52,21 +52,21 @@ var TeachLikeMozillaPage = React.createClass({
             <IconLinks>
               <IconLink
                 href="http://mzl.la/TTWpodcasts"
-                imgSrc="/img/teach-like-mozilla-page/icon-listen.svg"
+                imgSrc="/img/teach-like-mozilla-page/svg/icon-listen.svg"
                 imgAlt="icon listen"
                 head="Listen"
                 subhead="Subscribe to our podcast"
               />
               <IconLink
                 linkTo="web-literacy"
-                imgSrc="/img/teach-like-mozilla-page/icon-learn.svg"
+                imgSrc="/img/teach-like-mozilla-page/svg/icon-learn.svg"
                 imgAlt="icon learn"
                 head="Learn"
                 subhead="See our Web Literacy Map"
               />
               <IconLink
                 href="http://discourse.webmaker.org/category/meet"
-                imgSrc="/img/teach-like-mozilla-page/icon-connect.svg"
+                imgSrc="/img/teach-like-mozilla-page/svg/icon-connect.svg"
                 imgAlt="icon connect"
                 head="Say Hello"
                 subhead="Meet the teach community"

pages/web-literacy.jsx

@@ -39,7 +39,7 @@ var ActivitiesPage = React.createClass({
         <section className="intro">
           <Illustration
           width={210} height={210}
-          src1x="/img/web-literacy-page/icon-web-literacy.svg"
+          src1x="/img/web-literacy-page/svg/icon-web-literacy.svg"
           alt="web literacy illustration">
             <h2>
               Web Literacy is the skills and competencies needed for reading, writing, and participating on the Web.
@@ -188,21 +188,21 @@ var ActivitiesPage = React.createClass({
           <IconLinks>
             <IconLink
               href="https://wiki.mozilla.org/Webmaker/WebLiteracyMap"
-              imgSrc="/img/web-literacy-page/icon-contribute.svg"
+              imgSrc="/img/web-literacy-page/svg/icon-contribute.svg"
               imgAlt="icon contribute"
               head="Contribute"
               subhead="Join the community on defining Web Literacy at Mozilla"
             />
             <IconLink
               href="https://mozilla.github.io/webmaker-whitepaper/"
-              imgSrc="/img/web-literacy-page/icon-learn-more.svg"
+              imgSrc="/img/web-literacy-page/svg/icon-learn-more.svg"
               imgAlt="icon learn more"
               head="Learn More"
               subhead="This whitepaper explores why Mozilla cares about Web Literacy"
             />
             <IconLink
               href="https://www.mozilla.org/en-US/about/manifesto/"
-              imgSrc="/img/web-literacy-page/icon-reading.svg"
+              imgSrc="/img/web-literacy-page/svg/icon-reading.svg"
               imgAlt="icon reading"
               head="Get Reading"
               subhead="Web Literacy is core to the Mozilla mission and values"