Skip to content

Instantly share code, notes, and snippets.

@zachdrago
zachdrago / index.html
Last active August 29, 2015 14:11
Fuzzy clock // source http://jsbin.com/wolala
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Fuzzy clock" />
<script src="https://dl.dropboxusercontent.com/u/804978/%23hexClock/jquery-ui.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/804978/%23hexClock/jquery-1.3.2.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/804978/%23hexClock/fuzzyclock.js"></script>
@zachdrago
zachdrago / index.html
Created February 23, 2015 16:52
JS Bin Montana Stack Example // source http://jsbin.com/kayipe
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Montana Stack Example">
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class='stacklafw' data-id='2986' data-hash='54b47041705df' data-ct='' data-alias='zachdrago.stackla.com' data-ttl="30" ></div>
<script type='text/javascript'>
@zachdrago
zachdrago / Toyota.css
Last active August 29, 2015 14:18
Lightbox styling for Golin/Toyota (Special Olympics)
/* --- Stackla popup - General Settings ---*/
.stacklapopup-bg {
opacity: 0.8 !important;
}
.stacklapopup-content-wrap {
background: #000;
border: thin solid #555;
}
.stacklapopup-image-wrapper.stacklapopup-js-zoom {
background-color: transparent !important;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
@zachdrago
zachdrago / index.html
Created April 9, 2015 23:35
Riester Release Pool Party - source http://jsbin.com/rufocu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
/* --- Stackla popup - General Settings ---*/
.stacklapopup-bg {
opacity: 0.8 !important;
}
.stacklapopup-content-wrap {
background: #fff;
border: thin solid #555;
}
.stacklapopup-content {
font-family: 'Lato', sans-serif !important;
document.domain = "s-static.ak.facebook.com";
.let-it-snow { position: relative }
.lis-flake,
.lis-flake--js {
position: absolute;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 4px #fff
}
body {
color:#505050;
font-family: Tahoma, Geneva, sans-serif;
}
@zachdrago
zachdrago / leaf-icon.js
Created March 27, 2016 13:51
leaflet icon test
var greenIcon = L.icon({
iconUrl: 'http://i.imgur.com/dWbKOER.png',
shadowUrl: 'http://i.imgur.com/iN77E4j.png',
iconSize: [38, 95], // size of the icon
shadowSize: [50, 64], // size of the shadow
iconAnchor: [22, 94], // point of the icon which will correspond to marker's location
shadowAnchor: [4, 62], // the same for the shadow
popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor
});