Skip to content

Instantly share code, notes, and snippets.

@innovationhero
innovationhero / train hack #1
Created October 13, 2012 09:26
Some ruby hacks on the train, sinatra signup/login with redis db
=begin
#################################
All Copyrights reserved Mohamed Fouad
About this program, this is a signup/login code part of Torii authentication server
Version: 1.0.0
This program uses semantic versioning
You can learn more about Semantic Versioning at http://semver.org/.
#################################
@innovationhero
innovationhero / dabblet.css
Created September 27, 2012 10:33
Untitled
html, body {
height:100%;
}
body {
width: 100%;
background: #ffcb00;
overflow: hidden;
}
#header{
/* http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
html, body {
height:100%;
}
body {
width: 100%;
/* http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
html, body {
height:100%;
}
body {
width: 100%;
/* http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
#header{
position: absolute;
z-index: 2000;
width: 235px;
top: 50px;
/* http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
#header{
position: absolute;
z-index: 2000;
width: 235px;
top: 50px;
/* http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
#header{
position: absolute;
z-index: 2000;
width: 235px;
top: 50px;
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
body{
background-color:#ccc;
padding: 20px;
@innovationhero
innovationhero / gist:3781500
Created September 25, 2012 12:33
Circle Progress Bar
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
body{
background-color:#ccc;
padding: 20px;
@innovationhero
innovationhero / dabblet.css
Created September 25, 2012 09:11
PROGRESS BAR
/* PROGRESS BAR */
p {color:red;}
.progress-bar {
position: relative;
top: 5px;
width: 680px;
height: 100px;
background: #000;