Skip to content

Instantly share code, notes, and snippets.

View howardpanton's full-sized avatar

Howard Panton howardpanton

10 followers · 11 following
View GitHub Profile
@howardpanton
howardpanton / grid-blocks-two.html
Last active December 17, 2015 03:49
Grid Blocks Two Up - HTML
div class="row">
<ul class="blocks d-all">
<li>
<div class="media-block region d1-d6 heading-top">
<h2 class="media-heading-top">
Media Heading
</h2>
<a href="#" title="Link title">
<figure>
<img src="http://placehold.it/423x304" alt="Image Alt">
@howardpanton
howardpanton / grid-blocks-three.html
Created May 9, 2013 10:14
Grid Block Three Up - HTML
<div class="row">
<ul class="blocks d-all">
<li>
<div class="media-block region three-up heading-top">
<h2 class="media-heading-top">
Media Heading
</h2>
<a href="#" title="Link title">
<figure>
<img src="http://placehold.it/403x304" alt="Image Alt">
@howardpanton
howardpanton / panel.html
Created May 9, 2013 11:13
Panel
<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">
@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>
@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 / introduction-module.html
Created May 20, 2013 19:57
Introduction Modules
<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 / 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>
@howardpanton
howardpanton / new_gist_file
Created August 27, 2013 16:48
From http://www.resrc.it/demos/slideshow
<!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 / new_gist_file
Created August 28, 2013 14:45
From http://stackoverflow.com/questions/15129355/ruby-2-0-rails-gem-install-error-cannot-load-such-file-openssl
$ brew install automake
$ rvm pkg install openssl
$ rvm requirements run
$ rvm reinstall all --force
$ gem install rails
@howardpanton
howardpanton / gulpfile.js
Last active August 29, 2015 14:05 — forked from chriskjaer/gulpfile.js
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/