migreva / migreva

Site

Gulp tasks

Moudlarized gulp tasks which makes for a cleaner root gulpfile

Inspired by this Medium post

Expected file structure

These gulp tasks expect the following file structure in order to work properly

.
  /src
      /client // Public-facing JS, will be compiled to ./public/js
      /server // Serverside JS, will be compiled to ./dist
      /scss   // Sass files, will be compiled to ./public/css
  /dist // Holds compiled serverside code from ./src/server
  /public // Holds public JS/CSS, compiled from ./src/client and ./src/scss

Tasks

./build

Contains tasks that build files (JS, stylesheets, etc)

Modules in this folder can export a function called watchFunction which can be run in the watch task.

./build/public-js.js

Browserify bundle the public JS found in ../src/js.

./build/sass.js

Bundle the sass found in ../src/scss

./build/server-js.js

Run the serverside JS through Babel

./watch

Defines the task gulp.task('watch').Calls the watchFunction exported in the modules in ./build

migreva's Issues

Order animations

When you click on a link on the home page, it animates the new menu and loads the page all at the same time. This makes the animation suck horribly. Need to make the animations go in sequence.

Make favicon

Fix require.js stuff

Download Google Font

Download google font so we don't have to wait to load it.

Font loading

I downloading the woff2 files for the google font i'm using but they don't seem to load in anything but Chrome

Figure out why