Skip to content

Instantly share code, notes, and snippets.

View dleatherman's full-sized avatar
💭
🤘🏼

Dan Leatherman dleatherman

💭
🤘🏼
View GitHub Profile
<?php snippet('header') ?>
<?php snippet('menu') ?>
<?php snippet('submenu') ?>
<?php
// get the entire string and
// split it into an array by comma
$tokens = str::split($page->greeting());
@dleatherman
dleatherman / _radial-menu.scss
Created August 20, 2012 17:29
Sass-radial-menu markup
@import "compass/css3";
/*
* Sass-Radial-Menu v1.0a
* Sass+Compass Radial Menu Mixin
* http://permalightnyc.com/experiments/radial-menu
*
* Licensed under the MIT license.
* Copyright 2012 Dan Leatherman
*/
<form class="custom">
<input placeholder="First Name">
<input placeholder="Last Name">
<input placeholder="Email">
<small class="error">Try that again...</small>
<textarea class="input-text" placeholder="Comment"></textarea>
<a class="primary radius button small">Submit</a>
</form>
<div class="four columns">
<div class="request">
<div class="accept">
<a href="#" class="button primary radius large">Accept</a>
</div>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<h6 class="date">September 10 @ 4:30pm</h6>
</div>
</div>
<div class="contact-pop" data-popout="">
<form action="#" class="custom">
<a href="#" data-close="" class="pop-close">x</a>
<div class="row">
<div class="six columns">
<label for="date"><input type="text" name="date" id="date" placeholder="ON THIS DATE" data-customforms="disabled"></label>
</div>
<div class="six columns">
<label for="time"><select name="time" id="time">
<option selected value="now"> At This Time </option> <option value="morning"> Morning </option>
<div class="row result">
<div class="one column number">
<h3>
<!--Result #-->
</h3>
</div>
<div class="six columns">
<div class="row">
<div class="three columns mobile-one">
<div class="avatar">
<div class="reviews">
<ul class="link-list avatars">
<li>
<a href="#" class="selected single"></a>
<div class="heart">
<img src="images/layout/heart-red.png" alt="heart">
</div><img src="http://placehold.it/50x50" alt="">
</li>
<li>
<a href="#" class="single"></a>
@dleatherman
dleatherman / countdown.js
Created November 1, 2012 04:31
A simple javascript countdown clock
$(document).ready(function(){
countdown();
setInterval(countdown, 1000);
function countdown () {
var now = moment(), // get the current moment
// May 28, 2013 @ 12:00AM
then = moment([2013, 4, 28]),
// get the difference from now to then in ms
ms = then.diff(now, 'milliseconds', true);
// If you need years, uncomment this line and make sure you add it to the concatonated phrase
@dleatherman
dleatherman / grid-basic.html
Created February 4, 2013 22:09
Simple explanation of the foundation grid system
<div class="row">
<div class="five columns">
Content...
</div><!-- / five columns -->
<div class="seven columns">
Content...
</div><!-- / seven columns -->
</div><!-- / row -->
<a href="#" class="large primary button radius">Let's get started &raquo;</a>
<a href="" class="medium primary button radius">Continue &raquo;</a>
<a href="" class="small primary button radius">Log In</a>