Skip to content

Instantly share code, notes, and snippets.

View imathis's full-sized avatar
🍽️
Hungry for biscuits.

Brandon Mathis imathis

🍽️
Hungry for biscuits.
View GitHub Profile
.pagination
a
float: left
display: inline-block
border: 1px solid $border
margin-left: 1px
padding: 1px 6px
line-height: 1.5em
span.disabled
@extend a
.app-message
border: 1px solid
border-top: 0
padding: 7px
margin: 0 -1px
p
+border-radius(4px)
padding: 10px $pad 10px $pad + 28
border: 1px solid
+box-shadow(rgba(255,255,255, .3), 0, 1px, 0)
/*
description: This simple plugin provides HTML 5 placeholder attribute to all browsers.
license: MIT-style
author: Brandon Mathis
ported from: MooTools NS.Placeholder plugin by Alexey Gromov
*/
As far as I know the game runs as follows:
1. For a game involving n people, Create n stacks with n notecards in each stack. (With 7 people you'd have 7 stacks with 7 notecards in each totaling 49 notecards)
2. Pass out the stacks so that each person has one stack of n cards.
3. Allow 2 minutes (or less) for each person to quietly write a word or short phrase on the top card. They should also write their name or initials. (examples: blue, stock market, brilliance)
4. When the time is up, they must pass their entire stack clockwise.
-- Now each person has a stack of cards from the person on their right. With a word on the top card. --
5. Everyone reads their card and then moves them to the back of the stack (still facing up). They have one minute to convey the meaning of the word or phrase in a drawing. Players can't use any words or numbers in their drawings, but other than that there are no restrictions. Players should also add their name or initials to their drawing.
6. At the end of one minute, each playe
// Create a simple top to bottom linear gradient with a background-color backup
// The first argument, $color will be output as background-color: $color
//
// This yields a gradient that is 5% brighter on the top and 5% darker on the bottom
//
// +gradient-bg(#777)
//
// This yeilds a gradient where the bright and dark colors are shifted 10% from the original color.
// If you don't specify a third argument it will assign this value for the darkness too, keeping the gradient even.
//
var flashPlayerLocation = "/assets/jwplayer/player.swf";
var flashPlayerSkin = "/assets/jwplayer/glow/glow.xml";
window.addEvent('domready', function() {
html5toFlash();
});
function html5toFlash(){
var videos = $$('video');
if(!videos){return}
// This helps you toggle CSS3 mixins to make sure your site design doesn't depend on them.
// Simply import this file to turn off all css3 called with Compass mixins.
// Comment out the import to turn them on again.
=linear-gradient($no: 0, $no: 0, $no: 0, $no: 0)
=box-shadow($no: 0, $no: 0, $no: 0, !no: 0)
=text-shadow($no: 0, $no: 0, $no: 0, $no: 0)
=border-radius($no: 0)
=border-top-left-radius($no: 0)
=border-top-right-radius($no: 0)
@imathis
imathis / _extensions.sass
Created November 5, 2010 18:58
Creates a nice 3D ribbon effect with CSS only
=gradient-bg($color, $top: 5, $bottom: $top)
@if $top < 0 and $bottom < 0
$color1: darken($color, abs($top))
$color2: lighten($color, abs($bottom))
+linear-gradient(color-stops($color1, $color2))
@else
$color1: lighten($color, abs($top))
$color2: darken($color, abs($bottom))
+linear-gradient(color-stops($color1, $color2))
background-color: $color
@imathis
imathis / iOS-pictos-buttons.sass
Created November 8, 2010 19:24
Some simple classes to be used with @extend and the pictos font
+font-face("pictos-web", font-files("pictos-web", woff, "pictos-web.ttf", truetype, "pictos-web.svg#webfontIyfZbseF", svg), 'pictos-web.eot')
.pictos
font-family: 'pictos-web'
font-weight: normal
font-style: normal
=pictos-button($char)
@extend .pictos-button-style
&:before
content: $char