A list of the most common functionalities in Jekyll (Liquid). You can use Jekyll with GitHub Pages, just make sure you are using the proper version.
Running a local server for testing purposes:
| var app = angular.module('DashboardApp', ['ngMaterial']); | |
| var _theme; | |
| app.config(function ( $mdThemingProvider) { | |
| $mdThemingProvider | |
| .theme('default') | |
| .accentPalette('orange') | |
| .dark(); | |
| _theme = $mdThemingProvider.theme(); |
| #!/bin/bash | |
| # Stop all containers | |
| containers=`docker ps -a -q` | |
| if [ -n "$containers" ] ; then | |
| docker stop $containers | |
| fi | |
| # Delete all containers | |
| containers=`docker ps -a -q` | |
| if [ -n "$containers" ]; then | |
| docker rm -f -v $containers |
| { | |
| "name": "my-app", | |
| "version": "1.0.0", | |
| "description": "My test app", | |
| "main": "src/js/index.js", | |
| "scripts": { | |
| "jshint:dist": "jshint src/js/*.js", | |
| "jshint": "npm run jshint:dist", | |
| "jscs": "jscs src/*.js", | |
| "browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js", |
| /** | |
| * 1. http://www.paulirish.com/2012/box-sizing-border-box-ftw/ | |
| * http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ | |
| * http://fatihhayrioglu.com/css3-box-sizing-ozelligi/ | |
| * | |
| * 2. http://aestheticallyloyal.com/public/optimize-legibility/ | |
| * | |
| * 3. http://maxvoltar.com/archive/-webkit-font-smoothing | |
| * | |
| * 4. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx |
| $debug-rhythm: false; |
| /**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | |
| * Anchor Smooth Scroll - Smooth scroll to the given anchor on click | |
| * adapted from this stackoverflow answer: http://stackoverflow.com/a/21918502/257494 | |
| ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ | |
| angular.module('yourapp').directive('anchorSmoothScroll', function($location) { | |
| 'use strict'; | |
| return { | |
| restrict: 'A', | |
| replace: false, |
| // Brightness math based on: | |
| // http://www.nbdtech.com/Blog/archive/2008/04/27/Calculating-the-Perceived-Brightness-of-a-Color.aspx | |
| $red-magic-number: 241; | |
| $green-magic-number: 691; | |
| $blue-magic-number: 68; | |
| $brightness-divisor: $red-magic-number + $green-magic-number + $blue-magic-number; | |
| @function brightness($color) { | |
| // Extract color components |
| body { | |
| background: url("http://assets.codepen.io/images/classy_fabric.png"); | |
| } | |
| #sweet { | |
| position: fixed; | |
| margin: 0 45%; | |
| top: 10em; | |
| } |
A list of the most common functionalities in Jekyll (Liquid). You can use Jekyll with GitHub Pages, just make sure you are using the proper version.
Running a local server for testing purposes: