Update Jobs page

- Add 'Web Designer' position
- Adjusted typography to match new Type Standards
- Add Hex Value to Colors for consistency

src/_colors.scss

@@ -1,7 +1,7 @@
 /* UI Primary Colors */
 $ui-blue: hsla(200, 90, 55, 1); // #25AFF4
 $ui-orange: hsla(35, 90, 55, 1); // #F49D25
-$ui-light-gray: hsla(0, 0, 98, 1);
+$ui-light-gray: hsla(0, 0, 98, 1); //#FAFAFA
 $ui-gray: hsla(0, 0, 95, 1); //#F2F2F2
 $ui-dark-gray: hsla(0, 0, 70, 1); //#B3B3B3
 

src/views/jobs/jobs.jsx

@@ -14,13 +14,13 @@ var Jobs = React.createClass({
                 <div className="top">
                     <div className="inner">
                         <img src="/images/jobs.png" />
-                        <h1><FormattedMessage id='jobs.titleQuestion' /></h1>
+                        <h2><FormattedMessage id='jobs.titleQuestion' /></h2>
                     </div>
                 </div>
 
                 <div className="middle">
                     <div className="inner">
-                        <h2><FormattedMessage id='jobs.joinScratchTeam' /></h2>
+                        <h3><FormattedMessage id='jobs.joinScratchTeam' /></h3>
                         <p><FormattedMessage id='jobs.info' /></p>
                         <p><FormattedMessage id='jobs.workEnvironment' /></p>
                     </div>
@@ -28,7 +28,7 @@ var Jobs = React.createClass({
 
                 <div className="bottom">
                     <div className="inner">
-                        <h2><FormattedMessage id='jobs.openings' /></h2>
+                        <h3><FormattedMessage id='jobs.openings' /></h3>
                         <ul>
                             <li>
                                 <a href="http://bit.ly/24B9aEz">
@@ -54,6 +54,14 @@ var Jobs = React.createClass({
                                     (MIT Media Lab, Cambridge, MA or Remote)
                                 </span>
                             </li>
+                            <li>
+                                <a href="http://media.mit.edu/about/opportunities/web-designer-scratch">
+                                    Web Designer
+                                </a>
+                                <span>
+                                    (MIT Media Lab, Cambridge, MA)
+                                </span>
+                            </li>
                         </ul>
                     </div>
                 </div>

src/views/jobs/jobs.scss

@@ -1,17 +1,6 @@
 @import "../../colors";
 
 .jobs {
-    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;
@@ -39,14 +28,10 @@
         }
 
         ul {
-            padding: 0;
-
+            padding-left: 0;
             list-style: none;
 
             li {
-                margin: 0;
-                padding: 0;
-
                 span {
                     margin-left: 10px;
                 }