Skip to content

Instantly share code, notes, and snippets.

View yhahn's full-sized avatar

Young Hahn yhahn

345 followers · 25 following
View GitHub Profile
@yhahn
yhahn / index.html
Created January 18, 2013 16:20
Leaflet with leaflet.css
<!doctype html>
<html>
<head>
<link rel='stylesheet' href='http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css' />
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/l/leaflet.js' type='text/javascript'></script>
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/wax.leaf.min.js' type='text/javascript'></script>
<style>
body { margin:0; padding:0; font-size:10px; }
#leaflet-map { position:absolute; top:0px; bottom:0px; width:100%; }
</style>
@yhahn
yhahn / index.html
Created January 18, 2013 16:20
Leaflet without leaflet.css
<!doctype html>
<html>
<head>
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/l/leaflet.js' type='text/javascript'></script>
<script src='http://lincoln-map.thunderapps3.com/thunder/theme/scripts/wax.leaf.min.js' type='text/javascript'></script>
<style>
body { margin:0; padding:0; font-size:10px; }
#leaflet-map { position:absolute; top:0px; bottom:0px; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 19, 2012 16:37
Centering markers with mapbox.map
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 12, 2012 23:10
YouTube embed in marker
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0px; bottom:0px; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 12, 2012 15:57
Marker tooltip styling
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
.marker-tooltip { -webkit-transform:none !important; }
.marker-popup { position:fixed; top:0px; left:auto; right:0px; }
@yhahn
yhahn / inbox0.md
Created December 10, 2012 20:03

inbox 0

game description:

You receive emails in an inbox. You are presented with a set of options for each email. Some options result in further emails being sent by your contacts. You choose options attempting to reach inbox zero.

progression ideas:

  • Emails and contacts get stickier and stickier as levels progress.
  • The metagame evolves from choosing correct responses to more advanced "knowledge management" work tasks, like determining the actual action items and next actions.
@yhahn
yhahn / index.html
Created December 10, 2012 15:41
Load markers from geojson URL
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.6/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.6/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 10, 2012 15:21
Pointselector example
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.6/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.6/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 10, 2012 14:44
Setting center and adding controls after mapbox.layer().id()
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.6/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.6/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
@yhahn
yhahn / index.html
Created December 5, 2012 22:41
Custom markers + descriptive text
<!DOCTYPE html>
<html>
<head>
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>