jondevops / gulp-material-starter

Project started using materialize, pug, and gulp

Gulp starter with materialize.css

This was built from animsaj. I have since then added support for pug, eslint, and added more resources and started customizing it so you will have an usable boilerplate for your portfolio.

To make your own, you will need to edit the content, but the most important part is to use your own email on the form or you won't be able to get the messages from the form.

There is a second page for more projects if you need them,the link is not visible by default.

have fun and enjoy the easter eggs.

What you get by default:

• Single Page portfolio
• Contact form with empty/incomplete form prevention.
• Responsive Material design

Local Resources Included:

• Materialize CSS and JS
• Pug sample page
• Sass sample code
• jQuery
• Material Design Icons
• Material Fonts
• Normalize CSS
• Images
• Devicons
• Font Awesome
• InstantClick
• Prefixfree

Remote Resources:

• Material Icons
• Google Font: Titillium Web

Gulp Tasks:

On the gulp side there are utilities listed bellow

• compile sass
• live browser reload
• concat css into one file and minify it
• concat js into one file and minify it
• minify images
• cache minified images
• send all above into a dist folder + copy fonts
• clean unused files
• ESLint JavaScript code

How to use:

1. Clone to your desktop.
2. Run npm install.
3. Run gulp to generate the project and be able to make changes as needed.
4. Stop the gulp, and run gulp build to build your site.
5. Copy the dist directory to your server and you are set.