Skip to content

Instantly share code, notes, and snippets.

View howardpanton's full-sized avatar

Howard Panton howardpanton

View GitHub Profile
<head>
<!--[Font include]
/**
* @license
* MyFonts Webfont Build ID 2886433, 2014-09-19T11:53:00-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*

Adding HipChat support to applications

Simple instruction that show you how to add HipChat support for your app so that it will post to a room of your choice, preferably one for the application in question. Both require an API token which you can get from Niklas. v2 of the HipChat API lets you use your own tokens, but I couldn't get that working intially.

Travis

You can optionally use secure tokens in your travis.yml file. It requires you to install the travis command line tool:

$ gem install travis

var gulp
= require('gulp'),
gutil = require('gulp-util'),
gutils = require('gulp-load-utils')(['date']);
sass = require('gulp-sass'),
csso = require('gulp-csso'),
uglify = require('gulp-uglify'),
jade = require('gulp-jade'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/
$ brew install automake
$ rvm pkg install openssl
$ rvm requirements run
$ rvm reinstall all --force
$ gem install rails
<!doctype html>
<html>
<head>
  <title>ReSRC with a responsive slideshow from ResponsiveSlides</title>
  <style>body{margin:0;} .resrc {width: 100%} .rslides{margin:0;padding:0;list-style-type:none;position:relative;}.rslides li{width:100%;opacity:0}.rslides li:first-child{position:relative;display:block;float:left;opacity:1}.rslides img{display:block;height:auto}.rslides_nav{position:absolute;top:10%;z-index:3;margin-top:-2em;width:3.75em;height:3.75em;background-color:rgba(0,0,0,0.5);text-indent:-9999px}.rslides_nav.next{right:3.5%;outline:0}.rslides_nav.next:after{position:absolute;margin-top:-0.75em;border-width:.75em 0 .75em .75em;border-style:solid;border-color:transparent;border-left-color:#fff;content:"";top:50%;right:50%;margin-right:-0.375em}.rslides_nav.prev{left:3.5%;outline:0}.rslides_nav.prev:after{position:absolute;margin-top:-0.75em;border-width:.75em .75em .75em 0;border-style:solid;border-color:transparent;border-right-color:#fff;content:"";top:50%;left:50%;margin-left:-0.375em}</style>
</he
@howardpanton
howardpanton / Full-width overflow slider
Last active December 20, 2015 17:59
Full-width overflow slider
<div class="content-wrapper">
<div class="row slider-container overflow">
<div class="royalSlider contentSlider rsDefault block" data-slider-item-width="1280" data-slider-item-height="480">
<figure>
<img class="rsImg" src="http://artslondon.github.io/beta/assets/img/carousel-imgs/1280x480_slide_1.jpg" alt="some alt text" />
<figcaption class="rsCaption">This is an 'overflow' slider</figcaption>
</figure>
<figure>
<img class="rsImg" src="http://artslondon.github.io/beta/assets/img/carousel-imgs/1280x480_slide_2.jpg" alt="some alt text" />
<figcaption class="rsCaption">Images are still 1280 x 480</figcaption>
<article class="d1-d8 region">
<header>
<h2>Introduction Modules H2</h2>
<h3>31 Jan 2013 H3</h3>
</header><!-- /header -->
<p>
Standard Body Text: From a young age I had always thought that I would study fashion. Body Text / Span 4-8 columns.
</p>
</article>
<article class="d1-d8 region">
@howardpanton
howardpanton / text-date.html
Last active December 17, 2015 13:09
Text with Date
<article class="d1-d8 region">
<header>
<h2>Text with Date H2</h2>
<h3>31 Jan 2013 H3</h3>
</header><!-- /header -->
<p>
Standard Body Text: From a young age I had always thought that I would study fashion. After my Foundation course I started a fashion womenswear course at another university, but after a few weeks felt that it was not for me. Body Text / Span 4-8 columns.
</p>
</article>
@howardpanton
howardpanton / text-container.html
Last active December 17, 2015 13:09
Basic Text Container
<article class="d1-d8 region">
<header>
<h2>Basic Container H2</h2>
</header><!-- /header -->
<p>
Standard Body Text: From a young age I had always thought that I would study fashion. After my Foundation course I started a fashion womenswear course at another university, but after a few weeks felt that it was not for me. Span 4-8 columns.
</p>
</article>
<section class="panel light-gray-bg">
<div class="content-wrapper">
<div class="row">
<ul class="blocks">
<li>
<div class="media-block region d1-d4 heading-top">
<h2 class="media-heading-top">
Media Heading
</h2>
<a href="#" title="Link title">