Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/flexbox/codeless

🚚✨ Advanced Middleman template with Sass, Slim & Yarn
https://github.com/flexbox/codeless

boilerplate github-page middleman middleman-template ruby sass slim svg template yarn

Last synced: 3 months ago
JSON representation

🚚✨ Advanced Middleman template with Sass, Slim & Yarn

Lists

README

        

Middleman advanced template

Start your next Middleman 4 project in seconds with the best DX

A highly scalable, Middleman template with a focus on SEO & best practices.


[![Greenkeeper badge](https://badges.greenkeeper.io/flexbox/codeless.svg)](https://greenkeeper.io/)

###### Tools
- [Slim](http://slim-lang.com) *[for html]*
- [Sass](http://sass-lang.com) *[for css]*
- [Yarn](https://yarnpkg.com) *[package management]*
- [Webpack](https://webpack.js.org/) *[bundle for assets]*

###### Middleman
- [GitHub Pages](http://pages.github.com) *[deployment/hosting]*
- [Middleman Favicon Maker](https://github.com/follmann/middleman-favicon-maker) *[Generate favicon files in various sizes]*

## Start a new project

$ gem install middleman
$ middleman init MY_PROJECT_FOLDER -T flexbox/codeless

## Getting Started

You need [Bundler](http://bundler.io/) to install gems

$ gem install bundler
$ bundle install
$ yarn

### Browser preview – _[http://locahost:4567](http://locahost:4567)_

$ bundle exec middleman server

### Deploying to GitHub Pages

$ bundle exec middleman deploy

__💡 Note:__ If you get an error with `middleman build`, make sure [Imagemagik](http://www.imagemagick.org/script/index.php) is installed

$ brew install imagemagick