add/fix sponsor logos

client/components/sponsors/Sponsors.jsx

@@ -26,6 +26,8 @@ import makeSchool from '../../images/sponsors/make-school.png';
 import lyft from '../../images/sponsors/lyft.png';
 import amplitude from '../../images/sponsors/amplitude.png';
 import microsoft from '../../images/sponsors/microsoft.png';
+import medidata from '../../images/sponsors/medidata.png';
+import callstack from '../../images/sponsors/callstack.png';
 
 const cx = classnames.bind(styles);
 
@@ -246,6 +248,30 @@ export class Sponsors extends PureComponent {
                 />
               </a>
             </div>
+            <div>
+              <a
+                href='https://www.mdsol.com/en/careers'
+                target='_blank'
+                >
+                <img
+                  alt='The Medidata logo'
+                  className={ cx('medidata') }
+                  src={ medidata }
+                />
+              </a>
+            </div>
+            <div>
+              <a
+                href='https://callstack.io/'
+                target='_blank'
+                >
+                <img
+                  alt='The Callstack logo'
+                  className={ cx('callstack') }
+                  src={ callstack }
+                />
+              </a>
+            </div>
           </div>
           <div className={ cx('tier-4', 'tiers') }>
             <div>

client/components/sponsors/sponsors.styl

@@ -80,20 +80,34 @@
     .netlify
       padding-top 20px
     .eventbrite
-      padding-top 30px
+      padding-top 22px
+      padding-bottom 22px
     .coursera
-      padding-top 35px
+      padding-top 25px
+      padding-bottom 25px
     .serverless
       padding-top 23px
     .nerdwallet
       padding-top 40px
     .reddit
       padding-top 27px
     .makeschool
-      padding-top 30px
-      height 120px
+      padding-top 20px
+      padding-bottom 15px
     .roost
       padding-top 30px
+    .amplitude
+      padding-bottom 20px
+      padding-top 20px
+    .microsoft
+      padding-bottom 20px
+      padding-top 20px
+    .medidata
+      padding-bottom 20px
+      padding-top 20px
+    .callstack
+      padding-top 20px
+      padding-bottom 20px
   +$above('sm')
     $grid('row', 'bottom', , 'center')
     div
@@ -133,6 +147,12 @@
     .microsoft
       padding-bottom 15px
       padding-top 15px
+    .medidata
+      padding-bottom 20px
+      padding-top 20px
+    .callstack
+      padding-top 22px
+      padding-bottom 22px
 
 // .tier-3
 //   +$below('sm')

client/components/workshops/Workshops.jsx

@@ -34,7 +34,7 @@ import moose from '../../images/peeps/moose.png';
 import eventbriteWhite from '../../images/sponsors/eventbrite-white.png';
 import reddit from '../../images/sponsors/reddit.png';
 import pinterest from '../../images/sponsors/pinterest-a.png';
-import makeSchool from '../../images/sponsors/make-school.png';
+import makeSchoola from './make-schoola.png';
 
 import {
   makeActionCreatorEnterSpaceClickable
@@ -184,10 +184,10 @@ export class Workshops extends PureComponent {
               src={ eventbriteWhite }
             />
           </div>
-          <div className={ cx('eventbrite') }>
+          <div className={ cx('make-school') }>
             <img
               alt="Make School's logo"
-              src={ makeSchool }
+              src={ makeSchoola }
             />
           </div>
         </div>

client/components/workshops/workshops.styl

@@ -269,5 +269,7 @@ $info-ratio-den = 86%
         width 80%
     .eventbrite
       padding-top 40px
+    .make-school
+      padding-top 10px
     .pinterest
       padding-top 20px