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 / maps-offline.md
Last active March 6, 2016 12:10
Best option for creating lists/maps of places for travel?

Must-haves

  • load offline
  • map marker
  • marker name
  • current location

Would-be-nice-if

  • customize marker by type (ie: food, coffee, retail)
  • could share easily
  • could callaborate easily
@jlord
jlord / main.js
Last active February 24, 2016 05:29
var printPDFBton = document.getElementById('print-pdf');
var ipc = require('electron').ipcRenderer;
printPDFBton.addEventListener('click', function (event) {
ipc.send('print-to-pdf');
});
ipc.on('wrote-pdf', function (event, path) {
// TODO should we open the pdf? or put it somewhere else?
var message = 'Wrote PDF to: ~' + path;
@jlord
jlord / index.sh
Last active February 9, 2016 06:20 — forked from max-mapper/index.sh
imagemagick script: image background is a larger, blurred copy of itself.
for f in *.jpg; do
convert ./"$f" -gravity center -resize 1137 -extent 1137x640 -blur 0x4 ./finalcat/"new-$f"
convert ./finalcat/"new-$f" -page +248 ./"$f" -flatten ./finalcat/"new-$f"
done
@jlord
jlord / README.md
Last active January 4, 2016 17:49
Using (gem) t to get DMs when your server goes down.

On your server, if you need to, isntall ruby1.9.1-dev:

apt-get install ruby1.9.1-dev

Then install t:

gem install t

Follow along @sferik's great readme on t to get keys from Twitter and authorize t.

@jlord
jlord / index.html
Last active December 22, 2015 02:08
Parsing tweet mentions and links from Spreadsheet data (which is via Sheetsee.js and IFTTT.com) * Sorry about the crazy indents, I couldn't get Gists to do them correctly. Who makes this thing even!?
<!-- a placeholder in the body of your page -->
<div id="twitterTweet"></div>
<!-- a template before /body closes -->
<script id="twitterTweet" type="text/html">
<table>
{{#rows}}
<tr><td>{{date}}</td></tr>
@jlord
jlord / areadme.md
Last active December 15, 2015 03:09
CSS Typing Animation

CSS Typing Animation

A CSS typing animation, inpsired by Lea's, but the "cursor" is relative to the type so that you aren't limited to just monospace typeface, and this does not require background/span color matching so are free to use any background you want.

Here is the codepen.

woo!

@jllord

@jlord
jlord / index.html
Created March 11, 2013 22:11
DIY Front End Dev Skill Sample Page
<html>
<!-- the head tag holds information and resources for the page -->
<head>
<!-- the title tag holds the page title -->
<title>Hello WWW!</title>
</head>
<style>
/* changing background color and the margin (spacing) between the edges and our content */
body {
@jlord
jlord / x.html
Created November 11, 2012 18:55
index.hmtl
<html>
<!-- I'm ommiting a lot of stuff, keeping this to the point -->
<head>
<!-- load in tabletop and mustache -->
<script src="/wp-content/themes/Starkers/tabletop.js" type="text/javascript"></script>
<script src="/wp-content/themes/Starkers/ICanHaz.js" type="text/javascript"></script>
</head>
<style>
/* confine your image to a circle */
.instaImgCirc img {border-radius: 1000px;}
@jlord
jlord / index.html
Created October 6, 2012 21:37
trying to have two instances of tabletop work
<html>
<body>
<div class="span1">
<h3>Lastest Instagram</h3>
<div id="instagram"></div>
</div>
</div><!-- end span1 -->
<div class="span2">
<div id="pocketReader"></div>
@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.
*/