My personal portfolio and blog
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_layouts
_plugins
assets
blog
node_modules
.DS_Store
.gitignore
.htaccess
404.html
BrowserStackTunnel.jar
CNAME
Gruntfile.js
README.md
_config.yml
config.rb
favicon.ico
index.html
package.json
sitemap.xml

README.md

Allan Pope’s personal portfolio & blog

Created using the static site generator Jekyll. Built using the JavaScript task runner Grunt.

Installing required dependencies on your machine

  1. Navigate to websites folder in terminal
  2. Install Grunt if not already installed on your machine
  3. Run npm-install to install all of the sites dependencies
  4. Run grunt to start Grunt
  5. Run jekyll serve to start Jekyll.
  6. Navigate to http://localhost:4000/ in the browser to view site

Grunt will now watch certain folders in the project and run tasks when files are updated/saved.

Project is setup with

  • Compass - Compile Sass to CSS using Compass
  • Uglify - Minify files with UglifyJS.
  • Concat - Concatenate javascript files.
  • Watch - Run predefined tasks whenever watched file patterns are added, changed or deleted.
  • Imagemin - Minifies PNG and JPEG images
  • Jekyll
  • MatchDep

Rundown

  • Sass files within the assets/scss/ folder will be generated to the assets/css/style.css
  • JavsScript files in the folder assets/js/plugins and assets/js/main.js will be uglified and concatenated together to make portfolio.js & portfolio.min.js
  • You can compress images in the folder assets/img/uncompressed by running grunt imagemin. The new images will be generated to folder assets/img/