Skip to content

Instantly share code, notes, and snippets.

View jlord's full-sized avatar
😃
Hello, hi!

Jessica Lord jlord

😃
Hello, hi!
View GitHub Profile
@jlord
jlord / alternatelord.js
Created January 26, 2012 05:57
A really useful function, or Jessica learns about object prototypes
var food = function(type) {
function changeType(newType) {
type = newType
}
function judgment() {
if (type === "bread" || type === "olives") {
return "Awesome tastes"
} else {
@jlord
jlord / index.html
Created January 26, 2012 07:20
awesome neon party
<html>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function randomColor() {
var sick_neon_colors = ["#CB3301", "#FF0066", "#FF6666", "#FEFF99", "#FFFF67", "#CCFF66", "#99FE00", "#EC8EED", "#FF99CB", "#FE349A", "#CC99FE", "#6599FF", "#03CDFF"];
return sick_neon_colors[Math.floor(Math.random()*sick_neon_colors.length)];
};
@jlord
jlord / index.html
Created April 19, 2012 06:39
Geocoder with Leaflet
<html>
<head>
<title>I'm learning</title>
<link rel="stylesheet" href="http://code.leafletjs.com/leaflet-0.3.1/leaflet.css" />
<script src="http://code.leafletjs.com/leaflet-0.3.1/leaflet.js"></script>
<script src="http://zeptojs.com/zepto.js" type="text/javascript"></script>
<script src="map.js" type="text/javascript"></script>
<style>
body {margin: 0; padding: 0; text-align: center;}
#button { -webkit-transition: -webkit-transform 3s ease-in; box-shadow: 0 0 25px #EFEF4D; margin: auto; margin-top: 15px; padding: 3px 6px; height: 20px; width: 200px;}
@jlord
jlord / index.html
Created April 26, 2012 19:11
CfA Website Banner
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Arvo:300,400,700' rel='stylesheet' type='text/css'>
</head>
<style>
#topbar {position: fixed; top: 0px; left: 0px; height: 30px; width: 100%; background: #419ED8;
-moz-box-shadow: 0px 0px 5px 0px #888; -webkit-box-shadow: 0px 0px 9px 0px #888;
box-shadow: 0px 0px 5px 0px #888; z-index: 99999;}
#topbar p {color: #fff; font-family: 'Arvo'; font-size: 12px; margin-top: 5px;
vertical-align: middle; font-weight: 300; letter-spacing: 2px; text-align: center;}
@jlord
jlord / index.html
Created May 31, 2012 22:08
A CSS Breadcrumb Style
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<style>
#container {position: relative; float: right; height: 40px; }
/* This creates the boxes, the left one is on top and nudged right over the right box */
.left { position: relative; float: left; height: 40px; background: #BCEDDC; right: 7px; z-index: 2; }
.right { position: relative; float: right; height: 40px; background: #BCEDDC; }
.left p, .right p { line-height: 4px; font-family: 'Arvo'; font-size: 18px; color: #333; white-space: nowrap; }
.left p { margin-right: 30px; margin-left: 30px; }
@jlord
jlord / index.html
Created May 31, 2012 23:21
A CSS Sidebar Menu
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
</head>
<style>
h2 {font-family: 'Arvo', serif; font-weight: 400; font-size: 16px; color: #333; margin: 0px;}
a {text-decoration: none; }
#sidebar { position: relative; float: left; width: 360px;}
#sidebar h2 { margin-left: 8px; }
@jlord
jlord / index.html
Created August 9, 2012 21:45
Create a pie chart from a google spread sheet!
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
@jlord
jlord / ICanHaz.js
Created August 9, 2012 22:59
Create a table from a Google Spreadsheet
/*!
ICanHaz.js version 0.10 -- by @HenrikJoreteg
More info at: http://icanhazjs.com
*/
(function () {
/*
mustache.js — Logic-less templates in JavaScript
See http://mustache.github.com/ for more info.
*/
@jlord
jlord / index.html
Created August 10, 2012 00:05
Mapping locations from a Google spreadsheet
<html>
<head>
<title>I'm learning</title>
<link rel="stylesheet" href="leaflet.css" />
<script src="leaflet.js"></script>
<script src="http://zeptojs.com/zepto.js" type="text/javascript"></script>
<script src="map.js" type="text/javascript"></script>
<script src="tabletop.js" type="text/javascript"></script>
<style>
body {margin: 0; padding: 0; text-align: center;}
@jlord
jlord / ICanHaz.js
Created August 10, 2012 01:31
Counting items in a Google Spreadsheet
/*!
ICanHaz.js version 0.10 -- by @HenrikJoreteg
More info at: http://icanhazjs.com
*/
(function () {
/*
mustache.js — Logic-less templates in JavaScript
See http://mustache.github.com/ for more info.
*/