From 55c34ca59bd6b9815a72e4a57be9ac4b26dbb4f0 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Wed, 5 Aug 2015 14:54:18 -0400 Subject: [PATCH 01/11] 01_03e Finished Version --- builds/sassEssentials/css/style.css | 15 +++++++++++++++ process/sass/style.scss | 12 +++++++++++- 2 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 builds/sassEssentials/css/style.css diff --git a/builds/sassEssentials/css/style.css b/builds/sassEssentials/css/style.css new file mode 100644 index 0000000..b11e6b0 --- /dev/null +++ b/builds/sassEssentials/css/style.css @@ -0,0 +1,15 @@ +html { + font-size: 62.5%; +} + +body { + margin: 0; + padding: 0; + color: #022933; + background-color: #EEE8D6; + font-size: 1.8rem; +} + + + +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBQUMsSUFBSztFQUNKLFNBQVMsRUFBRSxLQUFLOzs7QUFHakIsSUFBSztFQUNKLE1BQU0sRUFBRSxDQUFDO0VBQ1QsT0FBTyxFQUFFLENBQUM7RUFDVixLQUFLLEVBQUUsT0FBTztFQUNkLGdCQUFnQixFQUFFLE9BQU87RUFDekIsU0FBUyxFQUFFLE1BQU0iLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiIGh0bWwge1xuICBmb250LXNpemU6IDYyLjUlO1xuIH1cblxuIGJvZHkge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGNvbG9yOiAjMDIyOTMzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjRUVFOEQ2O1xuICBmb250LXNpemU6IDEuOHJlbTtcbiB9Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ \ No newline at end of file diff --git a/process/sass/style.scss b/process/sass/style.scss index 0519ecb..b9814fe 100755 --- a/process/sass/style.scss +++ b/process/sass/style.scss @@ -1 +1,11 @@ - \ No newline at end of file + html { + font-size: 62.5%; + } + + body { + margin: 0; + padding: 0; + color: #022933; + background-color: #EEE8D6; + font-size: 1.8rem; + } \ No newline at end of file From 7776c8312d074d9c1c893c22c69809f19d1a0445 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Wed, 5 Aug 2015 14:56:06 -0400 Subject: [PATCH 02/11] set up empty style.scss file for beginning --- builds/sassEssentials/css/style.css | 15 --------------- process/sass/style.scss | 11 ----------- 2 files changed, 26 deletions(-) delete mode 100644 builds/sassEssentials/css/style.css diff --git a/builds/sassEssentials/css/style.css b/builds/sassEssentials/css/style.css deleted file mode 100644 index b11e6b0..0000000 --- a/builds/sassEssentials/css/style.css +++ /dev/null @@ -1,15 +0,0 @@ -html { - font-size: 62.5%; -} - -body { - margin: 0; - padding: 0; - color: #022933; - background-color: #EEE8D6; - font-size: 1.8rem; -} - - - -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBQUMsSUFBSztFQUNKLFNBQVMsRUFBRSxLQUFLOzs7QUFHakIsSUFBSztFQUNKLE1BQU0sRUFBRSxDQUFDO0VBQ1QsT0FBTyxFQUFFLENBQUM7RUFDVixLQUFLLEVBQUUsT0FBTztFQUNkLGdCQUFnQixFQUFFLE9BQU87RUFDekIsU0FBUyxFQUFFLE1BQU0iLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiIGh0bWwge1xuICBmb250LXNpemU6IDYyLjUlO1xuIH1cblxuIGJvZHkge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGNvbG9yOiAjMDIyOTMzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjRUVFOEQ2O1xuICBmb250LXNpemU6IDEuOHJlbTtcbiB9Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ \ No newline at end of file diff --git a/process/sass/style.scss b/process/sass/style.scss index b9814fe..e69de29 100755 --- a/process/sass/style.scss +++ b/process/sass/style.scss @@ -1,11 +0,0 @@ - html { - font-size: 62.5%; - } - - body { - margin: 0; - padding: 0; - color: #022933; - background-color: #EEE8D6; - font-size: 1.8rem; - } \ No newline at end of file From e5953767a483efc345b54063aec40867eebf3d6d Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Wed, 5 Aug 2015 17:27:42 -0400 Subject: [PATCH 03/11] added starting CSS --- builds/sassEssentials/css/style.css | 4 ++++ gulpfile.js | 4 ++-- process/sass/style.scss | 17 +++++++++++++++++ 3 files changed, 23 insertions(+), 2 deletions(-) create mode 100644 builds/sassEssentials/css/style.css diff --git a/builds/sassEssentials/css/style.css b/builds/sassEssentials/css/style.css new file mode 100644 index 0000000..c10d1aa --- /dev/null +++ b/builds/sassEssentials/css/style.css @@ -0,0 +1,4 @@ +html{font-size:62.5%}body{margin:0;padding:0;font-size:1.8rem;font-family:'Helvetica', sans-serif;color:#022933;background-color:#EEE8D6}.container{width:80%;margin:0 auto} + + +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBQUEsSUFBSyxDQUNILFNBQVMsQ0FBRSxLQUFLLENBR2xCLElBQUssQ0FDSCxNQUFNLENBQUUsQ0FBQyxDQUNULE9BQU8sQ0FBRSxDQUFDLENBQ1YsU0FBUyxDQUFFLE1BQU0sQ0FDakIsV0FBVyxDQUFFLHVCQUF1QixDQUNwQyxLQUFLLENBQUUsT0FBTyxDQUNkLGdCQUFnQixDQUFFLE9BQU8sQ0FHM0IsVUFBVyxDQUNULEtBQUssQ0FBRSxHQUFHLENBQ1YsTUFBTSxDQUFFLE1BQU0iLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiaHRtbCB7XG4gIGZvbnQtc2l6ZTogNjIuNSU7XG59XG5cbmJvZHkge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LWZhbWlseTogJ0hlbHZldGljYScsIHNhbnMtc2VyaWY7XG4gIGNvbG9yOiAjMDIyOTMzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjRUVFOEQ2O1xufVxuXG4uY29udGFpbmVyIHtcbiAgd2lkdGg6IDgwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG59Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 971aa44..f9fd43b 100755 --- a/gulpfile.js +++ b/gulpfile.js @@ -13,7 +13,7 @@ gulp.task('js', function() { gulp.task('sass', function () { return sass('process/sass/style.scss', { sourcemap: true, - style: 'expanded' + style: 'compressed' }) .on('error', function (err) { console.error('Error!', err.message); @@ -35,4 +35,4 @@ gulp.task('webserver', function() { })); }); -gulp.task('default', ['watch', 'sass','webserver']); +gulp.task('default', ['sass', 'watch', 'webserver']); diff --git a/process/sass/style.scss b/process/sass/style.scss index e69de29..c540b00 100755 --- a/process/sass/style.scss +++ b/process/sass/style.scss @@ -0,0 +1,17 @@ +html { + font-size: 62.5%; +} + +body { + margin: 0; + padding: 0; + font-size: 1.8rem; + font-family: 'Helvetica', sans-serif; + color: #022933; + background-color: #EEE8D6; +} + +.container { + width: 80%; + margin: 0 auto; +} \ No newline at end of file From 5c01a1b536c632841c891d2619b496a8d398def5 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Wed, 5 Aug 2015 19:26:19 -0400 Subject: [PATCH 04/11] reverted to file withoug scss --- builds/sassEssentials/css/style.css | 5 +++-- process/sass/style.scss | 17 ----------------- 2 files changed, 3 insertions(+), 19 deletions(-) diff --git a/builds/sassEssentials/css/style.css b/builds/sassEssentials/css/style.css index c10d1aa..95cc7df 100644 --- a/builds/sassEssentials/css/style.css +++ b/builds/sassEssentials/css/style.css @@ -1,4 +1,5 @@ -html{font-size:62.5%}body{margin:0;padding:0;font-size:1.8rem;font-family:'Helvetica', sans-serif;color:#022933;background-color:#EEE8D6}.container{width:80%;margin:0 auto} -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBQUEsSUFBSyxDQUNILFNBQVMsQ0FBRSxLQUFLLENBR2xCLElBQUssQ0FDSCxNQUFNLENBQUUsQ0FBQyxDQUNULE9BQU8sQ0FBRSxDQUFDLENBQ1YsU0FBUyxDQUFFLE1BQU0sQ0FDakIsV0FBVyxDQUFFLHVCQUF1QixDQUNwQyxLQUFLLENBQUUsT0FBTyxDQUNkLGdCQUFnQixDQUFFLE9BQU8sQ0FHM0IsVUFBVyxDQUNULEtBQUssQ0FBRSxHQUFHLENBQ1YsTUFBTSxDQUFFLE1BQU0iLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiaHRtbCB7XG4gIGZvbnQtc2l6ZTogNjIuNSU7XG59XG5cbmJvZHkge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LWZhbWlseTogJ0hlbHZldGljYScsIHNhbnMtc2VyaWY7XG4gIGNvbG9yOiAjMDIyOTMzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjRUVFOEQ2O1xufVxuXG4uY29udGFpbmVyIHtcbiAgd2lkdGg6IDgwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG59Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ \ No newline at end of file + + +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsInNvdXJjZXMiOltdLCJuYW1lcyI6W10sImZpbGUiOiJzdHlsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W10sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ \ No newline at end of file diff --git a/process/sass/style.scss b/process/sass/style.scss index c540b00..e69de29 100755 --- a/process/sass/style.scss +++ b/process/sass/style.scss @@ -1,17 +0,0 @@ -html { - font-size: 62.5%; -} - -body { - margin: 0; - padding: 0; - font-size: 1.8rem; - font-family: 'Helvetica', sans-serif; - color: #022933; - background-color: #EEE8D6; -} - -.container { - width: 80%; - margin: 0 auto; -} \ No newline at end of file From ec29ff7af63ab7ac78264b1b2e43a29a10243d42 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Thu, 27 Aug 2015 11:11:04 -0400 Subject: [PATCH 05/11] Update .gitignore --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index da51b57..813dca5 100755 --- a/.gitignore +++ b/.gitignore @@ -3,4 +3,5 @@ node_modules .tmp .sass-cache images/** -slides/** \ No newline at end of file +slides/** +builds/sassEssentials/css/** From 907e5eecf52fb7c9b44c439a395912d1426d1c26 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Thu, 27 Aug 2015 11:16:38 -0400 Subject: [PATCH 06/11] Update gulpfile.js --- gulpfile.js | 1 + 1 file changed, 1 insertion(+) diff --git a/gulpfile.js b/gulpfile.js index f9fd43b..d3c446f 100755 --- a/gulpfile.js +++ b/gulpfile.js @@ -30,6 +30,7 @@ gulp.task('watch', function() { gulp.task('webserver', function() { gulp.src('builds/sassEssentials/') .pipe(webserver({ + host: '0.0.0.0', livereload: true, open: true })); From b9dbf9d3be6bb3d169252b61a12997f2dc6087f2 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Thu, 27 Aug 2015 19:33:53 -0400 Subject: [PATCH 07/11] changes to gitignore file --- .gitignore | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 813dca5..0bb226a 100755 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,4 @@ node_modules .sass-cache images/** slides/** -builds/sassEssentials/css/** +builds/sassEssentials/css/style.css \ No newline at end of file From 5791028468e9d0b6fef45e5056758d4112417109 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Thu, 24 Sep 2015 19:46:16 -0400 Subject: [PATCH 08/11] removed host from gulpfile --- gulpfile.js | 1 - 1 file changed, 1 deletion(-) diff --git a/gulpfile.js b/gulpfile.js index d3c446f..f9fd43b 100755 --- a/gulpfile.js +++ b/gulpfile.js @@ -30,7 +30,6 @@ gulp.task('watch', function() { gulp.task('webserver', function() { gulp.src('builds/sassEssentials/') .pipe(webserver({ - host: '0.0.0.0', livereload: true, open: true })); From 0238ddaf85a925228c2d5949a701ea499ecd9443 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Thu, 24 Sep 2015 20:29:03 -0400 Subject: [PATCH 09/11] modified scss files --- builds/sassEssentials/css/style.css | 5 ++--- process/sass/style.scss | 17 +++++++++++++++++ 2 files changed, 19 insertions(+), 3 deletions(-) diff --git a/builds/sassEssentials/css/style.css b/builds/sassEssentials/css/style.css index 95cc7df..b41aa56 100644 --- a/builds/sassEssentials/css/style.css +++ b/builds/sassEssentials/css/style.css @@ -1,5 +1,4 @@ +html{font-size:62.5%}body{margin:0;padding:0;font-size:1.8rem;font-family:'Helvetica', sans-serif;color:#022933;background-color:#EEE8D6}.container{width:80%;margin:0 auto} - - -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsInNvdXJjZXMiOltdLCJuYW1lcyI6W10sImZpbGUiOiJzdHlsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W10sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ \ No newline at end of file +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBQUMsSUFBSyxDQUNKLFNBQVMsQ0FBRSxLQUFLLENBR2xCLElBQUssQ0FDSCxNQUFNLENBQUUsQ0FBQyxDQUNULE9BQU8sQ0FBRSxDQUFDLENBQ1YsU0FBUyxDQUFFLE1BQU0sQ0FDakIsV0FBVyxDQUFFLHVCQUF1QixDQUNwQyxLQUFLLENBQUUsT0FBTyxDQUNkLGdCQUFnQixDQUFFLE9BQU8sQ0FHM0IsVUFBVyxDQUNULEtBQUssQ0FBRSxHQUFHLENBQ1YsTUFBTSxDQUFFLE1BQU0iLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiIGh0bWwge1xuICBmb250LXNpemU6IDYyLjUlO1xufVxuXG5ib2R5IHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC1mYW1pbHk6ICdIZWx2ZXRpY2EnLCBzYW5zLXNlcmlmO1xuICBjb2xvcjogIzAyMjkzMztcbiAgYmFja2dyb3VuZC1jb2xvcjogI0VFRThENjtcbn1cblxuLmNvbnRhaW5lciB7XG4gIHdpZHRoOiA4MCU7XG4gIG1hcmdpbjogMCBhdXRvO1xufSJdLCJzb3VyY2VSb290IjoiL3NvdXJjZS8ifQ== */ \ No newline at end of file diff --git a/process/sass/style.scss b/process/sass/style.scss index e69de29..b02125d 100755 --- a/process/sass/style.scss +++ b/process/sass/style.scss @@ -0,0 +1,17 @@ + html { + font-size: 62.5%; +} + +body { + margin: 0; + padding: 0; + font-size: 1.8rem; + font-family: 'Helvetica', sans-serif; + color: #022933; + background-color: #EEE8D6; +} + +.container { + width: 80%; + margin: 0 auto; +} \ No newline at end of file From 6f1065351c14e1aa068ba4afcd1ea913d238bbc8 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Wed, 5 Jun 2019 17:37:09 -0400 Subject: [PATCH 10/11] Updated to new gulp process using node-sass --- gulpfile.js | 92 ++++++++++++++++++++++++++++++---------------------- package.json | 17 ++++++---- 2 files changed, 64 insertions(+), 45 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index f9fd43b..b0c0a69 100755 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,38 +1,54 @@ -var gulp = require('gulp'), - jshint = require('gulp-jshint'), - sass = require('gulp-ruby-sass'), - sourcemaps = require('gulp-sourcemaps'), - webserver = require('gulp-webserver'); - -gulp.task('js', function() { - return gulp.src('builds/sassEssentials/js/myscript.js') - .pipe(jshint('./.jshintrc')) - .pipe(jshint.reporter('jshint-stylish')); -}); - -gulp.task('sass', function () { - return sass('process/sass/style.scss', { - sourcemap: true, - style: 'compressed' - }) - .on('error', function (err) { - console.error('Error!', err.message); - }) - .pipe(sourcemaps.write()) - .pipe(gulp.dest('builds/sassEssentials/css')); -}); - -gulp.task('watch', function() { - gulp.watch('builds/sassEssentials/js/**/*', ['js']); - gulp.watch(['process/sass/**/*'], ['sass']); -}); - -gulp.task('webserver', function() { - gulp.src('builds/sassEssentials/') - .pipe(webserver({ - livereload: true, - open: true - })); -}); - -gulp.task('default', ['sass', 'watch', 'webserver']); +const gulp = require("gulp"), + sass = require("gulp-sass"), + sourcemaps = require("gulp-sourcemaps"), + browserSync = require("browser-sync").create(), + source = "./process/", + dest = "./builds/sassEssentials/"; + +sass.compiler = require("node-sass"); + +function html() { + return gulp.src(dest + "**/*.html"); +} + +function js() { + return gulp.src(dest + "**/*.js"); +} + +function styles() { + return gulp + .src(source + "sass/style.scss") + .pipe(sourcemaps.init()) + .pipe( + sass({ + sourcemap: true, + style: "compressed" + }).on("error", sass.logError) + ) + .pipe(gulp.dest(dest + "css")); +} + +function watch() { + gulp.watch(dest + "js/**/*.js", js).on("change", browserSync.reload); + gulp.watch(source + "sass/**/*", styles).on("change", browserSync.reload); + gulp.watch(dest + "index.html", html).on("change", browserSync.reload); +} + +function server() { + browserSync.init({ + notify: false, + server: { + baseDir: dest + } + }); + + gulp + .watch(source + "sass/**/*.scss", styles) + .on("change", browserSync.reload); + gulp.watch(dest + "js/**/*.js", js).on("change", browserSync.reload); + gulp.watch(dest + "index.html", html).on("change", browserSync.reload); +} + +var build = gulp.series(gulp.parallel(js, styles, html), server, watch); + +gulp.task("default", build); diff --git a/package.json b/package.json index 4f9e7b8..49ff29c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { - "name": "sassEssentials", - "version": "0.0.1", + "name": "sassessentials", + "version": "1.0.2", "description": "A website for my Sass Essential Training course on Lynda.com", "repository": { "type": "git", @@ -8,10 +8,13 @@ }, "author": "Ray Villalobos", "devDependencies": { - "gulp": "^3.8.11", - "gulp-jshint": "^1.9.0", - "gulp-ruby-sass": "^1.0.5", - "gulp-sourcemaps": "^1.5.2", - "gulp-webserver": "^0.9.1" + "gulp": "^4.0.2", + "gulp-jshint": "^2.1.0", + "gulp-sass": "^4.0.2", + "gulp-sourcemaps": "^2.6.5", + "node-sass": "^4.12.0" + }, + "dependencies": { + "browser-sync": "^2.26.5" } } From 17ab6f0fcda7dd6f735795199244b3a10c2e0326 Mon Sep 17 00:00:00 2001 From: Ray Villalobos Date: Wed, 5 Jun 2019 17:37:12 -0400 Subject: [PATCH 11/11] Updated to new gulp process using node-sass --- builds/sassEssentials/css/style.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) mode change 100644 => 100755 builds/sassEssentials/css/style.css diff --git a/builds/sassEssentials/css/style.css b/builds/sassEssentials/css/style.css old mode 100644 new mode 100755 index b41aa56..8be31eb --- a/builds/sassEssentials/css/style.css +++ b/builds/sassEssentials/css/style.css @@ -1,4 +1,14 @@ -html{font-size:62.5%}body{margin:0;padding:0;font-size:1.8rem;font-family:'Helvetica', sans-serif;color:#022933;background-color:#EEE8D6}.container{width:80%;margin:0 auto} +html { + font-size: 62.5%; } +body { + margin: 0; + padding: 0; + font-size: 1.8rem; + font-family: 'Helvetica', sans-serif; + color: #022933; + background-color: #EEE8D6; } -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBQUMsSUFBSyxDQUNKLFNBQVMsQ0FBRSxLQUFLLENBR2xCLElBQUssQ0FDSCxNQUFNLENBQUUsQ0FBQyxDQUNULE9BQU8sQ0FBRSxDQUFDLENBQ1YsU0FBUyxDQUFFLE1BQU0sQ0FDakIsV0FBVyxDQUFFLHVCQUF1QixDQUNwQyxLQUFLLENBQUUsT0FBTyxDQUNkLGdCQUFnQixDQUFFLE9BQU8sQ0FHM0IsVUFBVyxDQUNULEtBQUssQ0FBRSxHQUFHLENBQ1YsTUFBTSxDQUFFLE1BQU0iLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiIGh0bWwge1xuICBmb250LXNpemU6IDYyLjUlO1xufVxuXG5ib2R5IHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC1mYW1pbHk6ICdIZWx2ZXRpY2EnLCBzYW5zLXNlcmlmO1xuICBjb2xvcjogIzAyMjkzMztcbiAgYmFja2dyb3VuZC1jb2xvcjogI0VFRThENjtcbn1cblxuLmNvbnRhaW5lciB7XG4gIHdpZHRoOiA4MCU7XG4gIG1hcmdpbjogMCBhdXRvO1xufSJdLCJzb3VyY2VSb290IjoiL3NvdXJjZS8ifQ== */ \ No newline at end of file +.container { + width: 80%; + margin: 0 auto; }