Skip to content

Instantly share code, notes, and snippets.

View michaelminter's full-sized avatar

Michael Minter michaelminter

View GitHub Profile
@michaelminter
michaelminter / index.html
Created September 20, 2012 03:51
Using CSS and UniCode symbols
<h1>Document icons</h1>
<h2>Using CSS and UniCode symbols</h2>
<div class="box">
<div class="icon blue">
<span class="doc-icon doc">☰</span>
<span class="doc-type">DOC</span>
</div>
<div class="icon turquoise">
<span class="doc-icon code">❮ ❯</span>
<span class="doc-type">HTML</span>
@michaelminter
michaelminter / index.html
Created September 20, 2012 03:58
Just been watching Hot Tub Time Machine and I just wan't to pay my respects to Lou.
<div class="wrapper">
<h1 style="font-weight:100;">Sign in<span><img src="http://shre.us/upload/uploads/lougle.png" width="52px" /></span></h1>
<div class="userpass">Username:</div><br />
<input type="text" name="email" class="email" />
<div class="userpass">Password:</div><br />
<input type="text" name="password" class="email" />
<button class="ohyeh">Sign in</button>
<label class="rememberyo" onclick="">
<input class="remember" type="checkbox" >
@michaelminter
michaelminter / index.html
Created September 20, 2012 06:14
Inspired by Fabrice Weinberg's "CSS Digital Clock", completely reconfigured and converted to binary. More dependent JS and simplistic CSS. *Edited to run as an object, much more to customize in the JS
<div id="bincont"></div>
<div id="digital"></div>
<div id="actual"></div>
@michaelminter
michaelminter / 0test.rb
Created September 20, 2012 18:43
Take an array and move all zeros to front
array, newarray = [0, 3, 0, 6, 0, 4], []
array.each { |a|
a == 0 ? newarray.unshift(a) : newarray << a
}
puts newarray.inspect
@michaelminter
michaelminter / index.html
Created September 22, 2012 20:23
showing another usage of input:checkbox. for full view: http://codepen.io/ImBobby/full/EdALB inspired from : http://designshack.net/design/notepad-to-do-list-psd
<div class="wrap">
<div class="header"><span>Todo List</span></div>
<div class="wrap-list">
<ol class="list">
<li>
<input type="checkbox" id="check-1" checked="checked">
<label for="check-1">Shop</label>
</li>
<li>
<input type="checkbox" id="check-2">
@michaelminter
michaelminter / git-colors.md
Created October 1, 2012 00:35
Colors in git

Bored with just black and white in your git status? Add some colour!

Open up your global Git configuration file (it should be found in ~/.gitconfig) and enter this into it:

[color]
  ui = auto
[color "branch"]
  current = yellow reverse
  local = yellow

remote = green

@michaelminter
michaelminter / branch-color.sh
Created October 1, 2012 17:47 — forked from yujiberra/gist:1144329
Bash profile with color current git branch color coded by status
# Git status bash prompt
#
# In addition to printing the current working directory, this prompt will
# show a number of things if you are in a git repository:
# - The current branch you are in
# - Whether there are untracked files in the repository (there will be an
# asterisk after the branch nome if there are)
# - Whether there are any unmerged/unstaged/staged changes or if the directory
# is clean. See below for the colors that will be used, and change them if
# you'd like.
@michaelminter
michaelminter / project.sh
Created October 4, 2012 17:27
New project script
#
# Create new project dir
# project --heroku --sinatra "project_name"
#
PROJECTS="/Users/michaelminter/Google Drive/projects"
SUCCESS="$(tput bold)$(tput setaf 2)[SUCCESS]$(tput sgr0)"
FAIL="$(tput bold)$(tput setaf 1)[FAILURE]$(tput sgr0)"
# Sort parameters
if [ $1 == '--heroku' ]
then
@michaelminter
michaelminter / notes.rb
Created October 8, 2012 01:22
Mac command line note management tool
#!/usr/bin/env ruby
require 'json'
require 'time'
class Time
module Units
Second = 1
Minute = Second * 60
Hour = Minute * 60
Day = Hour * 24
<a class="button" href="#openModal">Open it up!</a>
<div id="openModal" class="modalbg">
<div class="dialog">
<a href="#close" title="Close" class="close">X</a>
<h2>Holy Crap!!!</h2>
<p>You freakin' did it!</p>
<p>You opened up the freakin' modal window! Now close it, ya dingus.</p>
<p class="fineprint">Based on the article "Creating a modal window with HTML5 & CSS3" at <a href="webdesignerdepot.com">Webdesigner Depot</a></p>
<p class="fineprint">p.s. Sorry for calling you a dingus earlier.</p>