Skip to content

Instantly share code, notes, and snippets.

@justinthrelkeld
justinthrelkeld / app-name.conf
Last active Dec 18, 2015
ubuntu + nginx + meteor
View app-name.conf
# upstart service file at /etc/init/<app-name>.conf
description "Meteor.js (NodeJS) application"
author "Daniel Speichert <daniel@speichert.pro>"
# When to start the service
start on started mongodb and runlevel [2345]
# When to stop the service
stop on shutdown
View keybase.md

Keybase proof

I hereby claim:

  • I am justinthrelkeld on github.
  • I am xjustin (https://keybase.io/xjustin) on keybase.
  • I have a public key ASBtwBw4bzSZlf6pF4iVYUAGml3Odq1hozxmE62VyRxHcAo

To claim this, I am signing this object:

View filetree.sh
alias filetree="ls -R | grep ":$" | sed -e 's/:$//' -e 's/[^-][^\/]*\//--/g' -e 's/^/ /' -e 's/-/|/'"
@justinthrelkeld
justinthrelkeld / vignette.sass
Created May 20, 2014
Fade to black image hero straps
View vignette.sass
// defines .row--hero class for edgless, fade to black image straps
=edgeless-background($image)
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%), url($image) no-repeat center top /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(10%,rgba(0,0,0,1)), color-stop(30%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))), url($image) no-repeat center top /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%), url($image) no-repeat center top /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%), url($image) no-repeat center top /* Opera 11.10+ */
ba
@justinthrelkeld
justinthrelkeld / justin.zsh-theme
Last active Aug 29, 2015
my current zsh theme
View justin.zsh-theme
function git_prompt_info() {
ref=$(git symbolic-ref HEAD 2> /dev/null) || return
echo "$ZSH_THEME_GIT_PROMPT_PREFIX$(parse_git_dirty)${ref#refs/heads/}$ZSH_THEME_GIT_PROMPT_SUFFIX"
}
local ret_status="%(?:➜ :%{$fg_bold[red]%}➜ %s)"
PROMPT='%{$fg_bold[blue]%}%p %c %{$reset_color%}$(git_prompt_info)% %p
${ret_status}%{$fg_bold[blue]%}%p %{$reset_color%}'
ZSH_THEME_GIT_PROMPT_PREFIX="git:"
@justinthrelkeld
justinthrelkeld / index.html
Last active Dec 27, 2015
HTTP refresh landing page snippet
View index.html
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="description" content="" />
<meta name="author" content="Justin Threlkeld" />
@justinthrelkeld
justinthrelkeld / OnCanvas.markdown
Last active Mar 4, 2016
Instead of Off Canvas, what about OnCanvas? Sliding menus with no DOM acrobatics! Semantic markup, light JavaScript, highly flexible.
View OnCanvas.markdown

OnCanvas

Note: this demo is a work in progress. It's ugly and is only intended to show the most basic functionality of this technique

Instead of Off Canvas, what about OnCanvas? Sliding menus with no DOM acrobatics! Semantic markup, light JavaScript, highly flexible.

View and edit it live on Codepen.

@justinthrelkeld
justinthrelkeld / styles.css
Last active Dec 13, 2015
basic HTML5 template
View styles.css
@charset "utf-8";
@import url("fonts.css");
html{height:100%;}
body{
height:100%;
font-size: 100%;
margin: 0 auto;
width: 65em;