-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
20 lines (17 loc) · 44.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> <html lang=en ng-app=app> <head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# dcterms: http://purl.org/dc/terms/#'> <meta content=yes name=apple-mobile-web-app-capable> <meta content=black-translucent name=apple-mobile-web-app-status-bar-style> <meta content='CodeBlender - Middleman hand crafted Bootstrap HAML partials' name=apple-mobile-web-app-title> <meta content='telephone=yes' name=format-detection> <title>CodeBlender - Middleman hand crafted Bootstrap HAML partials</title> <meta charset=utf-8> <meta content='IE=edge,chrome=1' http-equiv=X-UA-Compatible> <meta content='CodeBlender - Middleman hand crafted Bootstrap HAML partials' name=description> <meta content='CodeBlender - Middleman hand crafted Bootstrap HAML partials' name=keywords> <meta content=DryKISS name=author> <meta content='index,follow,archive' name=robots> <meta href='http://codeblender.net/' rel=canonical> <meta content='Fri, 24 Feb 2017 19:35:58 GMT' http-equiv=last-modified> <meta http-content=Private http-equiv=cache-control> <meta http-content=600 http-equiv=Expires> <meta content='CodeBlender - Middleman hand crafted Bootstrap HAML partials' property='og:title'> <meta content='CodeBlender - Middleman hand crafted Bootstrap HAML partials' name=description property='og:description'> <meta content='http://codeblender.net/assets/images/logo/facebookShare.png?v=1.00' property='og:image'> <meta content=DryKISS property='og:site_name'> <meta content=website property='og:type'> <meta content='http://codeblender.net/' property='og:url'> <meta content=253027968192447 property='fb:app_id'> <meta content=en_GB property='og:locale'> <link href='/assets/images/favicon/favicon-16x16.png?v=2.0.5' rel='shortcut icon'> <link href='/assets/images/favicon/favicon.ico?v=2.0.5' rel=icon type='image/ico'> <meta content=oNbQz6p9otxgPpkeM8gPPp5_nfl3qhf9U41GNZfky00 name=google-site-verification> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name=viewport> <meta content=yes name=mobile-web-app-capable> <link href="/assets/stylesheets/all.bundle-7a381dcc.css" rel=stylesheet media=all /> </head> <body class=index data-facebookAppID=253027968192447 data-locale=en data-localeFacebook=en_GB itemscope itemtype='https://schema.org/WebPage'> <a id=top></a> <header itemscope itemtype='http://schema.org/WPHeader' role=banner> <div class=container-fluid> <div class='row navAbove'> <div class=container> <div class=navAbove__row> <div class=navAbove__leftColumn> <h1 class=heading itemprop=headline> <span class='fa fa-cart'></span> <a href="/">Code Blender</a> </h1> </div> <div class=navAbove__rightColumn> <h2 class='heading text-right' itemprop=description> An atomic Middleman partials library </h2> </div> </div> </div> </div> </div> </header> <nav class='navbar navbar-inverse navbar-static-top' id=navbar role=navigation> <div class=container> <div class=navbar-header> <button aria-expanded=false class='navbar-toggle collapsed' data-target='#navbar-collapse' data-toggle=collapse type=button> <span class=sr-only>Toggle Navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> </div> <div class='navbar-collapse collapse' id=navbar-collapse> <ul class='nav navbar-left navbar-nav'> <li class=active> <a href='/'> Home </a> </li> <li> <a href='/atom/atom.html'> Atom </a> </li> <li> <a href='/molecule/molecule.html'> Molecule </a> </li> <li> <a href='/organism/organism.html'> Organism </a> </li> <li> <a href='/template/template.html'> Template </a> </li> <li class=dropdown><a aria-expanded=false aria-haspopup=true class=dropdown-toggle data-toggle=dropdown href='javascript:;' role=button type=button> Social <span class=dropdown__icon></span> </a> <ul aria-labelledby=dropdownMenu1 class=dropdown-menu role=menu> <li ui-sref-active=active> <a href="/social/disqus/disqus.html">Disqus </a></li> <li ui-sref-active=active> <a href="/social/facebook/facebook.html">Facebook </a></li> <li ui-sref-active=active> <a href="/social/firebase/firebase.html">Firebase </a></li> <li ui-sref-active=active> <a href="/social/flikr/flikr.html">Flikr </a></li> <li ui-sref-active=active> <a href="/social/google/google.html">Google </a></li> <li ui-sref-active=active> <a href="/social/gravatar/gravatar.html">Gravatar </a></li> <li ui-sref-active=active> <a href="/social/linkedin/linkedin.html">LinkedIn </a></li> <li ui-sref-active=active> <a href="/social/mailchimp/mailchimp.html">Mailchimp </a></li> <li ui-sref-active=active> <a href="/social/pinterest/pinterest.html">Pinterest </a></li> <li ui-sref-active=active> <a href="/social/skype/skype.html">Skype </a></li> <li ui-sref-active=active> <a href="/social/treatwell/treatwell.html">Treatwell </a></li> <li ui-sref-active=active> <a href="/social/twitter/twitter.html">Twitter </a></li> <li ui-sref-active=active> <a href="/social/youtube/youtube.html">YouTube </a></li> </ul> </li> <li> <a href='/football/football.html'> Football </a> </li> <li> <a href='/media/media.html'> Media </a> </li> <li> <a href='/mobile/mobile.html'> Mobile </a> </li> </ul> <form action='/search.html' class='navbar-form navbar-right' role=search> <div class=form-group show-errors='{showSuccess: true}'> <label class='control-label sr-only' for=q> Search </label> <div class=input-group> <span class='fa fa-search input-group-addon' ng-hide=loading></span> <input autocomplete=on class=form-control id=q name=q placeholder=Search> </div> </div> <button class='btn btn-default' type=button> Search </button> </form> </div> </div> </nav> <div class=container> <div class=row> <div class=col-md-12> <h2 class='heading text-center'> Middleman hand crafted Bootstrap HAML partials </h2> <div class=text-center> <p> CodeBlender aims to provide simple atomic site structures, that can be reused across multiple projects. Built upon the fantastic Middleman these HAML partials are created to be understood; the main reason we did not encapsulate them into a GEM. Simply symlink the partial/_library folder into the new project and include them. </p> <p> Utilising the Bootstrap CSS framework each partial encompasses many defaults, such as accessibility, micro-formats and layout. Making this project a must when it comes to rapid prototyping of UX ideas. Still work in progress we aim to have full coverage of all Bootstrap elements and more. </p> </div> </div> </div> <div class=row> <div class='col-md-4 text-center'> <a class='btn btn-default btn-lg' href='https://github.com/iwarner/CodeBlender-Middleman' role=button type=button> <span class='fa fa fa-github'></span> Github </a> </div> <div class='col-md-4 text-center'> <a class='btn btn-default btn-lg' href='https://github.com/iwarner/CodeBlender-Middleman/archive/master.zip' role=button type=button> <span class='fa fa fa-download'></span> Download </a> </div> <div class='col-md-4 text-center'> <button class='btn btn-default btn-lg' type=button> <span class='fa fa fa-folder'></span> Docs </button> </div> </div> <div class=row> <div class='col-md-9 col-sm-9'> <section class=articleList itemscope itemtype='http://schema.org/Blog'> <article itemprop=blogPost itemscope itemtype='http://schema.org/BlogPosting' role=article> <div class=media> <div class=media-left> <a href='/docs/developer/ios-publication.html' rel=nofollow> <figure class=image itemprop=image itemscope itemtype='http://schema.org/ImageObject'> <img src="http://blog.deliveroo.co.uk/wp-content/uploads/sites/2/2016/11/Facebook-Banner-Sweet_treats_Felicity_Millward_October-29-of-29.jpg" alt="Publish iOS platform applications" class="image__img media-object img-thumbnail img-responsive" itemprop=contentUrl width=250 /> </figure> </a> </div> <div class=media-body> <h1 class='heading heading--truncate media-heading' itemprop=name rel='nofollow bookmark'> <a href="/docs/developer/ios-publication.html">Publish iOS platform applications</a> </h1> <div class=blogDetail> <ul class='blogDetail__details list-inline'> <li> <span class='fa fa-calendar'></span> <time datetime='2016-07-08T00:00:00Z' itemprop=datePublished pubdate> 2016-07-08 , 12:55pm </time> </li> <li> <span class='fa fa-user'></span> by <span itemprop=author itemptype='http://schema.org/Person' itemscope> <a class=blogDetail__author itemprop=url rel=author> <span itemprop=name>DryKISS</span> </a> </span> </li> <li> <span class='fa fa-clock-o'></span> Read time: 03 min </li> </ul> <div class=blogDetail__tags> <a href="/docs/tag/apple.html" class="label blogDetail__tag label-info" itemprop=keywords>apple </a> <a href="/docs/tag/ios.html" class="label blogDetail__tag label-info" itemprop=keywords>ios </a> <a href="/docs/tag/developer.html" class="label blogDetail__tag label-info" itemprop=keywords>developer </a> </div> <div class=blogDetail__social> <span class=blogDetail__shareText>Share this article</span> <a href="javascript:;" class=facebookShareButton data-url="http://codeblender.net/docs/developer/ios-publication.html"><span class='fa fa-facebook-square fa-2x'></span> </a> <a href="https://twitter.com/intent/tweet?url=http://codeblender.net/docs/developer/ios-publication.html"><span class='fa fa-twitter-square fa-2x'></span> </a> <a href="https://www.pinterest.com/pin/create/button/" data-pin-description="test this out" data-pin-do=buttonPin data-pin-custom=true><span class='fa fa-pinterest-square fa-2x'></span> </a> </div> </div> <p itemprop=description>Publish iOS platform applications</p> <nav><a class='btn btn-default btn-primary pull-right' href='/docs/developer/ios-publication.html' itemprop=url role=button type=button> Read More </a> </nav> </div> </div> </article> <article itemprop=blogPost itemscope itemtype='http://schema.org/BlogPosting' role=article> <div class=media> <div class=media-left> <a href='/docs/developer/blog-template.html' rel=nofollow> <figure class=image itemprop=image itemscope itemtype='http://schema.org/ImageObject'> <img src="http://blog.deliveroo.co.uk/wp-content/uploads/sites/2/2016/11/Facebook-Banner-Sweet_treats_Felicity_Millward_October-29-of-29.jpg" alt="Blog Template" class="image__img media-object img-thumbnail img-responsive" itemprop=contentUrl width=250 /> </figure> </a> </div> <div class=media-body> <h1 class='heading heading--truncate media-heading' itemprop=name rel='nofollow bookmark'> <a href="/docs/developer/blog-template.html">Blog Template</a> </h1> <div class=blogDetail> <ul class='blogDetail__details list-inline'> <li> <span class='fa fa-calendar'></span> <time datetime='2016-07-08T00:00:00Z' itemprop=datePublished pubdate> 2016-07-08 , 19:55pm </time> </li> <li> <span class='fa fa-user'></span> by <span itemprop=author itemptype='http://schema.org/Person' itemscope> <a class=blogDetail__author href='/docs/author/ian-warner.html' itemprop=url rel=author> <span itemprop=name>Ian Warner</span> </a> </span> </li> <li> <span class='fa fa-clock-o'></span> Read time: 03 min </li> </ul> <div class=blogDetail__tags> <a href="/docs/tag/apple.html" class="label blogDetail__tag label-info" itemprop=keywords>apple </a> <a href="/docs/tag/ios.html" class="label blogDetail__tag label-info" itemprop=keywords>ios </a> <a href="/docs/tag/developer.html" class="label blogDetail__tag label-info" itemprop=keywords>developer </a> </div> <div class=blogDetail__social> <span class=blogDetail__shareText>Share this article</span> <a href="javascript:;" class=facebookShareButton data-url="http://codeblender.net/docs/developer/blog-template.html"><span class='fa fa-facebook-square fa-2x'></span> </a> <a href="https://twitter.com/intent/tweet?url=http://codeblender.net/docs/developer/blog-template.html"><span class='fa fa-twitter-square fa-2x'></span> </a> <a href="https://www.pinterest.com/pin/create/button/" data-pin-description="test this out" data-pin-do=buttonPin data-pin-custom=true><span class='fa fa-pinterest-square fa-2x'></span> </a> </div> </div> <p itemprop=description>Publish iOS platform applications</p> <nav><a class='btn btn-default btn-primary pull-right' href='/docs/developer/blog-template.html' itemprop=url role=button type=button> Read More </a> </nav> </div> </div> </article> <article itemprop=blogPost itemscope itemtype='http://schema.org/BlogPosting' role=article> <div class=media> <div class=media-left> </div> <div class=media-body> <h1 class='heading heading--truncate media-heading' itemprop=name rel='nofollow bookmark'> <a href="/docs/hybrid/google-play.html">Google Play Store, publishing a hybrid application</a> </h1> <div class=blogDetail> <ul class='blogDetail__details list-inline'> <li> <span class='fa fa-calendar'></span> <time datetime='2016-07-06T00:00:00Z' itemprop=datePublished pubdate> 2016-07-06 , </time> </li> <li> <span class='fa fa-user'></span> by <span itemprop=author itemptype='http://schema.org/Person' itemscope> <a class=blogDetail__author itemprop=url rel=author> <span itemprop=name>DryKISS</span> </a> </span> </li> <li> <span class='fa fa-clock-o'></span> Read time: 03 min </li> </ul> <div class=blogDetail__tags> <a href="/docs/tag/google.html" class="label blogDetail__tag label-info" itemprop=keywords>google </a> <a href="/docs/tag/hybrid.html" class="label blogDetail__tag label-info" itemprop=keywords>hybrid </a> <a href="/docs/tag/mobile.html" class="label blogDetail__tag label-info" itemprop=keywords>mobile </a> </div> <div class=blogDetail__social> <span class=blogDetail__shareText>Share this article</span> <a href="javascript:;" class=facebookShareButton data-url="http://codeblender.net/docs/hybrid/google-play.html"><span class='fa fa-facebook-square fa-2x'></span> </a> <a href="https://twitter.com/intent/tweet?url=http://codeblender.net/docs/hybrid/google-play.html"><span class='fa fa-twitter-square fa-2x'></span> </a> <a href="https://www.pinterest.com/pin/create/button/" data-pin-description="test this out" data-pin-do=buttonPin data-pin-custom=true><span class='fa fa-pinterest-square fa-2x'></span> </a> </div> </div> <p itemprop=description>Google Play Store, publishing a hybrid application</p> <nav><a class='btn btn-default btn-primary pull-right' href='/docs/hybrid/google-play.html' itemprop=url role=button type=button> Read More </a> </nav> </div> </div> </article> <article itemprop=blogPost itemscope itemtype='http://schema.org/BlogPosting' role=article> <div class=media> <div class=media-left> </div> <div class=media-body> <h1 class='heading heading--truncate media-heading' itemprop=name rel='nofollow bookmark'> <a href="/docs/economy/garage-rental.html">Garage rental</a> </h1> <div class=blogDetail> <ul class='blogDetail__details list-inline'> <li> <span class='fa fa-calendar'></span> <time datetime='2016-05-09T00:00:00Z' itemprop=datePublished pubdate> 2016-05-09 , </time> </li> <li> <span class='fa fa-user'></span> by <span itemprop=author itemptype='http://schema.org/Person' itemscope> <a class=blogDetail__author itemprop=url rel=author> <span itemprop=name>DryKISS</span> </a> </span> </li> <li> <span class='fa fa-clock-o'></span> Read time: 03 min </li> </ul> <div class=blogDetail__tags> <a href="/docs/tag/home.html" class="label blogDetail__tag label-info" itemprop=keywords>home </a> </div> <div class=blogDetail__social> <span class=blogDetail__shareText>Share this article</span> <a href="javascript:;" class=facebookShareButton data-url="http://codeblender.net/docs/economy/garage-rental.html"><span class='fa fa-facebook-square fa-2x'></span> </a> <a href="https://twitter.com/intent/tweet?url=http://codeblender.net/docs/economy/garage-rental.html"><span class='fa fa-twitter-square fa-2x'></span> </a> <a href="https://www.pinterest.com/pin/create/button/" data-pin-description="test this out" data-pin-do=buttonPin data-pin-custom=true><span class='fa fa-pinterest-square fa-2x'></span> </a> </div> </div> <p itemprop=description>Garage rental home economy</p> <nav><a class='btn btn-default btn-primary pull-right' href='/docs/economy/garage-rental.html' itemprop=url role=button type=button> Read More </a> </nav> </div> </div> </article> <article itemprop=blogPost itemscope itemtype='http://schema.org/BlogPosting' role=article> <div class=media> <div class=media-left> </div> <div class=media-body> <h1 class='heading heading--truncate media-heading' itemprop=name rel='nofollow bookmark'> <a href="/docs/economy/linkedin.html">LinkedIn</a> </h1> <div class=blogDetail> <ul class='blogDetail__details list-inline'> <li> <span class='fa fa-calendar'></span> <time datetime='2016-05-09T00:00:00Z' itemprop=datePublished pubdate> 2016-05-09 , </time> </li> <li> <span class='fa fa-user'></span> by <span itemprop=author itemptype='http://schema.org/Person' itemscope> <a class=blogDetail__author itemprop=url rel=author> <span itemprop=name>DryKISS</span> </a> </span> </li> <li> <span class='fa fa-clock-o'></span> Read time: 03 min </li> </ul> <div class=blogDetail__tags> <a href="/docs/tag/social.html" class="label blogDetail__tag label-info" itemprop=keywords>social </a> <a href="/docs/tag/profile.html" class="label blogDetail__tag label-info" itemprop=keywords>profile </a> </div> <div class=blogDetail__social> <span class=blogDetail__shareText>Share this article</span> <a href="javascript:;" class=facebookShareButton data-url="http://codeblender.net/docs/economy/linkedin.html"><span class='fa fa-facebook-square fa-2x'></span> </a> <a href="https://twitter.com/intent/tweet?url=http://codeblender.net/docs/economy/linkedin.html"><span class='fa fa-twitter-square fa-2x'></span> </a> <a href="https://www.pinterest.com/pin/create/button/" data-pin-description="test this out" data-pin-do=buttonPin data-pin-custom=true><span class='fa fa-pinterest-square fa-2x'></span> </a> </div> </div> <p itemprop=description>LinkedIn information and checklists</p> <nav><a class='btn btn-default btn-primary pull-right' href='/docs/economy/linkedin.html' itemprop=url role=button type=button> Read More </a> </nav> </div> </div> </article> </section> <nav aria-label='Page navigation' class=text-center> <ul class=pagination> <li class=active> <span class=pagination__link>1</span> </li> <li> <a href="/page/2/" class=pagination__link>2</a> </li> <li> <a href="/page/3/" class=pagination__link>3</a> </li> <li> <a href="/page/4/" class=pagination__link>4</a> </li> <li class=disabled> <a class=pagination__link>...</a> </li> <li><a href="/page/15/" class=pagination__link>15</a></li> <li><a href="/page/2/" aria-label=Next class=pagination__link><span class='fa fa-angle-right'></span> </a></li> </ul> </nav> </div> <div class='col-md-3 col-sm-3'> <section class=blogArchive> <h4 class='heading blogArchive__heading'> Archive </h4> <dl class='blogArchive__list list-unstyled'> <dt class=blogArchive__dt> <a href="/docs/calendar/2016.html">2016</a> </dt> <dd class=blogArchive__dd> <ul class=list-unstyled> <li> <a href="/docs/calendar/2016/07.html">Jul</a> <span class=badge></span> </li> </ul> <ul class=list-unstyled> <li> <a href="/docs/calendar/2016/05.html">May</a> <span class=badge></span> </li> </ul> <ul class=list-unstyled> <li> <a href="/docs/calendar/2016/02.html">Feb</a> <span class=badge></span> </li> </ul> <ul class=list-unstyled> <li> <a href="/docs/calendar/2016/01.html">Jan</a> <span class=badge></span> </li> </ul> </dd> </dl> <dl class='blogArchive__list list-unstyled'> <dt class=blogArchive__dt> <a href="/docs/calendar/2015.html">2015</a> </dt> <dd class=blogArchive__dd> <ul class=list-unstyled> <li> <a href="/docs/calendar/2015/10.html">Oct</a> <span class=badge></span> </li> </ul> <ul class=list-unstyled> <li> <a href="/docs/calendar/2015/04.html">Apr</a> <span class=badge></span> </li> </ul> </dd> </dl> <dl class='blogArchive__list list-unstyled'> <dt class=blogArchive__dt> <a href="/docs/calendar/2014.html">2014</a> </dt> <dd class=blogArchive__dd> <ul class=list-unstyled> <li> <a href="/docs/calendar/2014/03.html">Mar</a> <span class=badge></span> </li> </ul> <ul class=list-unstyled> <li> <a href="/docs/calendar/2014/01.html">Jan</a> <span class=badge></span> </li> </ul> </dd> </dl> <dl class='blogArchive__list list-unstyled'> <dt class=blogArchive__dt> <a href="/docs/calendar/2011.html">2011</a> </dt> <dd class=blogArchive__dd> <ul class=list-unstyled> <li> <a href="/docs/calendar/2011/02.html">Feb</a> <span class=badge></span> </li> </ul> </dd> </dl> </section> <section class=mailChimpSubscription ng-controller='MailChimpSubscriptionController as mc'> <p>Get our products/news earlier than others, let's get in touch.</p> <form action='//drykiss.us7.list-manage.com/subscribe/post-json?u=4862895059f8ff67d43123d97&id=9ea724a203&c=JSON_CALLBACK' name=mailChimpSubscriptionForm ng-submit='mc.submitSubscription( mailChimp, $event )' novalidate role=form> <div ng-hide="mailChimp.result ===success"> <div class=form-group show-errors='{showSuccess: true}'> <label class='control-label sr-only' for=EMAIL> Email </label> <div class=input-group> <span class='fa fa-envelope input-group-addon' ng-hide=loading></span> <input autocomplete=on class=form-control id=EMAIL name=EMAIL ng-model='mailChimp.EMAIL' placeholder='Enter your email address' required=required type=email> </div> </div> <button class='btn btn-default btn-block btn-info' ng-disabled='mailChimpSubscriptionForm.$invalid' type=submit> Subscribe </button> </div> <div class=mailChimpSubscription__error ng-show="mailChimp.result ===error"> <span ng-bind-html='mailChimp.errorMessage'></span> </div> <div class=mailChimpSubscription__success ng-show="mailChimp.result ===success"> <span ng-bind-html='mailChimp.successMessage'></span> </div> </form> </section> <section class=tagCloud> <h4 class='heading tagCloud__heading'> Tags </h4> <div class=tagCloud__tags> <a href="/docs/tag/accessibility.html" class="tagCloud__tag label label-info" style="font-size: 140%">accessibility </a><a href="/docs/tag/accounting.html" class="tagCloud__tag label label-info" style="font-size: 80%">accounting </a><a href="/docs/tag/finances.html" class="tagCloud__tag label label-info" style="font-size: 80%">finances </a><a href="/docs/tag/alerting.html" class="tagCloud__tag label label-info" style="font-size: 80%">alerting </a><a href="/docs/tag/analytics.html" class="tagCloud__tag label label-info" style="font-size: 80%">analytics </a><a href="/docs/tag/angular.html" class="tagCloud__tag label label-info" style="font-size: 80%">angular </a><a href="/docs/tag/apache.html" class="tagCloud__tag label label-info" style="font-size: 80%">apache </a><a href="/docs/tag/ubuntu.html" class="tagCloud__tag label label-info" style="font-size: 80%">ubuntu </a><a href="/docs/tag/api.html" class="tagCloud__tag label label-info" style="font-size: 80%">api </a><a href="/docs/tag/apple.html" class="tagCloud__tag label label-info" style="font-size: 200%">apple </a><a href="/docs/tag/backbone.html" class="tagCloud__tag label label-info" style="font-size: 80%">backbone </a><a href="/docs/tag/javascript.html" class="tagCloud__tag label label-info" style="font-size: 80%">javascript </a><a href="/docs/tag/blog.html" class="tagCloud__tag label label-info" style="font-size: 140%">blog </a><a href="/docs/tag/ios.html" class="tagCloud__tag label label-info" style="font-size: 140%">ios </a><a href="/docs/tag/developer.html" class="tagCloud__tag label label-info" style="font-size: 140%">developer </a><a href="/docs/tag/bourbon.html" class="tagCloud__tag label label-info" style="font-size: 80%">bourbon </a><a href="/docs/tag/bower.html" class="tagCloud__tag label label-info" style="font-size: 80%">bower </a><a href="/docs/tag/bundler.html" class="tagCloud__tag label label-info" style="font-size: 80%">bundler </a><a href="/docs/tag/cache.html" class="tagCloud__tag label label-info" style="font-size: 80%">cache </a><a href="/docs/tag/colour.html" class="tagCloud__tag label label-info" style="font-size: 80%">colour </a><a href="/docs/tag/composer.html" class="tagCloud__tag label label-info" style="font-size: 80%">composer </a><a href="/docs/tag/continuous-integration.html" class="tagCloud__tag label label-info" style="font-size: 80%">continuous-integration </a><a href="/docs/tag/desktop.html" class="tagCloud__tag label label-info" style="font-size: 80%">desktop </a><a href="/docs/tag/e-commerce.html" class="tagCloud__tag label label-info" style="font-size: 80%">e-commerce </a><a href="/docs/tag/email.html" class="tagCloud__tag label label-info" style="font-size: 140%">email </a><a href="/docs/tag/google.html" class="tagCloud__tag label label-info" style="font-size: 140%">google </a><a href="/docs/tag/gmail.html" class="tagCloud__tag label label-info" style="font-size: 80%">gmail </a><a href="/docs/tag/enom.html" class="tagCloud__tag label label-info" style="font-size: 80%">enom </a><a href="/docs/tag/file-system.html" class="tagCloud__tag label label-info" style="font-size: 80%">file-system </a><a href="/docs/tag/font.html" class="tagCloud__tag label label-info" style="font-size: 80%">font </a><a href="/docs/tag/front-end.html" class="tagCloud__tag label label-info" style="font-size: 80%">front-end </a><a href="/docs/tag/home.html" class="tagCloud__tag label label-info" style="font-size: 80%">home </a><a href="/docs/tag/gems.html" class="tagCloud__tag label label-info" style="font-size: 80%">gems </a><a href="/docs/tag/geo-location.html" class="tagCloud__tag label label-info" style="font-size: 80%">geo-location </a><a href="/docs/tag/git.html" class="tagCloud__tag label label-info" style="font-size: 80%">git </a><a href="/docs/tag/gollum.html" class="tagCloud__tag label label-info" style="font-size: 80%">gollum </a><a href="/docs/tag/hybrid.html" class="tagCloud__tag label label-info" style="font-size: 80%">hybrid </a><a href="/docs/tag/mobile.html" class="tagCloud__tag label label-info" style="font-size: 80%">mobile </a><a href="/docs/tag/grunt.html" class="tagCloud__tag label label-info" style="font-size: 80%">grunt </a><a href="/docs/tag/haml.html" class="tagCloud__tag label label-info" style="font-size: 80%">haml </a><a href="/docs/tag/homebrew.html" class="tagCloud__tag label label-info" style="font-size: 80%">homebrew </a><a href="/docs/tag/infographic.html" class="tagCloud__tag label label-info" style="font-size: 80%">infographic </a><a href="/docs/tag/java.html" class="tagCloud__tag label label-info" style="font-size: 80%">java </a><a href="/docs/tag/job.html" class="tagCloud__tag label label-info" style="font-size: 80%">job </a><a href="/docs/tag/education.html" class="tagCloud__tag label label-info" style="font-size: 80%">education </a><a href="/docs/tag/skills.html" class="tagCloud__tag label label-info" style="font-size: 80%">skills </a><a href="/docs/tag/kodi.html" class="tagCloud__tag label label-info" style="font-size: 80%">kodi </a><a href="/docs/tag/laravel.html" class="tagCloud__tag label label-info" style="font-size: 80%">laravel </a><a href="/docs/tag/social.html" class="tagCloud__tag label label-info" style="font-size: 140%">social </a><a href="/docs/tag/profile.html" class="tagCloud__tag label label-info" style="font-size: 80%">profile </a><a href="/docs/tag/localization.html" class="tagCloud__tag label label-info" style="font-size: 80%">localization </a><a href="/docs/tag/internationalization.html" class="tagCloud__tag label label-info" style="font-size: 80%">internationalization </a><a href="/docs/tag/i18n.html" class="tagCloud__tag label label-info" style="font-size: 80%">i18n </a><a href="/docs/tag/logging.html" class="tagCloud__tag label label-info" style="font-size: 80%">logging </a><a href="/docs/tag/newsletter.html" class="tagCloud__tag label label-info" style="font-size: 80%">newsletter </a><a href="/docs/tag/marketing.html" class="tagCloud__tag label label-info" style="font-size: 80%">marketing </a><a href="/docs/tag/middleman.html" class="tagCloud__tag label label-info" style="font-size: 80%">middleman </a><a href="/docs/tag/mysql.html" class="tagCloud__tag label label-info" style="font-size: 80%">mysql </a><a href="/docs/tag/network.html" class="tagCloud__tag label label-info" style="font-size: 80%">network </a><a href="/docs/tag/nginx.html" class="tagCloud__tag label label-info" style="font-size: 80%">nginx </a><a href="/docs/tag/node.html" class="tagCloud__tag label label-info" style="font-size: 80%">node </a><a href="/docs/tag/parallax.html" class="tagCloud__tag label label-info" style="font-size: 80%">parallax </a><a href="/docs/tag/paypal.html" class="tagCloud__tag label label-info" style="font-size: 80%">paypal </a><a href="/docs/tag/phantomjs.html" class="tagCloud__tag label label-info" style="font-size: 80%">phantomjs </a><a href="/docs/tag/phonegap.html" class="tagCloud__tag label label-info" style="font-size: 80%">phonegap </a><a href="/docs/tag/php.html" class="tagCloud__tag label label-info" style="font-size: 80%">php </a><a href="/docs/tag/project-brief.html" class="tagCloud__tag label label-info" style="font-size: 80%">project-brief </a><a href="/docs/tag/project-management.html" class="tagCloud__tag label label-info" style="font-size: 80%">project-management </a><a href="/docs/tag/rbenv.html" class="tagCloud__tag label label-info" style="font-size: 80%">rbenv </a><a href="/docs/tag/ripple.html" class="tagCloud__tag label label-info" style="font-size: 80%">ripple </a><a href="/docs/tag/search.html" class="tagCloud__tag label label-info" style="font-size: 80%">search </a><a href="/docs/tag/seo.html" class="tagCloud__tag label label-info" style="font-size: 80%">seo </a><a href="/docs/tag/facebook.html" class="tagCloud__tag label label-info" style="font-size: 80%">facebook </a><a href="/docs/tag/sublime.html" class="tagCloud__tag label label-info" style="font-size: 140%">sublime </a><a href="/docs/tag/text-editor.html" class="tagCloud__tag label label-info" style="font-size: 140%">text editor </a><a href="/docs/tag/sugarcrm.html" class="tagCloud__tag label label-info" style="font-size: 80%">sugarcrm </a><a href="/docs/tag/crm.html" class="tagCloud__tag label label-info" style="font-size: 80%">crm </a><a href="/docs/tag/svg.html" class="tagCloud__tag label label-info" style="font-size: 80%">svg </a><a href="/docs/tag/testing.html" class="tagCloud__tag label label-info" style="font-size: 80%">testing </a><a href="/docs/tag/tdd.html" class="tagCloud__tag label label-info" style="font-size: 80%">tdd </a><a href="/docs/tag/thor.html" class="tagCloud__tag label label-info" style="font-size: 80%">thor </a><a href="/docs/tag/ruby.html" class="tagCloud__tag label label-info" style="font-size: 80%">ruby </a><a href="/docs/tag/trello.html" class="tagCloud__tag label label-info" style="font-size: 80%">trello </a><a href="/docs/tag/tv.html" class="tagCloud__tag label label-info" style="font-size: 80%">tv </a><a href="/docs/tag/user-experience.html" class="tagCloud__tag label label-info" style="font-size: 80%">user-experience </a><a href="/docs/tag/virtualisation.html" class="tagCloud__tag label label-info" style="font-size: 80%">virtualisation </a></div> </section> </div> </div> </div> <div class=container><h3 class=heading> Resources <small>Useful websites and tutorials</small> </h3> <div class=table-responsive> <table aria-describedby=dataTable_info class='table table-condensed table-striped' role=grid> <thead> <tr> <th>Title</th> <th>URL</th> </tr> </thead> <tbody> <tr> <td>Accessibility</td> <td><a href="https://www.w3.org/WAI/tutorials/" target=_blank>https://www.w3.org/WAI/tutorials/</a></td> </tr> <tr> <td>Metronic</td> <td><a href="http://www.keenthemes.com/preview/metronic/theme/templates/admin4/angularjs/#/dashboard.html" target=_blank>http://www.keenthemes.com/preview/metronic/theme/templates/admin4/angularjs/#/dashboard.html</a></td> </tr> <tr> <td>Angular Style Guide</td> <td><a href="https://github.com/johnpapa/angular-styleguide" target=_blank>https://github.com/johnpapa/angular-styleguide</a></td> </tr> <tr> <td>Bootstrap Cards</td> <td><a href="http://bootcards.org/" target=_blank>http://bootcards.org/</a></td> </tr> <tr> <td>Bootstrap SASS Official</td> <td><a href="https://github.com/twbs/bootstrap-sass" target=_blank>https://github.com/twbs/bootstrap-sass</a></td> </tr> <tr> <td>Stardom Theme</td> <td><a href="http://admindesigns.com/stardom/" target=_blank>http://admindesigns.com/stardom/</a></td> </tr> <tr> <td>Animate CSS</td> <td><a href="http://daneden.github.io/animate.css/" target=_blank>http://daneden.github.io/animate.css/</a></td> </tr> <tr> <td>String Augmented Reality</td> <td><a href="http://www.poweredbystring.com/" target=_blank>http://www.poweredbystring.com/</a></td> </tr> <tr> <td>Resource Space</td> <td><a href="http://www.resourcespace.org/" target=_blank>http://www.resourcespace.org/</a></td> </tr> <tr> <td>Middleman Hacks</td> <td><a href="https://www.discovermeteor.com/blog/three-middleman-hacks-were-using-on-this-site/" target=_blank>https://www.discovermeteor.com/blog/three-middleman-hacks-were-using-on-this-site/</a></td> </tr> <tr> <td>Middleman Help</td> <td><a href="http://joshwlewis.com/slides/middleman/index.html#/title" target=_blank>http://joshwlewis.com/slides/middleman/index.html#/title</a></td> </tr> <tr> <td>Themes</td> <td><a href="http://themetrust.com/themes" target=_blank>http://themetrust.com/themes</a></td> </tr> <tr> <td>Off Canvas</td> <td><a href="http://demo.siterepo.com/store/css/verion/verion.php" target=_blank>http://demo.siterepo.com/store/css/verion/verion.php</a></td> </tr> <tr> <td>Scroll Example</td> <td><a href="http://www.bootply.com/T2jYl0an06" target=_blank>http://www.bootply.com/T2jYl0an06</a></td> </tr> </tbody> </table> </div> </div> <div class=container><h3 class=heading> Tasks </h3> <div class=table-responsive> <table aria-describedby=dataTable_info class='table table-condensed table-striped' id=dataTableTodo role=grid> <thead> <tr> <th>Task</th> <th>Date</th> </tr> </thead> <tbody> <tr> <td>Look at Flikr Badges - www.flickr.com/about/goodies/</td> </tr> <tr> <td>Create an AddThis partial in social section</td> </tr> <tr> <td>Check out github.com/mledoze/countries - include into dropdowns etc</td> </tr> <tr> <td>Add a variable for the theme of the syntax highlighter in the config file</td> </tr> <tr> <td>Create a partial to display a cookie panel on the page</td> </tr> <tr> <td>Create an editable view of the possible configuration options</td> </tr> <tr> <td>Create and document a crossdomain.xml file - use builder also</td> </tr> <tr> <td>Create a coming soon / maintenance layout</td> </tr> <tr> <td>Need to put the body data tags back into the layout</td> </tr> <tr> <td>Need to be able to change the doctype and HTML aspects from the config</td> </tr> <tr> <td>Add the base ref to the config</td> </tr> </tbody> </table> </div> </div> <footer class=footer--sticky role=contentinfo> <div class=footer> <div class=container> <div class='row footer__row'> <div class='col-md-3 col-xs-6 footer__column'> <h4 class='heading footer__heading'> <span class='fa fa-info'></span> About </h4> <div class=footer__content> <p><strong>DryKISS</strong> is a full service internet and mobile digital production house. Our core services span consulting, strategy; planning; development; testing and analytics. We developed CodeBlender to provide a Rapid and repeatable platform for our frontend work.</p> </div> </div> <div class='col-md-3 col-xs-6 footer__column'> <h4 class='heading footer__heading'> <span class='fa fa-cogs'></span> What We Do </h4> <div class=footer__content> DryKISS develops hybrid mobile apps (iOS & Android); responsive internet sites; administration systems and social applications. Using our platform we tune for SEO, accessibility and conversion from the very outset. </div> </div> <div class='col-md-3 col-xs-6 footer--social footer__column'> <h4 class='heading footer__heading'> <span class='fa fa-twitter'></span> Social </h4> <div class=footer__content> <a href="https://www.facebook.com/DryKISSLtd" target=_blank> <span class="fa fa-fw fa-facebook" title=Facebook></span> </a> <a href="https://twitter.com/DryKISSLtd" target=_blank> <span class="fa fa-fw fa-twitter" title=Twitter></span> </a> <a href="https://google.com/DryKISSLtd" target=_blank> <span class="fa fa-fw fa-google" title=Google></span> </a> </div> </div> <div class='col-md-3 col-xs-6 footer__column'> <h4 class='heading footer__heading'> <span class='fa fa-phone'></span> Contact </h4> <div class=footer__content> <p> <i class="fa fa-fw fa-map-marker"></i> Colliers Wood, London, UK </p> <p> <i class="fa fa-fw fa-phone"></i> <a href="tel:+447780435329">+44 (0) 778 043 5329</a> </p> <p> <i class="fa fa-fw fa-envelope"></i> <a href="mailto:info@drykiss.com">info@drykiss.com</a> </p> </div> </div> </div> </div> </div> <div class=copyright> <div class=container> <div class=row> <div class=col-md-12> <time datetime=2017>© 2017</time> Code Blender All rights reserved. <div class=pull-right> Site & SEO by <a href='//drykiss.com' target=_blank> <svg class=drykissLogo version="1.1" id=Layer_1 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x=0px y=0px width="254.667px" height="224.465px" viewBox="0 0 254.667 224.465" enable-background="new 0 0 254.667 224.465" xml:space=preserve> <rect x="-1.651" y="95.98" fill=none width="331.201" height="61.655"/> <text transform="matrix(1 0 0 1 1 126.6523)" fill="#979797" font-family="'Courier'" font-size=48 letter-spacing=7>DRY</text> <text transform="matrix(1 0 0 1 115.563 126.6523)" fill="#ED293B" font-family="'Courier'" font-size=48 letter-spacing=7>KISS</text> <g> <rect x="64.315" y="203.331" opacity="0.55" fill="#ED293B" enable-background=new width="21.136" height="21.137"/> <rect x="85.457" y="203.338" opacity="0.75" fill="#ED293B" enable-background=new width="21.127" height="21.127"/> <rect x="106.579" y="203.331" opacity="0.69" fill="#ED293B" enable-background=new width="21.138" height="21.137"/> <rect x="127.713" y="203.331" opacity="0.77" fill="#ED293B" enable-background=new width="21.137" height="21.137"/> <rect x="148.854" y="203.338" opacity="0.67" fill="#ED293B" enable-background=new width="21.128" height="21.127"/> <rect x="169.979" y="203.331" opacity="0.53" fill="#ED293B" enable-background=new width="21.138" height="21.137"/> <rect x="43.182" y="182.145" opacity="0.51" fill="#ED293B" enable-background=new width="21.137" height="21.142"/> <rect x="64.324" y="182.155" opacity="0.85" fill="#ED293B" enable-background=new width="21.128" height="21.131"/> <rect x="85.447" y="182.145" opacity="0.99" fill="#ED293B" enable-background=new width="21.137" height="21.142"/> <rect x="106.579" y="182.145" opacity="0.9" fill="#ED293B" enable-background=new width="21.138" height="21.142"/> <rect x="127.723" y="182.154" opacity="0.9" fill="#ED293B" enable-background=new width="21.128" height="21.132"/> <rect x="148.847" y="182.146" opacity="0.97" fill="#ED293B" enable-background=new width="21.136" height="21.14"/> <rect x="169.988" y="182.146" opacity="0.87" fill="#ED293B" enable-background=new width="21.129" height="21.131"/> <rect x="191.112" y="182.146" opacity="0.49" fill="#ED293B" enable-background=new width="21.138" height="21.14"/> <rect x="22.049" y="161.014" opacity="0.45" fill="#ED293B" enable-background=new width="21.137" height="21.135"/> <rect x="43.191" y="161.023" opacity="0.81" fill="#ED293B" enable-background=new width="21.128" height="21.125"/> <rect x="64.315" y="161.014" opacity="0.81" fill="#ED293B" enable-background=new width="21.136" height="21.135"/> <rect x="85.447" y="161.012" opacity="0.95" fill="#ED293B" enable-background=new width="21.137" height="21.137"/> <rect x="148.873" y="161.004" opacity="0.93" fill="#ED293B" enable-background=new width="21.127" height="21.129"/> <rect x="169.996" y="160.997" opacity="0.91" fill="#ED293B" enable-background=new width="21.139" height="21.137"/> <rect x="191.138" y="160.997" opacity="0.83" fill="#ED293B" enable-background=new width="21.128" height="21.129"/> <rect x="212.261" y="160.997" opacity="0.47" fill="#ED293B" enable-background=new width="21.139" height="21.137"/> <rect x="0.892" y="139.879" opacity="0.43" fill="#ED293B" enable-background=new width="21.137" height="21.139"/> <rect x="22.033" y="139.889" opacity="0.71" fill="#ED293B" enable-background=new width="21.128" height="21.129"/> <rect x="43.157" y="139.879" opacity="0.77" fill="#ED293B" enable-background=new width="21.138" height="21.139"/> <rect x="64.289" y="139.879" opacity="0.89" fill="#ED293B" enable-background=new width="21.138" height="21.139"/> <rect x="170.003" y="139.874" opacity="0.91" fill="#ED293B" enable-background=new width="21.131" height="21.129"/> <rect x="191.128" y="139.866" opacity="0.79" fill="#ED293B" enable-background=new width="21.138" height="21.137"/> <rect x="212.271" y="139.866" opacity="0.79" fill="#ED293B" enable-background=new width="21.129" height="21.127"/> <rect x="233.395" y="139.866" opacity="0.41" fill="#ED293B" enable-background=new width="21.138" height="21.137"/> </g> <g> <rect x="169.971" y="0.927" opacity="0.54" fill="#ED293B" enable-background=new width="21.139" height="21.137"/> <rect x="148.839" y="0.927" opacity="0.7" fill="#ED293B" enable-background=new width="21.127" height="21.128"/> <rect x="127.705" y="43.238" opacity="0.74" fill="#ED293B" enable-background=new width="21.136" height="21.138"/> <rect x="106.572" y="43.238" opacity="0.68" fill="#ED293B" enable-background=new width="21.137" height="21.138"/> <rect x="85.44" y="0.927" opacity="0.72" fill="#ED293B" enable-background=new width="21.128" height="21.128"/> <rect x="64.307" y="0.927" opacity="0.52" fill="#ED293B" enable-background=new width="21.137" height="21.136"/> <rect x="191.105" y="22.109" opacity="0.56" fill="#ED293B" enable-background=new width="21.137" height="21.137"/> <rect x="169.971" y="22.109" opacity="0.76" fill="#ED293B" enable-background=new width="21.129" height="21.128"/> <rect x="148.839" y="22.109" opacity="0.84" fill="#ED293B" enable-background=new width="21.137" height="21.137"/> <rect x="127.706" y="22.109" opacity="0.58" fill="#ED293B" enable-background=new width="21.137" height="21.138"/> <rect x="106.572" y="22.109" opacity="0.5" fill="#ED293B" enable-background=new width="21.128" height="21.128"/> <rect x="85.44" y="22.109" opacity="0.82" fill="#ED293B" enable-background=new width="21.136" height="21.136"/> <rect x="64.307" y="22.117" opacity="0.66" fill="#ED293B" enable-background=new width="21.128" height="21.128"/> <rect x="43.174" y="22.109" opacity="0.48" fill="#ED293B" enable-background=new width="21.139" height="21.136"/> <rect x="212.237" y="43.243" opacity="0.44" fill="#ED293B" enable-background=new width="21.138" height="21.137"/> <rect x="191.105" y="43.243" opacity="0.71" fill="#ED293B" enable-background=new width="21.126" height="21.127"/> <rect x="169.983" y="43.23" opacity="0.88" fill="#ED293B" enable-background=new width="21.14" height="21.137"/> <rect x="148.839" y="43.243" opacity="0.96" fill="#ED293B" enable-background=new width="21.137" height="21.139"/> <rect x="85.423" y="43.26" opacity="0.94" fill="#ED293B" enable-background=new width="21.127" height="21.127"/> <rect x="64.289" y="43.26" opacity="0.86" fill="#ED293B" enable-background=new width="21.138" height="21.135"/> <rect x="43.157" y="43.268" opacity="0.86" fill="#ED293B" enable-background=new width="21.128" height="21.127"/> <rect x="22.025" y="43.26" opacity="0.46" fill="#ED293B" enable-background=new width="21.136" height="21.135"/> <rect x="233.395" y="64.377" opacity="0.42" fill="#ED293B" enable-background=new width="21.138" height="21.136"/> <rect x="212.261" y="64.377" opacity="0.86" fill="#ED293B" enable-background=new width="21.13" height="21.127"/> <rect x="191.128" y="64.377" opacity="0.92" fill="#ED293B" enable-background=new width="21.138" height="21.136"/> <rect x="169.996" y="64.377" opacity="0.98" fill="#ED293B" enable-background=new width="21.139" height="21.136"/> <rect x="64.289" y="64.392" fill="#ED293B" width="21.129" height="21.128"/> <rect x="43.157" y="64.392" opacity="0.9" fill="#ED293B" enable-background=new width="21.138" height="21.136"/> <rect x="22.025" y="64.399" opacity="0.84" fill="#ED293B" enable-background=new width="21.126" height="21.129"/> <rect x="0.892" y="64.392" opacity="0.4" fill="#ED293B" enable-background=new width="21.137" height="21.136"/> </g> </svg> DryKISS Ltd </a> </div> </div> </div> </div> </div> </footer> <ul class='nav pull-right scrollTop' ng-controller='TopIconController as topIcon'> <li> <a href="javascript:;" title="Scroll to top" ng-click="topIcon.gotoTop()"><span class='fa fa-chevron-up'></span> </a></li> </ul> <script src="/assets/javascripts/body.bundle-b2af2f83.js"></script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga( 'require', 'cleanUrlTracker', {
stripQuery : false,
queryDimensionIndex : 1,
indexFilename : 'index.html',
trailingSlash : 'remove'
});
ga( 'require', 'eventTracker' );
ga( 'require', 'outboundLinkTracker' );
ga( 'require', 'urlChangeTracker' );
ga( 'create', 'UA-49976138-4', 'auto' );
ga( 'send', 'pageview' );
</script> </body> </html>