web lit page

components/illustration.jsx

@@ -0,0 +1,18 @@
+var React = require('react');
+var ImageTag = require('./imagetag.jsx');
+
+var Illustration = React.createClass({
+  render: function() {
+    return (
+      <div className="row illustration">
+        <div className="image-container col-sm-4 col-md-4 col-lg-4">
+          <ImageTag className="image" src1x={this.props.src1x} src2x={this.props.src2x}
+            alt={this.props.alt}/>
+        </div>
+        <div className="content-container col-sm-8 col-md-8 col-lg-8">{this.props.children}</div>
+      </div>
+    );
+  }
+});
+
+module.exports = Illustration;

gulpfile.js

@@ -31,7 +31,8 @@ var BUILD_TASKS = [
   'beautify',
   'copy-test-dirs',
   'copy-images',
-  'copy-vendor',
+  'copy-bootstrap',
+  'copy-webmaker-app-icons',
   'less',
   'webpack',
   'sitemap'
@@ -89,7 +90,13 @@ gulp.task('copy-images', function () {
   }).pipe(gulp.dest('./dist'));
 });
 
-gulp.task('copy-vendor', function () {
+gulp.task('copy-webmaker-app-icons', function () {
+  return gulp.src(['node_modules/webmaker-app-icons/css/**', 'node_modules/webmaker-app-icons/fonts/**'], {
+    base: 'node_modules/webmaker-app-icons'
+  }).pipe(gulp.dest('./dist/vendor/webmaker-app-icons'));
+});
+
+gulp.task('copy-bootstrap', function () {
   return gulp.src(['node_modules/bootstrap/dist/css/**', 'node_modules/bootstrap/dist/fonts/**'], {
     base: 'node_modules/bootstrap/dist'
   }).pipe(gulp.dest('./dist/vendor/bootstrap'));