Personal website
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_data
_includes
_layouts
_posts
about
article
assets
css
faq
js
speak
.gitignore
CNAME
Gruntfile.js
_config.yml
bower.json
favicon-old.ico
favicon.ico
favicon.png
feed.xml
index.html
package.json
readme.md

readme.md

My Personal Website

Check it out at http://aclr.co

Local development

Jekyll

This site uses Jekyll as it's site generator. So if you want to see how the site works on your local device, you're required to install Jekyll.

  1. Make sure you have Ruby(v2.0.0 at least) installed.
  2. Install Jekyll with gem install jekyll
  3. To run Jekyll, type jekyll serve and hit enter.
  4. Head over to 127.0.0.1:4000.
  5. To stop Jekyll from watching the files and running the server, just hit control + c

Stylesheets

This site uses Sass as the pre-processor of the stylesheets. It also uses Susy for setting the grids in the website.

All the Sass files are watch by Grunt and auto prefixed with grunt-autoprefixer.

Susy

I recommend installing Susy first to make sure the Sass compilation process runs properly. The site uses Bower to include Susy into the site directory.

  1. Make sure you have NPM installed.
  2. Install Bower with npm install -g bower(sometimes sudo npm install -g bower is required.)
  3. Go to the root directory of the project.
  4. Type bower install and hit enter.
  5. Now you have Susy installed inside bower_components.

Grunt

Now we have Susy installed, we need Grunt to watch and compile the Sass files for us.

  1. Go to the root directory of the project.
  2. Type npm install.
  3. Now Grunt and all other dependencies will be installed inside node_modules.
  4. Go ahead and run grunt.
  5. Everytime you save css/dev/main.scss, Grunt will run and compile it into auto-prefixed css. The compiled css file will be placed at css/main.css.