From 4cf3b890fdc26f210ec5161d4b9a019e5f2c56ff Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Tue, 21 Feb 2017 08:37:05 -0500
Subject: [PATCH] =?UTF-8?q?Update=20ordering=20and=20text=20size=20for=20?=
 =?UTF-8?q?=E2=80=9CLearn=20More=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/conference/2017/index/index.jsx | 328 +++++++++++-----------
 1 file changed, 164 insertions(+), 164 deletions(-)

diff --git a/src/views/conference/2017/index/index.jsx b/src/views/conference/2017/index/index.jsx
index 8fe543f93..849ed9dd9 100644
--- a/src/views/conference/2017/index/index.jsx
+++ b/src/views/conference/2017/index/index.jsx
@@ -25,9 +25,9 @@ var ConferenceSplash = React.createClass({
                         <FormattedMessage id='conference-2017.desc' />
                     </h3>
                 </TitleBanner>
-                <div className='conf2017-title-band'>
+                <h3 className='conf2017-title-band'>
                     <FormattedMessage id='conference-2017.seeBelow' />
-                </div>
+                </h3>
                 <div className='inner'>
                     <section className='conf2017-panel mod-france'>
                         <FlexRow className='conf2017-panel-title'>
@@ -110,86 +110,6 @@ var ConferenceSplash = React.createClass({
                             <FormattedMessage id='conference-2017.website' />
                         </a>
                     </section>
-                    <section className='conf2017-panel mod-brasil'>
-                        <FlexRow className='conf2017-panel-title'>
-                            <img
-                                className='conf2017-panel-flag'
-                                src='/svgs/conference/flags/br.svg'
-                                alt='Brasil Flag'
-                            />
-                            <div className='conf2017-panel-title-text'>
-                                <h3><FormattedMessage id='conference-2017.brasilTitle' /></h3>
-                            </div>
-                        </FlexRow>
-                        <p className='conf2017-panel-desc'>
-                            <FormattedMessage id='conference-2017.brasilDesc' />
-                        </p>
-                        <table className='conf2017-panel-details'>
-                            <tbody>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/calendar-icon.svg'
-                                            alt='Calendar Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.date' /></td>
-                                    <td>
-                                        <FormattedDate
-                                            value={new Date(2017, 8, 28)}
-                                            year='numeric'
-                                            month='long'
-                                            day='2-digit'
-                                        />
-                                        {' - '}
-                                        <FormattedDate
-                                            value={new Date(2017, 8, 30)}
-                                            year='numeric'
-                                            month='long'
-                                            day='2-digit'
-                                        />
-                                    </td>
-                                </tr>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/map-icon.svg'
-                                            alt='Map Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.location' /></td>
-                                    <td>{'São Paulo, Brasil'}</td>
-                                </tr>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/audience-icon.svg'
-                                            alt='Audience Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.audience' /></td>
-                                    <td><FormattedMessage id='conference-2017.brasilAudience' /></td>
-                                </tr>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/language-icon.svg'
-                                            alt='Language Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.language' /></td>
-                                    <td>{'Português (Portuguese)'}</td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <a className='button mod-2017-panel' href='http://scratchbrasil.org/'>
-                            <FormattedMessage id='conference-2017.website' />
-                        </a>
-                    </section>
                     <section className='conf2017-panel mod-hungary'>
                         <FlexRow className='conf2017-panel-title'>
                             <img
@@ -270,6 +190,87 @@ var ConferenceSplash = React.createClass({
                             <FormattedMessage id='conference-2017.website' />
                         </a>
                     </section>
+                    <section className='conf2017-panel mod-costarica'>
+                        <FlexRow className='conf2017-panel-title'>
+                            <img
+                                className='conf2017-panel-flag'
+                                src='/svgs/conference/flags/cr.svg'
+                                alt='Costa Rica Flag'
+                            />
+                            <div className='conf2017-panel-title-text'>
+                                <h3><FormattedMessage id='conference-2017.costaricaTitle' /></h3>
+                                <h4><FormattedMessage id='conference-2017.costaricaSubTitle' /></h4>
+                            </div>
+                        </FlexRow>
+                        <p className='conf2017-panel-desc'>
+                            <FormattedMessage id='conference-2017.costaricaDesc' />
+                        </p>
+                        <table className='conf2017-panel-details'>
+                            <tbody>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/calendar-icon.svg'
+                                            alt='Calendar Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.date' /></td>
+                                    <td>
+                                        <FormattedDate
+                                            value={new Date(2017, 10, 13)}
+                                            year='numeric'
+                                            month='long'
+                                            day='2-digit'
+                                        />
+                                        {' - '}
+                                        <FormattedDate
+                                            value={new Date(2017, 10, 15)}
+                                            year='numeric'
+                                            month='long'
+                                            day='2-digit'
+                                        />
+                                    </td>
+                                </tr>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/map-icon.svg'
+                                            alt='Map Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.location' /></td>
+                                    <td>{'San José, Costa Rica'}</td>
+                                </tr>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/audience-icon.svg'
+                                            alt='Audience Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.audience' /></td>
+                                    <td><FormattedMessage id='conference-2017.costaricaAudience' /></td>
+                                </tr>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/language-icon.svg'
+                                            alt='Language Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.language' /></td>
+                                    <td>{'Español (Spanish)'}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <a className='button mod-2017-panel' href='http://www.scratchcostarica.com'>
+                            <FormattedMessage id='conference-2017.website' />
+                        </a>
+                    </section>
                     <section className='conf2017-panel mod-chile'>
                         <FlexRow className='conf2017-panel-title'>
                             <img
@@ -351,7 +352,87 @@ var ConferenceSplash = React.createClass({
                             <FormattedMessage id='conference-2017.website' />
                         </a>
                     </section>
-                    <section className='conf2017-panel mod-china'>
+                    <section className='conf2017-panel mod-brasil'>
+                        <FlexRow className='conf2017-panel-title'>
+                            <img
+                                className='conf2017-panel-flag'
+                                src='/svgs/conference/flags/br.svg'
+                                alt='Brasil Flag'
+                            />
+                            <div className='conf2017-panel-title-text'>
+                                <h3><FormattedMessage id='conference-2017.brasilTitle' /></h3>
+                            </div>
+                        </FlexRow>
+                        <p className='conf2017-panel-desc'>
+                            <FormattedMessage id='conference-2017.brasilDesc' />
+                        </p>
+                        <table className='conf2017-panel-details'>
+                            <tbody>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/calendar-icon.svg'
+                                            alt='Calendar Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.date' /></td>
+                                    <td>
+                                        <FormattedDate
+                                            value={new Date(2017, 8, 28)}
+                                            year='numeric'
+                                            month='long'
+                                            day='2-digit'
+                                        />
+                                        {' - '}
+                                        <FormattedDate
+                                            value={new Date(2017, 8, 30)}
+                                            year='numeric'
+                                            month='long'
+                                            day='2-digit'
+                                        />
+                                    </td>
+                                </tr>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/map-icon.svg'
+                                            alt='Map Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.location' /></td>
+                                    <td>{'São Paulo, Brasil'}</td>
+                                </tr>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/audience-icon.svg'
+                                            alt='Audience Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.audience' /></td>
+                                    <td><FormattedMessage id='conference-2017.brasilAudience' /></td>
+                                </tr>
+                                <tr className='conf2017-panel-row'>
+                                    <td className='conf2017-panel-row-icon'>
+                                        <img
+                                            className='conf2017-panel-row-icon-image'
+                                            src='/svgs/conference/index/language-icon.svg'
+                                            alt='Language Icon'
+                                        />
+                                    </td>
+                                    <td><FormattedMessage id='conference-2017.language' /></td>
+                                    <td>{'Português (Portuguese)'}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <a className='button mod-2017-panel' href='http://scratchbrasil.org/'>
+                            <FormattedMessage id='conference-2017.website' />
+                        </a>
+                    </section>
+                    <section className='conf2017-panel mod-china mod-last'>
                         <FlexRow className='conf2017-panel-title'>
                             <img
                                 className='conf2017-panel-flag'
@@ -419,87 +500,6 @@ var ConferenceSplash = React.createClass({
                             <FormattedMessage id='conference-2017.contact' />
                         </a>
                     </section>
-                    <section className='conf2017-panel mod-costarica mod-last'>
-                        <FlexRow className='conf2017-panel-title'>
-                            <img
-                                className='conf2017-panel-flag'
-                                src='/svgs/conference/flags/cr.svg'
-                                alt='Costa Rica Flag'
-                            />
-                            <div className='conf2017-panel-title-text'>
-                                <h3><FormattedMessage id='conference-2017.costaricaTitle' /></h3>
-                                <h4><FormattedMessage id='conference-2017.costaricaSubTitle' /></h4>
-                            </div>
-                        </FlexRow>
-                        <p className='conf2017-panel-desc'>
-                            <FormattedMessage id='conference-2017.costaricaDesc' />
-                        </p>
-                        <table className='conf2017-panel-details'>
-                            <tbody>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/calendar-icon.svg'
-                                            alt='Calendar Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.date' /></td>
-                                    <td>
-                                        <FormattedDate
-                                            value={new Date(2017, 10, 13)}
-                                            year='numeric'
-                                            month='long'
-                                            day='2-digit'
-                                        />
-                                        {' - '}
-                                        <FormattedDate
-                                            value={new Date(2017, 10, 15)}
-                                            year='numeric'
-                                            month='long'
-                                            day='2-digit'
-                                        />
-                                    </td>
-                                </tr>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/map-icon.svg'
-                                            alt='Map Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.location' /></td>
-                                    <td>{'San José, Costa Rica'}</td>
-                                </tr>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/audience-icon.svg'
-                                            alt='Audience Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.audience' /></td>
-                                    <td><FormattedMessage id='conference-2017.costaricaAudience' /></td>
-                                </tr>
-                                <tr className='conf2017-panel-row'>
-                                    <td className='conf2017-panel-row-icon'>
-                                        <img
-                                            className='conf2017-panel-row-icon-image'
-                                            src='/svgs/conference/index/language-icon.svg'
-                                            alt='Language Icon'
-                                        />
-                                    </td>
-                                    <td><FormattedMessage id='conference-2017.language' /></td>
-                                    <td>{'Español (Spanish)'}</td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <a className='button mod-2017-panel' href='http://www.scratchcostarica.com'>
-                            <FormattedMessage id='conference-2017.website' />
-                        </a>
-                    </section>
                 </div>
             </div>
         );