Merge pull request #369 from thisandagain/feature/jobs

Migrate - Jobs Page

server/routes.json

@@ -23,5 +23,10 @@
         "pattern": "/info/credits",
         "view": "credits",
         "title": "Credits"
+    },
+    {
+        "pattern": "/jobs",
+        "view": "jobs",
+        "title": "Jobs"
     }
 ]

src/views/jobs/jobs.jsx

+var React = require('react');
+var render = require('../../lib/render.jsx');
+var FormattedMessage = require('react-intl').FormattedMessage;
+
+require('./jobs.scss');
+
+var Jobs = React.createClass({
+    type: 'Jobs',
+    render: function () {
+        return (
+            <div>
+                <div className="top">
+                    <div className="inner">
+                        <img src="/images/jobs.png" />
+                        <h1><FormattedMessage id='jobs.titleQuestion' /></h1>
+                    </div>
+                </div>
+
+                <div className="middle">
+                    <div className="inner">
+                        <h2><FormattedMessage id='jobs.joinScratchTeam' /></h2>
+                        <p><FormattedMessage id='jobs.info' /></p>
+                        <p><FormattedMessage id='jobs.workEnvironment' /></p>
+                    </div>
+                </div>
+
+                <div className="bottom">
+                    <div className="inner">
+                        <h2><FormattedMessage id='jobs.openings' /></h2>
+                        <ul>
+                            <li>
+                                <a href="http://bit.ly/24B9aEz">
+                                    Community Manager
+                                </a>
+                                <span>
+                                    (MIT Media Lab, Cambridge, MA)
+                                </span>
+                            </li>
+                            <li>
+                                <a href="http://bit.ly/21CTTE6">
+                                    Front-end Engineer
+                                </a>
+                                <span>
+                                    (MIT Media Lab, Cambridge, MA)
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+});
+
+render(<Jobs />, document.getElementById('view'));

src/views/jobs/jobs.scss

+@import "../../colors";
+
+#view {
+    h1 {
+        line-height: 2.6rem;
+        font-size: 2.3rem;
+        font-weight: 300;
+    }
+
+    h2 {
+        font-size: 1.8rem;
+        font-weight: 300;
+    }
+
+    .top {
+        img {
+            margin-bottom: 10px;
+        }
+    }
+
+    .middle {
+        margin: 20px 0;
+        background-color: $ui-gray;
+        padding: 40px 0;
+        width: 100%;
+    }
+
+    .bottom {
+        width: 100%;
+        line-height: 200%;
+
+        .thin-heading {
+            padding: 20px 0;
+        }
+
+        p {
+            margin: auto;
+            width: 70%;
+        }
+
+        ul {
+            padding: 0;
+
+            list-style: none;
+
+            li {
+                margin: 0;
+                padding: 0;
+
+                span {
+                    margin-left: 10px;
+                }
+            }
+        }
+    }
+}

src/views/jobs/l10n.json

+{
+    "jobs.info": "With Scratch, young people from all backgrounds are learning to program their own interactive stories, games, and animations. Children and teens from around the world have created and shared more than 10 million projects in the rapidly-growing Scratch online community.",
+    "jobs.joinScratchTeam": "Join the Scratch Team!",
+    "jobs.openings": "Current Job Openings",
+    "jobs.titleQuestion": "Want to work on an innovative project that is transforming the ways young people create, share, and learn?",
+    "jobs.workEnvironment":"We’re seeking curious and motivated people to join our Scratch Team at the MIT Media Lab. We're a diverse group of educators, designers, and engineers, who work together in a playful, creative environment full of LEGO bricks, craft materials, and maker tools. We strongly value diversity, collaboration, and respect in the workplace."
+}