Jessica Lord jlord

😷

Long Covid recovery

Urban designer turned open source developer. Shared knowledge champion 🎉

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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.
	*/