Main to develop

app/css/main.css → css/main.css

@@ -265,3 +265,7 @@ section a:hover {
     font-size: 6em;
   }
 }
+
+.twitter:hover {
+  opacity: 0.7;
+}

gulpfile.js

@@ -13,34 +13,34 @@ const { watch } = require('gulp');
 gulp.task('browser-sync', function(cb) {
     browserSync.init({
         server: {
-            baseDir: "./app"
+            baseDir: "./docs"
         }
     });
 
-    browserSync.watch('app/').on('change', browserSync.reload);
+    browserSync.watch('docs/').on('change', browserSync.reload);
 
     cb();
 });
 
 gulp.task('sass', function(cb) {
-    gulp.src('app/scss/**/*.scss')
+    gulp.src('docs/scss/**/*.scss')
         .pipe(sass({
             outputStyle: 'expanded',
         }).on('error', sass.logError))
         .pipe(autoprefixer(
             ['Last 30 versions']
         ))
-        .pipe(gulp.dest('app/css'))
+        .pipe(gulp.dest('docs/css'))
         .pipe(browserSync.reload({stream: true}));
 
     cb();
 });
 
 gulp.task('tinypng', function () {
-    return gulp.src('app/img/**/*.{png,jpg,jpeg}')
+    return gulp.src('docs/img/**/*.{png,jpg,jpeg}')
         .pipe(tinypng({
             key: 'CMX7yWxk1lc5Fp9nMWGlRX7pMBGrwGsc',
-            sigFile: 'app/img/.tinypng-sigs',
+            sigFile: 'docs/img/.tinypng-sigs',
             log: true
         }))
         .pipe(gulp.dest('img'));
@@ -52,11 +52,11 @@ gulp.task('scripts', function () {
             noImplicitAny: true,
             outFile: 'output.js'
         }))
-        .pipe(gulp.dest('app/js'));
+        .pipe(gulp.dest('docs/js'));
 });
 
 gulp.task('default', function() {
-    gulp.watch('app/**/*.html', gulp.series('browser-sync'));
-    gulp.watch('app/**/*.scss', gulp.series('sass','browser-sync'));
-    gulp.watch('app/img/**/*.{png,jpg,jpeg}', gulp.series('tinypng'));
+    gulp.watch('docs/**/*.html', gulp.series('browser-sync'));
+    gulp.watch('docs/**/*.scss', gulp.series('sass','browser-sync'));
+    gulp.watch('docs/img/**/*.{png,jpg,jpeg}', gulp.series('tinypng'));
 });

app/scss/main.scss → scss/main.scss

@@ -7,8 +7,5 @@
 // Components
 @import "components/classes";
 
-// Layout
-@import "layout/header";
-
 // Pages
 @import "pages/home";

app/scss/pages/_home.scss → scss/pages/_home.scss

@@ -227,4 +227,10 @@ section a {
       font-size: 6em;
     }
   }
+}
+
+.twitter {
+  &:hover {
+    opacity: 0.7;
+  }
 }