From 29ef20f8c6f74f87f28b5f584bc0906a1e15fd8c Mon Sep 17 00:00:00 2001 From: Mazen Touati Date: Wed, 28 Nov 2018 23:33:30 +0100 Subject: [PATCH] First design iteration --- 404.html | 79 +++-- CHANGELOG.md | 13 + gulpfile.js | 48 ++- index.html | 445 ++++++++++++++++----------- package.json | 8 +- public/css/app.min.css | 10 +- public/css/critical.min.css | 1 + public/js/404.min.js | 2 +- public/js/bundle.min.js | 2 +- public/static/signature_animated.svg | 50 +++ 10 files changed, 427 insertions(+), 231 deletions(-) create mode 100644 public/css/critical.min.css create mode 100644 public/static/signature_animated.svg diff --git a/404.html b/404.html index 3a7725b..9d24bcf 100644 --- a/404.html +++ b/404.html @@ -2,57 +2,89 @@ + + Oops it's 404 ! - + + + + + + - - + + - - + + + - - + + + - - + + + +
-
-

404

-

Wow, the blue screen of death

-

01001001 01110100 00100111 01110011 00100000 01101111 01101011 01100001 01111001 00100000 01110100 01101111 00100000 01100110 01100001 01101001 01101100 00100000 01110011 01101111 01101101 01100101 01110100 01101001 01101101 01100101 01110011 00101110 00100000 01000011 01101000 01100101 01100101 01110010 01110011 00100000 00100001
- [H]ome page -

-
- QR signature -
-

Designed and developed by Mazen Touati @2018 – GNU GPLv3 License
feel free to contact me for any question

-

Stop code PAGE_NOT_FOUND

-
-
+
+
+

404

+

Wow, you're lost

+

01001001 01110100 00100111 01110011 00100000 01101111 01101011 01100001 01111001 00100000 01110100 01101111 00100000 01100110 01100001 01101001 01101100 00100000 01110011 01101111 01101101 01100101 01110100 01101001 01101101 01100101 01110011 00101110 00100000 01000011 01101000 01100101 01100101 01110010 01110011 00100000 00100001 +

+

+ [H]ome page +

+
+ QR signature +
+

Designed and developed by Mazen Touati @2018 – GNU GPLv3 License
feel free to contact me with any questions

+

Stop code PAGE_NOT_FOUND

+
+
+
@@ -61,7 +93,8 @@

Wow, the blue screen of death

diff --git a/CHANGELOG.md b/CHANGELOG.md index c409d26..9b9b16d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,18 @@ # CHANGELOG +## [0.2.0] - 2018-11-28 +### Added +- Keyboard friendly experience +- A separate contact section +### Changed +- Typography (font families, sizes) +- Enhanced the layout a little bit +- Add More Articles button to the blog section +- Reformulate the textual content +- Make the green text glowing ( in the hero section ) +- Make the signature self-drawing +- Add a percentage counter in the BSOD + ## 0.1.0 - initial version diff --git a/gulpfile.js b/gulpfile.js index ee46ad1..292afbf 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -3,13 +3,16 @@ global.srcDir = './src'; const - gulp = require('gulp'), - browserSync = require('browser-sync').create() + gulp = require('gulp'), + browserSync = require('browser-sync').create(), + del = require('del'), + // sequence = require('gulp-sequence'), + sequence = require('run-sequence'), - buildSASS = require('./tasks/build/sass'), - buildJS = require('./tasks/build/js'), - buildHTML = require('./tasks/build/html'), - buildStatic = require('./tasks/build/static') + buildSASS = require('./tasks/build/sass'), + buildJS = require('./tasks/build/js'), + buildHTML = require('./tasks/build/html'), + buildStatic = require('./tasks/build/static') exportJS = require('./tasks/export/js'), exportHTML = require('./tasks/export/html'), @@ -35,14 +38,27 @@ gulp.task('build:js', buildJS); gulp.task('build:html', buildHTML); gulp.task('build:static', buildStatic); + gulp.task('build', function() { - buildSASS(); - buildJS(); - buildHTML(); - buildStatic(); + del([global.destDir + '/**/*']).then(function() { + sequence('build:sass', 'build:js', 'build:static', 'build:html'); + }); }); +// gulp.task('test:production', function() { +// browserSync.init({ +// server: { +// baseDir: ['./'], +// }, +// notify: false, +// ui: false, +// open: false, +// injectChanges: true, +// }); +// }); + gulp.task('serve', ['build'], function () { + browserSync.init({ server: { baseDir: ['./dist/'], @@ -60,15 +76,17 @@ gulp.task('serve', ['build'], function () { }); gulp.task('reload:sass', function () { - buildSASS().on('end', function() { - browserSync.reload(); + buildSASS().resume().on('end', function() { + gulp.start('reload:html'); }); }); gulp.task('reload:js', function () { - buildJS().on('end', function() { - browserSync.reload(); - }); + buildJS().pipe(browserSync.reload({ stream: true })); + + // buildJS().pipe(browserSync.reload({ stream: true})).on('end', function() { + // browserSync.reload(); + // }); }); gulp.task('reload:html', function () { diff --git a/index.html b/index.html index 94a561f..0425e3a 100644 --- a/index.html +++ b/index.html @@ -4,52 +4,68 @@ - Mazen Touati — Full-stack web developer from Tunisia - + - - - - + + + + - + - + - + + - - - + + + + + + + + @@ -62,15 +78,14 @@