nj-coder
diff --git a/‎dist/assets/images/dp.jpeg
50.9 KB b/‎dist/assets/images/dp.jpeg
50.9 KB
diff --git a/‎dist/index.html
Lines changed: 10 additions & 1 deletion b/‎dist/index.html
Lines changed: 10 additions & 1 deletion
diff --git a/‎dist/script.js
Lines changed: 16 additions & 1 deletion b/‎dist/script.js
Lines changed: 16 additions & 1 deletion
diff --git a/‎dist/script.min.js
Lines changed: 1 addition & 1 deletion b/‎dist/script.min.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎dist/style.css
Lines changed: 28 additions & 1 deletion b/‎dist/style.css
Lines changed: 28 additions & 1 deletion
diff --git a/‎dist/style.min.css
Lines changed: 1 addition & 1 deletion b/‎dist/style.min.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎gulpfile.js
Lines changed: 13 additions & 3 deletions b/‎gulpfile.js
Lines changed: 13 additions & 3 deletions
@@ -7,11 +7,20 @@
     <title>NJ-Coder</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
     <link rel='stylesheet' type='text/css' media='screen' href='style.min.css'>
-    <script src="script.min.js" type="text/javascript"></script>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
 </head>
 
 <body style="background: #9D50BB;">
+    <div class="container">
+        <div class="image">
+            <div class="img-wrap"></div>
+        </div>
+        <div class="typewriter" id="typewriter">
 
+        </div>
+        <div class="links"></div>
+    </div>
+    <script src="script.min.js" type="text/javascript"></script>
 </body>
 
 </html>
@@ -2,9 +2,36 @@ html,
 body {
   height: 100%;
   width: 100%;
-  margin: 0; }
+  margin: 0;
+  font-family: 'Roboto', sans-serif; }
 
 body {
+  color: #fff;
   background: #9D50BB;
   background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB) !important;
   background: linear-gradient(to right, #6E48AA, #9D50BB) !important; }
+
+.container {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center; }
+  .container .image .img-wrap {
+    border: 2px solid #fff;
+    background: #fff;
+    width: 150px;
+    height: 150px;
+    border-radius: 50%;
+    outline: none;
+    overflow: hidden;
+    background: url(assets/images/dp.jpeg);
+    background-size: cover;
+    background-position-x: center; }
+  .container .typewriter {
+    font-size: 2em;
+    margin-top: 1em;
+    text-align: center; }
+    .container .typewriter small {
+      font-size: 60%; }
@@ -6,6 +6,7 @@ const cleanCSS = require('gulp-clean-css');
 const concat = require('gulp-concat');
 const rename = require('gulp-rename');
 const uglify = require('gulp-uglify');
+const babel = require('gulp-babel');
 
 // deletes the dist folder
 gulp.task('clean', require('del').bind(null, ['dist']));
@@ -20,26 +21,35 @@ gulp.task('styles', function () {
         .pipe(cleanCSS({ compatibility: 'ie8' }))
         .pipe(gulp.dest('dist'));
 });
+
 // build js
 gulp.task('scripts', function () {
-    return gulp.src(['./src/**/*.js', './src/**/**/*.js'])
+    return gulp.src(['./src/libs/**/*.js', './src/main.js'])
+        //.pipe(babel())
         .pipe(concat('script.js'))
         .pipe(gulp.dest('dist'))
         .pipe(rename('script.min.js'))
         .pipe(uglify())
         .pipe(gulp.dest('dist'));
 });
+
 // build html
 gulp.task('html', function () {
     return gulp.src(['./src/**/*.html'])
         .pipe(gulp.dest('dist'));
 });
 
+// build assets
+gulp.task('assets', function () {
+    return gulp.src(['./src/assets/**'])
+        .pipe(gulp.dest('dist/assets'));
+});
+
 // Create a new build in dist folder
 gulp.task('build', gulp.series(
     'clean',
-    gulp.parallel('styles', 'html', 'scripts')
+    gulp.parallel('styles', 'html', 'scripts', 'assets')
 ));
 
 // Watch for changes.
-gulp.task('watch', () => gulp.watch(['./src/*.scss', './src/*/*.scss', './src/**/*.html'], gulp.parallel('styles', 'html')));
+gulp.task('watch', () => gulp.watch(['./src/*.scss', './src/**/*.html', './src/**/*.js'], gulp.series('build')));