jennschiffer

/**
 * Jenn cooks breakfast!
 * A collection of breakfast foods illustrated using CSS. 
 * Coded for fun while taking Dabblet.com for a test-run. 
 * Last updated: December 19, 2011
 * Dabblet: http://dabblet.com/gist/1497955
 * Gist: https://gist.github.com/1497955
 */

html { background: #fff; }

jennschiffer

/**
 * Jenn Makes Signs
 * Various road signage made with CSS and the RoadGeek font family
 * Last Updated: December 21, 2011
 * Dabblet: http://dabblet.com/gist/1507357
 * Gist: https://gist.github.com/1507357
 */

@font-face { font-family: "RoadGeek"; src: url("http://pancaketheorem.com/css/signs/roadgeek2w.otf");}		 
@font-face {font-family: "RoadGeek Hospital"; src: url("http://pancaketheorem.com/css/signs/roadgeekf6b.otf")}

jennschiffer

// 1. replace EXAMPLE with your Tumblr username.
// 2. paste the line of code into your Tumblr template's HTML

<a href="http://EXAMPLE.tumblr.com/ask">Ask me anything</a>

jennschiffer

// 1. create a new bookmark on your browser
// 2. paste the following code - starting at "javascript:" into the URL part of the add-bookmark menu.
// 3. click the bookmarklet when you're on the tumblr dashboard for Tom Hanks
// xoxo gossip girl & jennschiffer

javascript:(function(){var iconArray=document.getElementById("new_post").getElementsByClassName("new_post_label_icon");for(var i=0;i<iconArray.length;i++){iconArray[i].style.backgroundImage="url('http://i.imgur.com/87acz.png')"; }})();

jennschiffer

// 1. create a new bookmark on your browser
// 2. paste the following code - starting at "javascript:" into the URL part of the add-bookmark menu.
// 3. click the bookmarklet when you're on Baristanet posts to hide cathar's comments for instant zen
// xoxo jenn

javascript:(function(){$('.comment-author-cathar').hide();}());

jennschiffer

.draggy { padding: 10px; position: absolute; top: 20px; left: 20px; }
.dragger { margin: 0; position: absolute; top: 5px; right: 5px; cursor: pointer; font-size: 1.5em; }

jennschiffer

function bitOnClick(e) {
  prettyPicture = document.getElementById("canvas");
	leftSide = prettyPicture.offsetLeft + document.getElementById("frame").offsetLeft + document.getElementById("container").offsetLeft;
	topSide = prettyPicture.offsetTop + document.getElementById("frame").offsetTop + document.getElementById("container").offsetTop;

	if (e.pageX != undefined && e.pageY != undefined) {
		xPos = e.pageX - leftSide - 8;
		yPos = e.pageY - topSide - 20;
    }
    else {

jennschiffer

$(document).ready(function(){
  
  // create canvas the size of the window
	var canvasHeight = $(window).height();
	var canvasWidth = $(window).width();
	
	$('body').prepend('<canvas id="canvas" width="'+ canvasWidth +'" height="'+ canvasHeight + '" style="cursor:crosshair;">Your browser doesn\'t support canvas. Boo-hiss.</canvas>');
	
	// resize canvas if window size changes - I particularly don't like this, but whatevs floats yo boats...
	$(window).resize(function() {

jennschiffer

<?php

// bnet comments
$commentsBNET = get_comments('number=5&status=approve');

// bkids comments
switch_to_blog( '3' );
$commentsBKIDS = get_comments('number=5&status=approve');
restore_current_blog();

jennschiffer

#my-carousel-of-dreams { position: relative; width: 100%; max-width: 950px; overflow: hidden; }
ul.slidescroller { margin: 0; padding: 0 20px; position: relative; width: 9999px; }
ul.slidescroller > li { width: 280px; float: left; padding: 10px; margin: 5px; overflow: hidden; }
ul.slidescroller li { list-style: none; }
#my-carousel-of-dreams .next, #my-carousel-of-dreams .prev { /* positioning for arrows here */ }