Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

min css and js

  • Loading branch information...
commit 45391f573fcbe802d970d0aa81e456872677160b 1 parent 0ba7133
@rodbeh authored
View
6 README
@@ -11,4 +11,8 @@ http://dribbble.com/rodbeh
https://github.com/rodbeh
http://codeschool.com/users/rodbeh
http://linkedin.com/in/rodbeh
-http://www.domestika.org/es/rodbeh
+http://www.domestika.org/es/rodbeh
+
+ilustritas:
+http://itunes.apple.com/us/book/ilustritas/id793092020
+http://amazon.com/ilustritas-children-draw-computers-ebook/dp/B00CRGAB7W
View
376 public/css/main.css
@@ -1,22 +1,17 @@
-@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic);
-html, body, button,input, select, textarea {
- color: #222
-}
body {
text-align: center;
- font-family: 'Noto Serif', Helvetica, 'Helvetica Neue', Arial
+ font-family: 'Noto Serif', Helvetica, 'Helvetica Neue', Arial;
+ font-size: 100%;
+ position: relative;
+ background-color: white;
+ position: relative
}
body * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
-body {
- position: relative;
- background-color: white;
- position: relative
-}
html, body, section, div {
margin: 0;
padding: 0
@@ -35,25 +30,6 @@ a {
a:hover {
text-decoration: line-through
}
-hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
- padding: 0
-}
-img {
- vertical-align: middle
-}
-fieldset {
- border: 0;
- margin: 0;
- padding: 0
-}
-textarea {
- resize: vertical
-}
.clearfix:before,
.clearfix:after {
content: " ";
@@ -113,7 +89,9 @@ header span span {
border-radius: 50px;
line-height: 50px;
font-weight: bold;
- background: white url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/header-arrow.png") center 40px no-repeat
+ background: white url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/header-arrow.png") center 40px no-repeat;
+ background-size: 75px;
+ background-position-y: 19px
}
header span span a {
width: 100px;
@@ -126,37 +104,96 @@ header span span a {
header span span a:hover {
opacity: 0.3
}
+section {
+ margin-top: 0.3em;
+ margin-bottom: 2em
+}
+#content > div {
+ padding: 20px 40px;
+ max-width: 882px;
+ font-size: 2em;
+ line-height: 1.5;
+ margin: auto
+}
h2 {
- font-size: 1.3em;
+ font-size: 2em;
+ line-height: 1.1em;
margin: 1em 0 .2em 0;
- line-height: 1.3em;
font-style: italic;
color: white;
- font-weight: normal
-}
-h2 span {
- background-color: rgba(243,74,41,1);
+ font-weight: bold;
+ color: rgba(243,74,41,1);
padding: 2px 10px
}
-h2 b.block {
- font-weight: normal;
- margin: 0.4em auto 1em
-}
p {
+ display: inline;
margin-top: 0;
margin-bottom: 0;
- padding: 0 20px
-}
-.main {
- padding: 15px 0
+ padding: 0
}
+
mark {
background: white;
- box-shadow: inset 0 -14px 0 rgba(33,194,244,0.3)
+ box-shadow: inset 0 -11px 0 rgba(33,194,244,0.3)
}
-section {
- margin-top: 0.3em;
- margin-bottom: 2em
+p.sideshow {
+ display: none;
+ margin-top: 0.75em;
+ margin-bottom: 0.75em
+}
+p span {
+ display: none
+}
+span.sideshow {
+ display: inline
+}
+strong.block {
+ display: block
+}
+#sideshow {
+ text-decoration: underline
+}
+#sideshow:hover {
+ cursor: pointer;
+ text-decoration: line-through;
+ color: rgba(243,74,41,1)
+}
+#sideshow.sideshow {
+ text-decoration: none
+}
+#sideshow.sideshow:hover {
+ cursor: default;
+ text-decoration: none;
+ color: black
+}
+#sideshow.sideshow ~ span + span {
+ display: inline
+}
+p.footer {
+ margin-top: 1.5em;
+ font-size: 0.75em;
+ text-align: center;
+ display: block
+}
+@keyframes myfirst {
+ from {
+ color: red
+ }
+ to {
+ color: white
+ }
+}
+@-webkit-keyframes myfirst {
+ from {
+ color: red
+ }
+ to {
+ color: white
+ }
+}
+span b {
+ animation: myfirst 1s linear 0s infinite;
+ -webkit-animation: myfirst 1s linear 0s infinite
}
a#dribbble, a#twitter, a#github, a#linkedin, a#codeschool, a#domestika {
width: 132px;
@@ -209,7 +246,7 @@ a#domestika:hover {
}
#ilustritas {
background-color: #54b7fa;
- padding: 40px 0
+ max-width: 100% !important
}
#featured {
width: 100%;
@@ -228,7 +265,10 @@ a#domestika:hover {
}
.btn-relative {
display: block;
- text-align: center
+ text-align: center;
+ position: relative;
+ height: 106px;
+ margin-top: 12px
}
.btn {
margin-top: 15px;
@@ -292,7 +332,7 @@ a#domestika:hover {
.ipad #store p {
position: absolute;
z-index: 99;
- width: 768px;
+ padding: 0 20px;
height: 1024px;
display: block;
margin-top: 270px;
@@ -338,6 +378,10 @@ a#domestika:hover {
.ipad #featured img {
width: 768px
}
+#store {
+ max-width: 922px;
+ margin: auto
+}
div.orbit-wrapper {
width: 1px;
height: 1px;
@@ -509,17 +553,11 @@ footer {
background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");
background-size: 100%
}
-
-footer div {
- width: 768px;
- margin: auto
-}
footer ul {
float: left;
- padding: 0;
+ padding: 0
}
footer li {
- font-size: .6em;
text-align: left;
list-style: none;
color: rgba(255,255,255,0.6);
@@ -532,100 +570,9 @@ footer li a {
footer li a:hover {
color: rgba(255,255,255,0.9)
}
-@media only screen and (min-width: 320px) {
- .wrapper {
- width: 280px;
- margin: 0 auto
- }
- body {
- font-size: 1.1em;
- line-height: 1.4
- }
- mark {
- box-shadow: inset 0 -4px 0 rgba(33,194,244,0.3);
- }
- header, footer {
- background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-phones.jpg");
- }
- p {
- display: inline;
- margin-left: -40px
- }
- h2 + p {
- margin-left: 0
- }
- h2 b.block {
- margin-left: -17px
- }
- strong.block {
- display: block;
- }
- header span {
- width: 60px;
- height: 30px;
- margin: -30px auto 0
- }
- header span span {
- width: 60px;
- height: 60px;
- background-position-y: 12px;
- background-size: 46px
- }
-}
-@media only screen and (max-width: 567px) {
- h2 {
- background: rgba(243,74,41,1);
- padding: 5px;
- margin-bottom: 1em;
- line-height: 1.5em
- }
- strong.block em {
- display: none
- }
-}
-@media only screen and (min-width: 568px) {
- body {
- font-size: 1.4em;
- line-height: 1.4
- }
- .wrapper {
- width: 520px;
- margin: 0 auto
- }
- mark {
- box-shadow: inset 0 -9px 0 rgba(33,194,244,0.3);
- }
- strong.block {
- display: inline;
- }
- h2 b.block {
- display: block
- }
-}
-@media only screen and (min-width: 768px) {
- body {
- font-size: 1.59em;
- line-height: 1.5
- }
- .wrapper {
- width: 682px;
- margin: 0 auto
- }
- .less-space-between-words {
- word-spacing: -2px
- }
- .group {
- display: block
- }
+@media only screen and (max-width: 1024px) {
header, footer {
- background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-tablets.jpg");
- }
- h2 {
- font-size: 1.2em
- }
- p {
- display: block;
- margin-left: 0
+ background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-tablets.jpg")
}
header span {
width: 80px;
@@ -638,113 +585,50 @@ footer li a:hover {
background-position-y: 16px;
background-size: 60px
}
-}
-@media only screen and (max-width: 1024px) {
- header span span a {
- display: none
- }
-}
-@media only screen and (min-width: 1025px) {
- body {
- font-size: 2.0em;
- line-height: 1.5
- }
- .wrapper {
- width: 862px
- }
- .group {
- display: inline
- }
- header a {
- display: block;
- }
- header, footer {
- background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");
- }
- header span {
- width: 100px;
- height: 50px;
- margin: -50px auto 0
- }
- header span span {
- width: 100px;
- height: 100px;
- background-size: 75px;
- background-position-y: 19px
- }
- p.sideshow {
- display: none
- }
- p span {
- display: none
- }
- span.sideshow {
- display: inline
- }
- #sideshow {
- text-decoration: underline
+ #content > div {
+ font-size: 1.5em
}
- #sideshow:hover {
- cursor: pointer;
- text-decoration: line-through;
- color: rgba(243,74,41,1)
+ h2 {
+ font-size: 1.5em
}
- #sideshow.sideshow {
- text-decoration: none
+ mark {
+ box-shadow: inset 0 -11px 0 rgba(33,194,244,0.3)
}
- #sideshow.sideshow:hover {
- cursor: default;
- text-decoration: none;
+ #store p span.h1 {
color: black
}
- #sideshow.sideshow ~ span + span {
- display: inline
- }
- p.top {
- margin-top: 0.75em
+ #store p span.h2 {
+ color: #C92020
}
- p.bottom {
- margin-bottom: 0.75em
+ #store p span.h2 {
+ color: white
}
- p.footer {
- margin-top: 1.5em;
- font-size: 0.75em;
- text-align: right;
- padding-right: 3.5em
+ header span span a {
+ display: none
}
- @keyframes myfirst {
- from {
- color: red
- }
- to {
- color: white
- }
+ .group {
+ display: block
}
- @-webkit-keyframes myfirst {
- from {
- color: red
- }
- to {
- color: white
- }
+}
+@media only screen and (max-width: 568px) {
+ header, footer {
+ background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-phones.jpg")
}
- span b {
- animation: myfirst 1s linear 0s infinite;
- -webkit-animation: myfirst 1s linear 0s infinite
+ header span {
+ width: 60px;
+ height: 30px;
+ margin: -30px auto 0
}
- .btn-relative {
- position: relative;
- height: 106px;
- margin-top: 12px
+ header span span {
+ width: 60px;
+ height: 60px;
+ background-position-y: 12px;
+ background-size: 46px
}
- .btn {
- position: absolute;
- left: 110px;
- background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/ibookstore.png");
- border-color: black
+ #content > div {
+ font-size: 1em
}
- .btn.clone {
- left: 380px;
- background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/kindle-store.png")
+ mark {
+ box-shadow: inset 0 -11px 0 rgba(33,194,244,0.3)
}
}
View
2  public/css/min.css
@@ -1 +1 @@
-/*! normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,body,button,input,select,textarea{color:#222}body{text-align:center;font-family:'Noto Serif',Helvetica,'Helvetica Neue',Arial}body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:relative;background-color:white;position:relative}html,body,section,div{margin:0;padding:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}a{text-decoration:underline}a:hover{text-decoration:line-through}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}header{position:relative;z-index:1000;top:0;left:0;background-color:#172331;background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");background-size:100%;height:100%;display:table;width:100%;overflow:hidden;margin-top:-10px}header h1{display:block;margin:0 auto;text-indent:-999em;overflow:hidden;width:100%;height:inherit;background:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/letters-background.png") center no-repeat;background-size:contain}header h2,header h3{display:none}header div{display:table-cell;vertical-align:middle;text-align:center;height:100%}header span{position:relative;display:block;width:100px;height:50px;margin:-50px auto 0}header span span{width:100px;height:100px;display:block;border-radius:50px;line-height:50px;font-weight:bold;background:white url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/header-arrow.png") center 40px no-repeat}header span span a{width:100px;height:100px;display:block;background-color:white;border-radius:50px;opacity:0}header span span a:hover{opacity:.3}h2{font-size:1.3em;margin:1em 0 .2em 0;line-height:1.3em;font-style:italic;color:white;font-weight:normal}h2 span{background-color:rgba(243,74,41,1);padding:2px 10px}h2 b.block{font-weight:normal;margin:.4em auto 1em}p{margin-top:0;margin-bottom:0;padding:0 20px}.main{padding:15px 0}mark{background:white;box-shadow:inset 0 -14px 0 rgba(33,194,244,0.3)}section{margin-top:.3em;margin-bottom:2em}a#dribbble,a#twitter,a#github,a#linkedin,a#codeschool,a#domestika{width:132px;height:132px;margin:0 -5px 0 0;display:inline-block;text-indent:-999em;background-repeat:no-repeat;background-color:#fff;background-image:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/icos-sprite.png);background-size:792px 264px;border-radius:132px}a#twitter{background-position:0 -132px}a#twitter:hover{background-position:2px 0;background-color:#000}a#dribbble{background-position:-132px -132px}a#dribbble:hover{background-position:-132px 0}a#github{background-position:-264px -132px}a#github:hover{background-position:-264px 0}a#codeschool{background-position:-396px -132px}a#codeschool:hover{background-position:-396px 0}a#linkedin{background-position:-528px -132px}a#linkedin:hover{background-position:-528px 0}a#domestika{background-position:-660px -132px}a#domestika:hover{background-position:-660px 0}#ilustritas{background-color:#54b7fa;padding:40px 0}#featured{width:100%;background:0}#featured img{width:80%;max-width:768px}#store{padding:10px 40px}#store p{max-width:768px;margin:auto}.btn-relative{display:block;text-align:center}.btn{margin-top:15px;display:inline-block;border:2px solid transparent;border-radius:10px;cursor:pointer;background-color:white;width:260px;height:77px;left:0;background-image:url("http://dl.dropboxusercontent.com/u/4343272/ilustritas/imgs/ibookstore.png");margin:10px 20px;border-color:rgba(151,195,10,1)}.btn:hover{border-color:red}.btn.clone{left:270px;background-image:url("http://dl.dropboxusercontent.com/u/4343272/ilustritas/imgs/kindle-store.png")}#store p span.h1{font-size:1.3em;font-weight:bold;color:rgba(255,255,255,1);display:block}#store p span.h2{margin-top:10px;font-size:1em;color:#f60;display:inline}#store p span.h3{margin-top:10px;font-size:1em;display:inline}#store p span.h3 a{font-size:1.3em;color:rgba(255,214,0,1);line-height:100px;display:block}.ipad{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/ipad-flat-mockup.png");background-size:1280px 1550px;background-position-x:center;background-position-y:center;background-repeat:no-repeat;width:100%;height:1650px}.ipad #store{margin:auto;position:relative;width:768px;padding:0}.ipad #store p{position:absolute;z-index:99;width:768px;height:1024px;display:block;margin-top:270px;opacity:0}.ipad #store p:hover{background:rgba(0,0,0,0.85);opacity:1}.ipad #store p span{display:block;color:white}.ipad #store p span.h1{margin-top:170px;font-size:1.5em;font-weight:bold;color:rgba(151,195,10,1)}.ipad #store p span.h2{margin-top:10px;font-size:1.1em;color:#f60}.ipad #store p span.h3{margin-top:10px;font-size:1em}.ipad #store p span.h3 a{color:rgba(255,214,0,1);line-height:100px}.ipad #featured{background:#000 url('https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/loading.gif') no-repeat center center;overflow:hidden;margin-top:270px}.ipad #featured>img,.ipad #featured>div,.ipad #featured>a{display:none}.ipad #featured img{width:768px}div.orbit-wrapper{width:1px;height:1px;position:relative;margin:auto}div.orbit{width:1px;height:1px;position:relative;overflow:hidden}div.orbit>img{position:absolute;top:0;left:0;display:none}div.orbit>a{border:0;position:absolute;top:0;left:0;line-height:0;display:none}.orbit>div{position:absolute;top:0;left:0;width:100%;height:100%}div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001;display:none}span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/rotator-black.png) no-repeat;z-index:3}span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden}span.rotator.move{left:0}span.mask.move{width:40px;left:0;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/timer-black.png) repeat 0 0}span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/pause-black.png) no-repeat;z-index:4;opacity:0}span.pause.active{background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/pause-black.png) no-repeat 0 -40px}div.timer:hover span.pause,span.pause.active{opacity:1}.orbit-caption{display:none;font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif}.orbit-wrapper .orbit-caption{background:#000;background:rgba(0,0,0,.6);z-index:1000;color:#fff;text-align:center;padding:7px 0;font-size:13px;position:absolute;right:0;bottom:0;width:100%}div.slider-nav{display:block}div.slider-nav span{width:78px;height:100px;text-indent:-9999px;position:absolute;z-index:1000;top:50%;margin-top:-50px;cursor:pointer}div.slider-nav span.right{background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/right-arrow.png);right:0;top:865px}div.slider-nav span.left{background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/left-arrow.png);left:0;top:865px}.orbit-bullets{position:absolute;z-index:1000;list-style:none;bottom:-40px;left:50%;margin-left:-50px;padding:0}.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/bullets.jpg) no-repeat 4px 0;width:13px;height:12px;overflow:hidden}.orbit-bullets li.active{color:#222;background-position:-8px 0}.orbit-bullets li.has-thumb{background:0;width:100px;height:75px}.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000}footer{background-color:#172331;display:block;padding:100px;background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");background-size:100%}footer div{width:768px;margin:auto}footer ul{float:left;padding:0}footer li{font-size:.6em;text-align:left;list-style:none;color:rgba(255,255,255,0.6);padding-right:50px}footer li a{font-size:.8em;color:rgba(255,255,255,0.6)}footer li a:hover{color:rgba(255,255,255,0.9)}@media only screen and (min-width:320px){.wrapper{width:280px;margin:0 auto}body{font-size:1.1em;line-height:1.4}mark{box-shadow:inset 0 -4px 0 rgba(33,194,244,0.3)}header,footer{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-phones.jpg")}p{display:inline;margin-left:-40px}h2+p{margin-left:0}h2 b.block{margin-left:-17px}strong.block{display:block}header span{width:60px;height:30px;margin:-30px auto 0}header span span{width:60px;height:60px;background-position-y:12px;background-size:46px}}@media only screen and (max-width:567px){h2{background:rgba(243,74,41,1);padding:5px;margin-bottom:1em;line-height:1.5em}strong.block em{display:none}}@media only screen and (min-width:568px){body{font-size:1.4em;line-height:1.4}.wrapper{width:520px;margin:0 auto}mark{box-shadow:inset 0 -9px 0 rgba(33,194,244,0.3)}strong.block{display:inline}h2 b.block{display:block}}@media only screen and (min-width:768px){body{font-size:1.59em;line-height:1.5}.wrapper{width:682px;margin:0 auto}.less-space-between-words{word-spacing:-2px}.group{display:block}header,footer{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-tablets.jpg")}h2{font-size:1.2em}p{display:block;margin-left:0}header span{width:80px;height:40px;margin:-40px auto 0}header span span{width:80px;height:80px;background-position-y:16px;background-size:60px}}@media only screen and (max-width:1024px){header span span a{display:none}}@media only screen and (min-width:1025px){body{font-size:2.0;line-height:1.5}.wrapper{width:862px}.group{display:inline}header a{display:block}header,footer{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg")}header span{width:100px;height:50px;margin:-50px auto 0}header span span{width:100px;height:100px;background-size:75px;background-position-y:19px}p.sideshow{display:none}p span{display:none}span.sideshow{display:inline}#sideshow{text-decoration:underline}#sideshow:hover{cursor:pointer;text-decoration:line-through;color:rgba(243,74,41,1)}#sideshow.sideshow{text-decoration:none}#sideshow.sideshow:hover{cursor:default;text-decoration:none;color:black}#sideshow.sideshow ~ span+span{display:inline}p.top{margin-top:.75em}p.bottom{margin-bottom:.75em}p.footer{margin-top:1.5em;font-size:.75em;text-align:right;padding-right:3.5em}@keyframes myfirst{from{color:red}to{color:white}}@-webkit-keyframes myfirst{from{color:red}to{color:white}}span b{animation:myfirst 1s linear 0 infinite;-webkit-animation:myfirst 1s linear 0 infinite}.btn-relative{position:relative;height:106px;margin-top:12px}.btn{position:absolute;left:110px;background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/ibookstore.png");border-color:black}.btn.clone{left:380px;background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/kindle-store.png")}}
+html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{text-align:center;font-family:'Noto Serif',Helvetica,'Helvetica Neue',Arial;font-size:100%;position:relative;background-color:white;position:relative}body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,section,div{margin:0;padding:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}a{text-decoration:underline}a:hover{text-decoration:line-through}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}header{position:relative;z-index:1000;top:0;left:0;background-color:#172331;background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");background-size:100%;height:100%;display:table;width:100%;overflow:hidden;margin-top:-10px}header h1{display:block;margin:0 auto;text-indent:-999em;overflow:hidden;width:100%;height:inherit;background:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/letters-background.png") center no-repeat;background-size:contain}header h2,header h3{display:none}header div{display:table-cell;vertical-align:middle;text-align:center;height:100%}header span{position:relative;display:block;width:100px;height:50px;margin:-50px auto 0}header span span{width:100px;height:100px;display:block;border-radius:50px;line-height:50px;font-weight:bold;background:white url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/header-arrow.png") center 40px no-repeat;background-size:75px;background-position-y:19px}header span span a{width:100px;height:100px;display:block;background-color:white;border-radius:50px;opacity:0}header span span a:hover{opacity:.3}section{margin-top:.3em;margin-bottom:2em}#content>div{padding:20px 40px;max-width:882px;font-size:2em;line-height:1.5;margin:auto}h2{font-size:2em;line-height:1.1em;margin:1em 0 .2em 0;font-style:italic;color:white;font-weight:bold;color:rgba(243,74,41,1);padding:2px 10px}p{display:inline;margin-top:0;margin-bottom:0;padding:0}mark{background:white;box-shadow:inset 0 -11px 0 rgba(33,194,244,0.3)}p.sideshow{display:none;margin-top:.75em;margin-bottom:.75em}p span{display:none}span.sideshow{display:inline}strong.block{display:block}#sideshow{text-decoration:underline}#sideshow:hover{cursor:pointer;text-decoration:line-through;color:rgba(243,74,41,1)}#sideshow.sideshow{text-decoration:none}#sideshow.sideshow:hover{cursor:default;text-decoration:none;color:black}#sideshow.sideshow ~ span+span{display:inline}p.footer{margin-top:1.5em;font-size:.75em;text-align:center;display:block}@keyframes myfirst{from{color:red}to{color:white}}@-webkit-keyframes myfirst{from{color:red}to{color:white}}span b{animation:myfirst 1s linear 0 infinite;-webkit-animation:myfirst 1s linear 0 infinite}a#dribbble,a#twitter,a#github,a#linkedin,a#codeschool,a#domestika{width:132px;height:132px;margin:0 -5px 0 0;display:inline-block;text-indent:-999em;background-repeat:no-repeat;background-color:#fff;background-image:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/icos-sprite.png);background-size:792px 264px;border-radius:132px}a#twitter{background-position:0 -132px}a#twitter:hover{background-position:2px 0;background-color:#000}a#dribbble{background-position:-132px -132px}a#dribbble:hover{background-position:-132px 0}a#github{background-position:-264px -132px}a#github:hover{background-position:-264px 0}a#codeschool{background-position:-396px -132px}a#codeschool:hover{background-position:-396px 0}a#linkedin{background-position:-528px -132px}a#linkedin:hover{background-position:-528px 0}a#domestika{background-position:-660px -132px}a#domestika:hover{background-position:-660px 0}#ilustritas{background-color:#54b7fa;max-width:100% !important}#featured{width:100%;background:0}#featured img{width:80%;max-width:768px}#store{padding:10px 40px}#store p{max-width:768px;margin:auto}.btn-relative{display:block;text-align:center;position:relative;height:106px;margin-top:12px}.btn{margin-top:15px;display:inline-block;border:2px solid transparent;border-radius:10px;cursor:pointer;background-color:white;width:260px;height:77px;left:0;background-image:url("http://dl.dropboxusercontent.com/u/4343272/ilustritas/imgs/ibookstore.png");margin:10px 20px;border-color:rgba(151,195,10,1)}.btn:hover{border-color:red}.btn.clone{left:270px;background-image:url("http://dl.dropboxusercontent.com/u/4343272/ilustritas/imgs/kindle-store.png")}#store p span.h1{font-size:1.3em;font-weight:bold;color:rgba(255,255,255,1);display:block}#store p span.h2{margin-top:10px;font-size:1em;color:#f60;display:inline}#store p span.h3{margin-top:10px;font-size:1em;display:inline}#store p span.h3 a{font-size:1.3em;color:rgba(255,214,0,1);line-height:100px;display:block}.ipad{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/ipad-flat-mockup.png");background-size:1280px 1550px;background-position-x:center;background-position-y:center;background-repeat:no-repeat;width:100%;height:1650px}.ipad #store{margin:auto;position:relative;width:768px;padding:0}.ipad #store p{position:absolute;z-index:99;padding:0 20px;height:1024px;display:block;margin-top:270px;opacity:0}.ipad #store p:hover{background:rgba(0,0,0,0.85);opacity:1}.ipad #store p span{display:block;color:white}.ipad #store p span.h1{margin-top:170px;font-size:1.5em;font-weight:bold;color:rgba(151,195,10,1)}.ipad #store p span.h2{margin-top:10px;font-size:1.1em;color:#f60}.ipad #store p span.h3{margin-top:10px;font-size:1em}.ipad #store p span.h3 a{color:rgba(255,214,0,1);line-height:100px}.ipad #featured{background:#000 url('https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/loading.gif') no-repeat center center;overflow:hidden;margin-top:270px}.ipad #featured>img,.ipad #featured>div,.ipad #featured>a{display:none}.ipad #featured img{width:768px}#store{max-width:922px;margin:auto}div.orbit-wrapper{width:1px;height:1px;position:relative;margin:auto}div.orbit{width:1px;height:1px;position:relative;overflow:hidden}div.orbit>img{position:absolute;top:0;left:0;display:none}div.orbit>a{border:0;position:absolute;top:0;left:0;line-height:0;display:none}.orbit>div{position:absolute;top:0;left:0;width:100%;height:100%}div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001;display:none}span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/rotator-black.png) no-repeat;z-index:3}span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden}span.rotator.move{left:0}span.mask.move{width:40px;left:0;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/timer-black.png) repeat 0 0}span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/pause-black.png) no-repeat;z-index:4;opacity:0}span.pause.active{background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/pause-black.png) no-repeat 0 -40px}div.timer:hover span.pause,span.pause.active{opacity:1}.orbit-caption{display:none;font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif}.orbit-wrapper .orbit-caption{background:#000;background:rgba(0,0,0,.6);z-index:1000;color:#fff;text-align:center;padding:7px 0;font-size:13px;position:absolute;right:0;bottom:0;width:100%}div.slider-nav{display:block}div.slider-nav span{width:78px;height:100px;text-indent:-9999px;position:absolute;z-index:1000;top:50%;margin-top:-50px;cursor:pointer}div.slider-nav span.right{background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/right-arrow.png);right:0;top:865px}div.slider-nav span.left{background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/left-arrow.png);left:0;top:865px}.orbit-bullets{position:absolute;z-index:1000;list-style:none;bottom:-40px;left:50%;margin-left:-50px;padding:0}.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(https://dl.dropboxusercontent.com/u/4343272/rodbeh/orbit/bullets.jpg) no-repeat 4px 0;width:13px;height:12px;overflow:hidden}.orbit-bullets li.active{color:#222;background-position:-8px 0}.orbit-bullets li.has-thumb{background:0;width:100px;height:75px}.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000}footer{background-color:#172331;display:block;padding:100px;background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");background-size:100%}footer ul{float:left;padding:0}footer li{text-align:left;list-style:none;color:rgba(255,255,255,0.6);padding-right:50px}footer li a{font-size:.8em;color:rgba(255,255,255,0.6)}footer li a:hover{color:rgba(255,255,255,0.9)}@media only screen and (max-width:1024px){header,footer{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-tablets.jpg")}header span{width:80px;height:40px;margin:-40px auto 0}header span span{width:80px;height:80px;background-position-y:16px;background-size:60px}#content>div{font-size:1.5em}h2{font-size:1.5em}mark{box-shadow:inset 0 -11px 0 rgba(33,194,244,0.3)}#store p span.h1{color:black}#store p span.h2{color:#c92020}#store p span.h2{color:white}header span span a{display:none}.group{display:block}}@media only screen and (max-width:568px){header,footer{background-image:url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background-phones.jpg")}header span{width:60px;height:30px;margin:-30px auto 0}header span span{width:60px;height:60px;background-position-y:12px;background-size:46px}#content>div{font-size:1em}mark{box-shadow:inset 0 -11px 0 rgba(33,194,244,0.3)}}
View
425 public/css/normalize.css
@@ -1,2 +1,423 @@
-/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
-article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
+/* normalize.css v3.0.0 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8+, and Opera
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
View
2  public/js/application.js
@@ -11,7 +11,7 @@
var e, n, r, i, s;
i = null, s = null, r = null, n = function() {
return i = 1, r = $(window).height(), $("header").css({height: r})
- }, $(window).resize(n), n(), $("body").css({minHeight: r * 3}), $("header a").click(function() {
+ }, $(window).resize(n), n(), $("body").css({minHeight: r * 2}), $("header a").click(function() {
var e, n;
return n = r, e = "easeOutQuint", t && (n = n / i * 2), $("html, body").animate({scrollTop: n}, {duration: 400, easing: e}), !1
});
View
2  public/js/min.js
@@ -1 +1 @@
-(function(a){a.fn.orbit=function(b){b=a.extend({animation:"horizontal-push",animationSpeed:600,timer:!0,advanceSpeed:4000,pauseOnHover:!1,startClockOnMouseOut:!1,startClockOnMouseOutAfter:1000,directionalNav:!0,captions:!0,captionAnimation:"fade",captionAnimationSpeed:600,bullets:!1,bulletThumbs:!1,bulletThumbLocation:"",afterSlideChange:function(){}},b);return this.each(function(){function M(){if(!b.timer||b.timer=="false"){return !1}else{K.is(":hidden")?I=setInterval(function(){S("next")},b.advanceSpeed):(P=!0,D.removeClass("active"),I=setInterval(function(){var c="rotate("+R+"deg)";R+=2;H.css({"-webkit-transform":c,"-moz-transform":c,"-o-transform":c});R>180&&(H.addClass("move"),g.addClass("move"));R>360&&(H.removeClass("move"),g.removeClass("move"),R=0,S("next"))},b.advanceSpeed/180))}}function Q(){if(!b.timer||b.timer=="false"){return !1}else{P=!1,clearInterval(I),D.addClass("active")}}function d(){if(!b.captions||b.captions=="false"){return !1}else{var e=X.eq(Z).data("caption");(_captionHTML=a(e).html())?(U.attr("id",e).html(_captionHTML),b.captionAnimation=="none"&&U.show(),b.captionAnimation=="fade"&&U.fadeIn(b.captionAnimationSpeed),b.captionAnimation=="slideOpen"&&U.slideDown(b.captionAnimationSpeed)):(b.captionAnimation=="none"&&U.hide(),b.captionAnimation=="fade"&&U.fadeOut(b.captionAnimationSpeed),b.captionAnimation=="slideOpen"&&U.slideUp(b.captionAnimationSpeed))}}function N(){if(b.bullets){J.children("li").removeClass("active").eq(Z).addClass("active")}else{return !1}}function S(k){function j(){X.eq(h).css({"z-index":1});G=!1;b.afterSlideChange.call(this)}var h=Z,e=k;if(h==e){return !1}if(X.length=="1"){return !1}G||(G=!0,k=="next"?(Z++,Z==O&&(Z=0)):k=="prev"?(Z--,Z<0&&(Z=O-1)):(Z=k,h<Z?e="next":h>Z&&(e="prev")),N(),X.eq(h).css({"z-index":2}),b.animation=="fade"&&X.eq(Z).css({opacity:0,"z-index":3}).animate({opacity:1},b.animationSpeed,j),b.animation=="horizontal-slide"&&(e=="next"&&X.eq(Z).css({left:V,"z-index":3}).animate({left:0},b.animationSpeed,j),e=="prev"&&X.eq(Z).css({left:-V,"z-index":3}).animate({left:0},b.animationSpeed,j)),b.animation=="vertical-slide"&&(e=="prev"&&X.eq(Z).css({top:F,"z-index":3}).animate({top:0},b.animationSpeed,j),e=="next"&&X.eq(Z).css({top:-F,"z-index":3}).animate({top:0},b.animationSpeed,j)),b.animation=="horizontal-push"&&(e=="next"&&(X.eq(Z).css({left:V,"z-index":3}).animate({left:0},b.animationSpeed,j),X.eq(h).animate({left:-V},b.animationSpeed)),e=="prev"&&(X.eq(Z).css({left:-V,"z-index":3}).animate({left:0},b.animationSpeed,j),X.eq(h).animate({left:V},b.animationSpeed))),d())}var Z=0,O=0,V,F,G,W=a(this).addClass("orbit"),Y=W.wrap('<div class="orbit-wrapper" />').parent();W.add(V).width("1px").height("1px");var X=W.children("img, a, div");X.each(function(){var e=a(this),c=e.width(),e=e.height();c>W.width()&&(W.add(Y).width(c),V=W.width());e>W.height()&&(W.add(Y).height(e),F=W.height());O++});if(X.length==1){b.directionalNav=!1,b.timer=!1,b.bullets=!1}X.eq(Z).css({"z-index":3}).fadeIn(function(){X.css({display:"block"})});if(b.timer){Y.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');var K=Y.children("div.timer"),P;if(K.length!=0){var H=a("div.timer span.rotator"),g=a("div.timer span.mask"),D=a("div.timer span.pause"),R=0,I;M();K.click(function(){P?Q():M()});if(b.startClockOnMouseOut){var L;Y.mouseleave(function(){L=setTimeout(function(){P||M()},b.startClockOnMouseOutAfter)});Y.mouseenter(function(){clearTimeout(L)})}}}b.pauseOnHover&&Y.mouseenter(function(){Q()});if(b.captions){Y.append('<div class="orbit-caption"></div>');var U=Y.children(".orbit-caption");d()}if(b.directionalNav){if(b.directionalNav=="false"){return !1}Y.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');var T=Y.children("div.slider-nav").children("span.left"),E=Y.children("div.slider-nav").children("span.right");T.click(function(){Q();S("prev")});E.click(function(){Q();S("next")})}if(b.bullets){Y.append('<ul class="orbit-bullets"></ul>');var J=Y.children("ul.orbit-bullets");for(i=0;i<O;i++){T=a("<li>"+(i+1)+"</li>");if(b.bulletThumbs&&(E=X.eq(i).data("thumb"))){T=a('<li class="has-thumb">'+i+"</li>"),T.css({background:"url("+b.bulletThumbLocation+E+") no-repeat"})}Y.children("ul.orbit-bullets").append(T);T.data("index",i);T.click(function(){Q();S(a(this).data("index"))})}N()}})}})(jQuery);(function(d,b,f){var c,a;d.uaMatch=function(h){h=h.toLowerCase();var g=/(chrome)[ \/]([\w.]+)/.exec(h)||/(webkit)[ \/]([\w.]+)/.exec(h)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(h)||/(msie) ([\w.]+)/.exec(h)||h.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(h)||[],j=/(ipad)/.exec(h)||/(iphone)/.exec(h)||/(android)/.exec(h)||[];return{browser:g[1]||"",version:g[2]||"0",platform:j[0]||""}},c=d.uaMatch(b.navigator.userAgent),a={},c.browser&&(a[c.browser]=!0,a.version=c.version),c.platform&&(a[c.platform]=!0),a.chrome?a.webkit=!0:a.webkit&&(a.safari=!0),d.browser=a}(jQuery,window),function(){var b,a;b=jQuery.browser,a=b.android||b.ipad||b.iphone,$(function(){var g,h,f,c,d;c=null,d=null,f=null,h=function(){return c=1,f=$(window).height(),$("header").css({height:f})},$(window).resize(h),h(),$("body").css({minHeight:f*3}),$("header a").click(function(){var j,k;return k=f,j="easeOutQuint",a&&(k=k/c*2),$("html, body").animate({scrollTop:k},{duration:400,easing:j}),!1});if(a){return}g=function(){var l,j,m,k;return k=$(document).scrollTop(),m=k/f,k>=f?$("header").css({y:-f,opacity:0}):(l=-k*c,l>0&&(l=0),j=1-m/2,j>1&&(j=1),$("header").css({y:l,opacity:j})),k>=f?($("#content").css({position:"relative",marginTop:f,y:0,opacity:1}),$("header").css("display","none")):($("header").css("display","table"),j=m*1.5,j>1&&(j=1),$("#content").css({position:"fixed",y:0,left:0,right:0,top:0,marginTop:0,opacity:j}))},$(document).scroll(g),$(document).bind("touchmove",g),$(document).bind("touchend",g),$(window).resize(g),g();if(window.location.hash==="#content"){return $(window).scrollTop(f),g()}})})();$("html").on("click",function(){$(".sideshow").fadeIn().removeClass("sideshow");$("#sideshow").fadeIn().addClass("sideshow")});$(window).load(function(){if($("body").width()>1024){$("#ilustritas").addClass("ipad");for(var b=1;b<=47;b++){var a=document.createElement("img");a.src="https://dl.dropboxusercontent.com/u/4343272/rodbeh/ibook-"+b+".png";$("#featured").append(a)}$("#featured").orbit()}});
+(function(a){a.fn.orbit=function(b){var c={animation:"horizontal-push",animationSpeed:300,timer:true,advanceSpeed:2000,pauseOnHover:false,startClockOnMouseOut:false,startClockOnMouseOutAfter:1000,directionalNav:false,captions:false,captionAnimation:"fade",captionAnimationSpeed:600,bullets:false,bulletThumbs:false,bulletThumbLocation:"",afterSlideChange:function(){}};var b=a.extend(c,b);return this.each(function(){var p=0,v=0,f,e,I;var J=a(this).addClass("orbit"),k=J.wrap('<div class="orbit-wrapper" />').parent();J.add(f).width("1px").height("1px");var w=J.children("img, a, div");w.each(function(){var M=a(this),N=M.width(),L=M.height();if(N>J.width()){J.add(k).width(N);f=J.width()}if(L>J.height()){J.add(k).height(L);e=J.height()}v++});function j(){I=false}function G(){I=true}if(w.length==1){b.directionalNav=false;b.timer=false;b.bullets=false}w.eq(p).css({"z-index":3}).fadeIn(function(){w.css({display:"block"})});function H(){if(!b.timer||b.timer=="false"){return false}else{if(q.is(":hidden")){K=setInterval(function(L){B("next")},b.advanceSpeed)}else{D=true;l.removeClass("active");K=setInterval(function(M){var L="rotate("+z+"deg)";z+=2;m.css({"-webkit-transform":L,"-moz-transform":L,"-o-transform":L});if(z>180){m.addClass("move");A.addClass("move")}if(z>360){m.removeClass("move");A.removeClass("move");z=0;B("next")}},b.advanceSpeed/180)}}}function g(){if(!b.timer||b.timer=="false"){return false}else{D=false;clearInterval(K);l.addClass("active")}}if(b.timer){var t='<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>';k.append(t);var q=k.children("div.timer"),D;if(q.length!=0){var m=a("div.timer span.rotator"),A=a("div.timer span.mask"),l=a("div.timer span.pause"),z=0,K;H();q.click(function(){if(!D){H()}else{g()}});if(b.startClockOnMouseOut){var C;k.mouseleave(function(){C=setTimeout(function(){if(!D){H()}},b.startClockOnMouseOutAfter)});k.mouseenter(function(){clearTimeout(C)})}}}if(b.pauseOnHover){k.mouseenter(function(){g()})}if(b.captions){var s='<div class="orbit-caption"></div>';k.append(s);var F=k.children(".orbit-caption");r()}function r(){if(!b.captions||b.captions=="false"){return false}else{var L=w.eq(p).data("caption");_captionHTML=a(L).html();if(_captionHTML){F.attr("id",L).html(_captionHTML);if(b.captionAnimation=="none"){F.show()}if(b.captionAnimation=="fade"){F.fadeIn(b.captionAnimationSpeed)}if(b.captionAnimation=="slideOpen"){F.slideDown(b.captionAnimationSpeed)}}else{if(b.captionAnimation=="none"){F.hide()}if(b.captionAnimation=="fade"){F.fadeOut(b.captionAnimationSpeed)}if(b.captionAnimation=="slideOpen"){F.slideUp(b.captionAnimationSpeed)}}}}if(b.directionalNav){if(b.directionalNav=="false"){return false}var n='<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>';k.append(n);var x=k.children("div.slider-nav").children("span.left"),E=k.children("div.slider-nav").children("span.right");x.click(function(){g();B("prev")});E.click(function(){g();B("next")})}if(b.bullets){var d='<ul class="orbit-bullets"></ul>';k.append(d);var h=k.children("ul.orbit-bullets");for(i=0;i<v;i++){var o=a("<li>"+(i+1)+"</li>");if(b.bulletThumbs){var y=w.eq(i).data("thumb");if(y){var o=a('<li class="has-thumb">'+i+"</li>");o.css({background:"url("+b.bulletThumbLocation+y+") no-repeat"})}}k.children("ul.orbit-bullets").append(o);o.data("index",i);o.click(function(){g();B(a(this).data("index"))})}u()}function u(){if(!b.bullets){return false}else{h.children("li").removeClass("active").eq(p).addClass("active")}}function B(N){var M=p,L=N;if(M==L){return false}function O(){w.eq(M).css({"z-index":1});j();b.afterSlideChange.call(this)}if(w.length=="1"){return false}if(!I){G();if(N=="next"){p++;if(p==v){p=0}}else{if(N=="prev"){p--;if(p<0){p=v-1}}else{p=N;if(M<p){L="next"}else{if(M>p){L="prev"}}}}u();w.eq(M).css({"z-index":2});if(b.animation=="fade"){w.eq(p).css({opacity:0,"z-index":3}).animate({opacity:1},b.animationSpeed,O)}if(b.animation=="horizontal-slide"){if(L=="next"){w.eq(p).css({left:f,"z-index":3}).animate({left:0},b.animationSpeed,O)}if(L=="prev"){w.eq(p).css({left:-f,"z-index":3}).animate({left:0},b.animationSpeed,O)}}if(b.animation=="vertical-slide"){if(L=="prev"){w.eq(p).css({top:e,"z-index":3}).animate({top:0},b.animationSpeed,O)}if(L=="next"){w.eq(p).css({top:-e,"z-index":3}).animate({top:0},b.animationSpeed,O)}}if(b.animation=="horizontal-push"){if(L=="next"){w.eq(p).css({left:f,"z-index":3}).animate({left:0},b.animationSpeed,O);w.eq(M).animate({left:-f},b.animationSpeed)}if(L=="prev"){w.eq(p).css({left:-f,"z-index":3}).animate({left:0},b.animationSpeed,O);w.eq(M).animate({left:f},b.animationSpeed)}}r()}}})}})(jQuery);(function(d,b,f){var c,a;d.uaMatch=function(h){h=h.toLowerCase();var g=/(chrome)[ \/]([\w.]+)/.exec(h)||/(webkit)[ \/]([\w.]+)/.exec(h)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(h)||/(msie) ([\w.]+)/.exec(h)||h.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(h)||[],j=/(ipad)/.exec(h)||/(iphone)/.exec(h)||/(android)/.exec(h)||[];return{browser:g[1]||"",version:g[2]||"0",platform:j[0]||""}},c=d.uaMatch(b.navigator.userAgent),a={},c.browser&&(a[c.browser]=!0,a.version=c.version),c.platform&&(a[c.platform]=!0),a.chrome?a.webkit=!0:a.webkit&&(a.safari=!0),d.browser=a}(jQuery,window),function(){var b,a;b=jQuery.browser,a=b.android||b.ipad||b.iphone,$(function(){var g,h,f,c,d;c=null,d=null,f=null,h=function(){return c=1,f=$(window).height(),$("header").css({height:f})},$(window).resize(h),h(),$("body").css({minHeight:f*2}),$("header a").click(function(){var j,k;return k=f,j="easeOutQuint",a&&(k=k/c*2),$("html, body").animate({scrollTop:k},{duration:400,easing:j}),!1});if(a){return}g=function(){var l,j,m,k;return k=$(document).scrollTop(),m=k/f,k>=f?$("header").css({y:-f,opacity:0}):(l=-k*c,l>0&&(l=0),j=1-m/2,j>1&&(j=1),$("header").css({y:l,opacity:j})),k>=f?($("#content").css({position:"relative",marginTop:f,y:0,opacity:1}),$("header").css("display","none")):($("header").css("display","table"),j=m*1.5,j>1&&(j=1),$("#content").css({position:"fixed",y:0,left:0,right:0,top:0,marginTop:0,opacity:j}))},$(document).scroll(g),$(document).bind("touchmove",g),$(document).bind("touchend",g),$(window).resize(g),g();if(window.location.hash==="#content"){return $(window).scrollTop(f),g()}})})();$("html").on("click",function(){$(".sideshow").fadeIn().removeClass("sideshow");$("#sideshow").fadeIn().addClass("sideshow")});$(window).load(function(){if($("body").width()>1024){$("#ilustritas").addClass("ipad");for(var b=1;b<=47;b++){var a=document.createElement("img");a.src="https://dl.dropboxusercontent.com/u/4343272/rodbeh/ibook-"+b+".png";$("#featured").append(a)}$("#featured").orbit()}});var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-115767-1"]);_gaq.push(["_trackPageview"]);(function(){var b=document.createElement("script");b.type="text/javascript";b.async=true;b.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(b,a)})();
View
401 public/js/orbit.js
@@ -6,12 +6,395 @@
* http://www.opensource.org/licenses/mit-license.php
*/
-(function(d){d.fn.orbit=function(a){a=d.extend({animation:"horizontal-push",animationSpeed:600,timer:!0,advanceSpeed:4E3,pauseOnHover:!1,startClockOnMouseOut:!1,startClockOnMouseOutAfter:1E3,directionalNav:!0,captions:!0,captionAnimation:"fade",captionAnimationSpeed:600,bullets:!1,bulletThumbs:!1,bulletThumbLocation:"",afterSlideChange:function(){}},a);return this.each(function(){function q(){if(!a.timer||a.timer=="false")return!1;else r.is(":hidden")?s=setInterval(function(){l("next")},a.advanceSpeed):
-(o=!0,x.removeClass("active"),s=setInterval(function(){var a="rotate("+m+"deg)";m+=2;t.css({"-webkit-transform":a,"-moz-transform":a,"-o-transform":a});m>180&&(t.addClass("move"),y.addClass("move"));m>360&&(t.removeClass("move"),y.removeClass("move"),m=0,l("next"))},a.advanceSpeed/180))}function n(){if(!a.timer||a.timer=="false")return!1;else o=!1,clearInterval(s),x.addClass("active")}function z(){if(!a.captions||a.captions=="false")return!1;else{var c=e.eq(b).data("caption");(_captionHTML=d(c).html())?
-(j.attr("id",c).html(_captionHTML),a.captionAnimation=="none"&&j.show(),a.captionAnimation=="fade"&&j.fadeIn(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideDown(a.captionAnimationSpeed)):(a.captionAnimation=="none"&&j.hide(),a.captionAnimation=="fade"&&j.fadeOut(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideUp(a.captionAnimationSpeed))}}function A(){if(a.bullets)C.children("li").removeClass("active").eq(b).addClass("active");else return!1}function l(c){function d(){e.eq(f).css({"z-index":1});
-u=!1;a.afterSlideChange.call(this)}var f=b,g=c;if(f==g)return!1;if(e.length=="1")return!1;u||(u=!0,c=="next"?(b++,b==p&&(b=0)):c=="prev"?(b--,b<0&&(b=p-1)):(b=c,f<b?g="next":f>b&&(g="prev")),A(),e.eq(f).css({"z-index":2}),a.animation=="fade"&&e.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,d),a.animation=="horizontal-slide"&&(g=="next"&&e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),g=="prev"&&e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,
-d)),a.animation=="vertical-slide"&&(g=="prev"&&e.eq(b).css({top:v,"z-index":3}).animate({top:0},a.animationSpeed,d),g=="next"&&e.eq(b).css({top:-v,"z-index":3}).animate({top:0},a.animationSpeed,d)),a.animation=="horizontal-push"&&(g=="next"&&(e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:-h},a.animationSpeed)),g=="prev"&&(e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:h},a.animationSpeed))),z())}var b=0,
-p=0,h,v,u,f=d(this).addClass("orbit"),c=f.wrap('<div class="orbit-wrapper" />').parent();f.add(h).width("1px").height("1px");var e=f.children("img, a, div");e.each(function(){var a=d(this),b=a.width(),a=a.height();b>f.width()&&(f.add(c).width(b),h=f.width());a>f.height()&&(f.add(c).height(a),v=f.height());p++});if(e.length==1)a.directionalNav=!1,a.timer=!1,a.bullets=!1;e.eq(b).css({"z-index":3}).fadeIn(function(){e.css({display:"block"})});if(a.timer){c.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');
-var r=c.children("div.timer"),o;if(r.length!=0){var t=d("div.timer span.rotator"),y=d("div.timer span.mask"),x=d("div.timer span.pause"),m=0,s;q();r.click(function(){o?n():q()});if(a.startClockOnMouseOut){var B;c.mouseleave(function(){B=setTimeout(function(){o||q()},a.startClockOnMouseOutAfter)});c.mouseenter(function(){clearTimeout(B)})}}}a.pauseOnHover&&c.mouseenter(function(){n()});if(a.captions){c.append('<div class="orbit-caption"></div>');var j=c.children(".orbit-caption");z()}if(a.directionalNav){if(a.directionalNav==
-"false")return!1;c.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');var k=c.children("div.slider-nav").children("span.left"),w=c.children("div.slider-nav").children("span.right");k.click(function(){n();l("prev")});w.click(function(){n();l("next")})}if(a.bullets){c.append('<ul class="orbit-bullets"></ul>');var C=c.children("ul.orbit-bullets");for(i=0;i<p;i++){k=d("<li>"+(i+1)+"</li>");if(a.bulletThumbs&&(w=e.eq(i).data("thumb")))k=d('<li class="has-thumb">'+
-i+"</li>"),k.css({background:"url("+a.bulletThumbLocation+w+") no-repeat"});c.children("ul.orbit-bullets").append(k);k.data("index",i);k.click(function(){n();l(d(this).data("index"))})}A()}})}})(jQuery);
+
+(function($) {
+
+ $.fn.orbit = function(options) {
+
+ //Defaults to extend options
+ var defaults = {
+ animation: 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push
+ animationSpeed: 300, // how fast animtions are
+ timer: true, // true or false to have the timer
+ advanceSpeed: 2000, // if timer is enabled, time between transitions
+ pauseOnHover: false, // if you hover pauses the slider
+ startClockOnMouseOut: false, // if clock should start on MouseOut
+ startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
+ directionalNav: false, // manual advancing directional navs
+ captions: false, // do you want captions?
+ captionAnimation: 'fade', // fade, slideOpen, none
+ captionAnimationSpeed: 600, // if so how quickly should they animate in
+ bullets: false, // true or false to activate the bullet navigation
+ bulletThumbs: false, // thumbnails for the bullets
+ bulletThumbLocation: '', // location from this file where thumbs will be
+ afterSlideChange: function(){} // empty function
+ };
+
+ //Extend those options
+ var options = $.extend(defaults, options);
+
+ return this.each(function() {
+
+// ==============
+// ! SETUP
+// ==============
+
+ //Global Variables
+ var activeSlide = 0,
+ numberSlides = 0,
+ orbitWidth,
+ orbitHeight,
+ locked;
+
+ //Initialize
+ var orbit = $(this).addClass('orbit'),
+ orbitWrapper = orbit.wrap('<div class="orbit-wrapper" />').parent();
+ orbit.add(orbitWidth).width('1px').height('1px');
+
+ //Collect all slides and set slider size of largest image
+ var slides = orbit.children('img, a, div');
+ slides.each(function() {
+ var _slide = $(this),
+ _slideWidth = _slide.width(),
+ _slideHeight = _slide.height();
+ if(_slideWidth > orbit.width()) {
+ orbit.add(orbitWrapper).width(_slideWidth);
+ orbitWidth = orbit.width();
+ }
+ if(_slideHeight > orbit.height()) {
+ orbit.add(orbitWrapper).height(_slideHeight);
+ orbitHeight = orbit.height();
+ }
+ numberSlides++;
+ });
+
+ //Animation locking functions
+ function unlock() {
+ locked = false;
+ }
+ function lock() {
+ locked = true;
+ }
+
+ //If there is only a single slide remove nav, timer and bullets
+ if(slides.length == 1) {
+ options.directionalNav = false;
+ options.timer = false;
+ options.bullets = false;
+ }
+
+ //Set initial front photo z-index and fades it in
+ slides.eq(activeSlide)
+ .css({"z-index" : 3})
+ .fadeIn(function() {
+ //brings in all other slides IF css declares a display: none
+ slides.css({"display":"block"})
+ });
+
+// ==============
+// ! TIMER
+// ==============
+
+ //Timer Execution
+ function startClock() {
+ if(!options.timer || options.timer == 'false') {
+ return false;
+ //if timer is hidden, don't need to do crazy calculations
+ } else if(timer.is(':hidden')) {
+ clock = setInterval(function(e){
+ shift("next");
+ }, options.advanceSpeed);
+ //if timer is visible and working, let's do some math
+ } else {
+ timerRunning = true;
+ pause.removeClass('active')
+ clock = setInterval(function(e){
+ var degreeCSS = "rotate("+degrees+"deg)"
+ degrees += 2
+ rotator.css({
+ "-webkit-transform": degreeCSS,
+ "-moz-transform": degreeCSS,
+ "-o-transform": degreeCSS
+ });
+ if(degrees > 180) {
+ rotator.addClass('move');
+ mask.addClass('move');
+ }
+ if(degrees > 360) {
+ rotator.removeClass('move');
+ mask.removeClass('move');
+ degrees = 0;
+ shift("next");
+ }
+ }, options.advanceSpeed/180);
+ }
+ }
+ function stopClock() {
+ if(!options.timer || options.timer == 'false') { return false; } else {
+ timerRunning = false;
+ clearInterval(clock);
+ pause.addClass('active');
+ }
+ }
+
+ //Timer Setup
+ if(options.timer) {
+ var timerHTML = '<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>'
+ orbitWrapper.append(timerHTML);
+ var timer = orbitWrapper.children('div.timer'),
+ timerRunning;
+ if(timer.length != 0) {
+ var rotator = $('div.timer span.rotator'),
+ mask = $('div.timer span.mask'),
+ pause = $('div.timer span.pause'),
+ degrees = 0,
+ clock;
+ startClock();
+ timer.click(function() {
+ if(!timerRunning) {
+ startClock();
+ } else {
+ stopClock();
+ }
+ });
+ if(options.startClockOnMouseOut){
+ var outTimer;
+ orbitWrapper.mouseleave(function() {
+ outTimer = setTimeout(function() {
+ if(!timerRunning){
+ startClock();
+ }
+ }, options.startClockOnMouseOutAfter)
+ })
+ orbitWrapper.mouseenter(function() {
+ clearTimeout(outTimer);
+ })
+ }
+ }
+ }
+
+ //Pause Timer on hover
+ if(options.pauseOnHover) {
+ orbitWrapper.mouseenter(function() {
+ stopClock();
+ });
+ }
+
+// ==============
+// ! CAPTIONS
+// ==============
+
+ //Caption Setup
+ if(options.captions) {
+ var captionHTML = '<div class="orbit-caption"></div>';
+ orbitWrapper.append(captionHTML);
+ var caption = orbitWrapper.children('.orbit-caption');
+ setCaption();
+ }
+
+ //Caption Execution
+ function setCaption() {
+ if(!options.captions || options.captions =="false") {
+ return false;
+ } else {
+ var _captionLocation = slides.eq(activeSlide).data('caption'); //get ID from rel tag on image
+ _captionHTML = $(_captionLocation).html(); //get HTML from the matching HTML entity
+ //Set HTML for the caption if it exists
+ if(_captionHTML) {
+ caption
+ .attr('id',_captionLocation) // Add ID caption
+ .html(_captionHTML); // Change HTML in Caption
+ //Animations for Caption entrances
+ if(options.captionAnimation == 'none') {
+ caption.show();
+ }
+ if(options.captionAnimation == 'fade') {
+ caption.fadeIn(options.captionAnimationSpeed);
+ }
+ if(options.captionAnimation == 'slideOpen') {
+ caption.slideDown(options.captionAnimationSpeed);
+ }
+ } else {
+ //Animations for Caption exits
+ if(options.captionAnimation == 'none') {
+ caption.hide();
+ }
+ if(options.captionAnimation == 'fade') {
+ caption.fadeOut(options.captionAnimationSpeed);
+ }
+ if(options.captionAnimation == 'slideOpen') {
+ caption.slideUp(options.captionAnimationSpeed);
+ }
+ }
+ }
+ }
+
+// ==================
+// ! DIRECTIONAL NAV
+// ==================
+
+ //DirectionalNav { rightButton --> shift("next"), leftButton --> shift("prev");
+ if(options.directionalNav) {
+ if(options.directionalNav == "false") { return false; }
+ var directionalNavHTML = '<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>';
+ orbitWrapper.append(directionalNavHTML);
+ var leftBtn = orbitWrapper.children('div.slider-nav').children('span.left'),
+ rightBtn = orbitWrapper.children('div.slider-nav').children('span.right');
+ leftBtn.click(function() {
+ stopClock();
+ shift("prev");
+ });
+ rightBtn.click(function() {
+ stopClock();
+ shift("next")
+ });
+ }
+
+// ==================
+// ! BULLET NAV
+// ==================
+
+ //Bullet Nav Setup
+ if(options.bullets) {
+ var bulletHTML = '<ul class="orbit-bullets"></ul>';
+ orbitWrapper.append(bulletHTML);
+ var bullets = orbitWrapper.children('ul.orbit-bullets');
+ for(i=0; i<numberSlides; i++) {
+ var liMarkup = $('<li>'+(i+1)+'</li>');
+ if(options.bulletThumbs) {
+ var thumbName = slides.eq(i).data('thumb');
+ if(thumbName) {
+ var liMarkup = $('<li class="has-thumb">'+i+'</li>')
+ liMarkup.css({"background" : "url("+options.bulletThumbLocation+thumbName+") no-repeat"});
+ }
+ }
+ orbitWrapper.children('ul.orbit-bullets').append(liMarkup);
+ liMarkup.data('index',i);
+ liMarkup.click(function() {
+ stopClock();
+ shift($(this).data('index'));
+ });
+ }
+ setActiveBullet();
+ }
+
+ //Bullet Nav Execution
+ function setActiveBullet() {
+ if(!options.bullets) { return false; } else {
+ bullets.children('li').removeClass('active').eq(activeSlide).addClass('active');
+ }
+ }
+
+// ====================
+// ! SHIFT ANIMATIONS
+// ====================
+
+ //Animating the shift!
+ function shift(direction) {
+ //remember previous activeSlide
+ var prevActiveSlide = activeSlide,
+ slideDirection = direction;
+ //exit function if bullet clicked is same as the current image
+ if(prevActiveSlide == slideDirection) { return false; }
+ //reset Z & Unlock
+ function resetAndUnlock() {
+ slides
+ .eq(prevActiveSlide)
+ .css({"z-index" : 1});
+ unlock();
+ options.afterSlideChange.call(this);
+ }
+ if(slides.length == "1") { return false; }
+ if(!locked) {
+ lock();
+ //deduce the proper activeImage
+ if(direction == "next") {
+ activeSlide++
+ if(activeSlide == numberSlides) {
+ activeSlide = 0;
+ }
+ } else if(direction == "prev") {
+ activeSlide--
+ if(activeSlide < 0) {
+ activeSlide = numberSlides-1;
+ }
+ } else {
+ activeSlide = direction;
+ if (prevActiveSlide < activeSlide) {
+ slideDirection = "next";
+ } else if (prevActiveSlide > activeSlide) {
+ slideDirection = "prev"
+ }
+ }
+ //set to correct bullet
+ setActiveBullet();
+
+ //set previous slide z-index to one below what new activeSlide will be
+ slides
+ .eq(prevActiveSlide)
+ .css({"z-index" : 2});
+
+ //fade
+ if(options.animation == "fade") {
+ slides
+ .eq(activeSlide)
+ .css({"opacity" : 0, "z-index" : 3})
+ .animate({"opacity" : 1}, options.animationSpeed, resetAndUnlock);
+ }
+ //horizontal-slide
+ if(options.animation == "horizontal-slide") {
+ if(slideDirection == "next") {
+ slides
+ .eq(activeSlide)
+ .css({"left": orbitWidth, "z-index" : 3})
+ .animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+ }
+ if(slideDirection == "prev") {
+ slides
+ .eq(activeSlide)
+ .css({"left": -orbitWidth, "z-index" : 3})
+ .animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+ }
+ }
+ //vertical-slide
+ if(options.animation == "vertical-slide") {
+ if(slideDirection == "prev") {
+ slides
+ .eq(activeSlide)
+ .css({"top": orbitHeight, "z-index" : 3})
+ .animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
+ }
+ if(slideDirection == "next") {
+ slides
+ .eq(activeSlide)
+ .css({"top": -orbitHeight, "z-index" : 3})
+ .animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
+ }
+ }
+ //push-over
+ if(options.animation == "horizontal-push") {
+ if(slideDirection == "next") {
+ slides
+ .eq(activeSlide)
+ .css({"left": orbitWidth, "z-index" : 3})
+ .animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+ slides
+ .eq(prevActiveSlide)
+ .animate({"left" : -orbitWidth}, options.animationSpeed);
+ }
+ if(slideDirection == "prev") {
+ slides
+ .eq(activeSlide)
+ .css({"left": -orbitWidth, "z-index" : 3})
+ .animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+ slides
+ .eq(prevActiveSlide)
+ .animate({"left" : orbitWidth}, options.animationSpeed);
+ }
+ }
+ setCaption();
+ } //lock
+ }//orbit function
+ });//each call
+ }//orbit plugin call
+})(jQuery);
View
11 server.rb
@@ -10,4 +10,13 @@
get "/portfolio" do
redirect "https://dl.dropboxusercontent.com/u/4343272/rodbeh-book.pdf"
-end
+end
+
+get "/ibook" do
+ redirect "https://itunes.apple.com/us/book/ilustritas/id793092020"
+end
+
+get "/kindle" do
+ redirect "http://amazon.com/ilustritas-children-draw-computers-ebook/dp/B00CRGAB7W"
+end
+
View
71 views/home.erb
@@ -4,35 +4,24 @@
<h3 class="tags">Front-End, HCI, IxD, UI-UX, Ruby, Git, Et cetera…</h3>
<span><span><a href="#content"></a></span></span>
</header>
-<div id="content" class="main-container">
- <div class="main wrapper clearfix less-space-between-words">
+<div id="content">
+ <div class="clearfix">
<section>
<h2>
- <span>You might call me a Front-End, UX, </span><b class="block"><span>or Interaction designer. </span></b>
+ You might call me a Front-End, UX,
+ <span>or Interaction designer. </span>
</h2>
- <p>My main mission is to deliver optimal user experience
- through metaphors and intuitive behaviors.</p>
- <p><mark>I bridge together the users and the <i>Back-End</i></mark>.</p>
- <p>I live and breathe interaction. I design icons, draw out
- <i>paper prototypes</i>, and program in <i>Ruby</i> for fun.</p>
- <p class="sideshow top"><mark>I build prototypes just for the buzz of seeing people
- react to using them</mark>. I love reading <i>Gladwell</i>, and
- watching <i>Johnathan Ive</i> and <i>Dieter Rams</i> unearthing
- the close relationship between manufactured objects
- and their creators. I am dedicated to writing ever
- better and more clearly marked-up, more readable
- <i>HTML5</i>, <i>CSS3</i>, <i>JavaScript</i>… and <i>Ruby</i>, <i>Haml</i>, <i>Sass</i> code.</p>
- <p class="sideshow bottom"><mark>I realise the impossibility of the notion of perfect code,
- but I strive for it anyway</mark>. I'm a fan of <i>jQuery</i>, <i>Agile</i> and
- <i>Scrum</i>. The <i>GitHub</i> completely transformed my way of
- working. I'm at ease working with other developers,
- clients, marketing, and with other departments.</p>
- <p><mark>I love the stimulation my work provides for both sides
- of my mind</mark>… <strong class="block"> – <i id="sideshow" >I really <em>really</em> love my work</i>
- <span class="sideshow"> <b>»</b></span>
- <span>!!</span>
- </strong></p>
- <p class="footer"><i>– Carlos Alberto Rodriguez Behning – Winter/2014</i>
+ <p>
+ My main mission is to deliver optimal user experience through metaphors and intuitive behaviors. <mark>I bridge together the users and the <i>Back-End</i></mark>. I live and breathe interaction. I design icons, draw out <i>paper prototypes</i>, and program in <i>Ruby</i> for fun.
+ </p>
+ <p class="sideshow">
+ <mark>I build prototypes just for the buzz of seeing people react to using them</mark>. I love reading <i>Gladwell</i>, and watching <i>Johnathan Ive</i> and <i>Dieter Rams</i> unearthing the close relationship between manufactured objects and their creators. I am dedicated to writing ever better and more clearly marked-up, more readable <i>HTML5</i>, <i>CSS3</i>, <i>JavaScript</i>… and <i>Ruby</i>, <i>Haml</i>, <i>Sass</i> code. <mark>I realise the impossibility of the notion of perfect code, but I strive for it anyway</mark>. I'm a fan of <i>jQuery</i>, <i>Agile</i> and <i>Scrum</i>. The <i>GitHub</i> completely transformed my way of working. I'm at ease working with other developers, clients, marketing, and with other departments.
+ </p>
+ <p>
+ <mark>I love the stimulation my work provides for both sides of my mind</mark>… <strong class="block"> – <i id="sideshow" >I really <em>really</em> love my work</i>
+ <span class="sideshow"> <b>»</b></span><span>!!</span></strong>
+ </p>
+ <p class="footer"><i>Carlos Alberto Rodriguez Behning – Winter/2014</i>
</section>
<section>
<p>
@@ -42,9 +31,9 @@
<a href="http://github.com/rodbeh" id="github">GitHub</a>
</span>
<span class="group">
- <a href="http://www.codeschool.com/users/rodbeh" id="codeschool">Code School</a>
- <a href="http://www.linkedin.com/in/rodbeh" id="linkedin">Linkedin</a>
- <a href="http://www.domestika.org/es/rodbeh" id="domestika">Domestika</a>
+ <a href="http://codeschool.com/users/rodbeh" id="codeschool">Code School</a>
+ <a href="http://linkedin.com/in/rodbeh" id="linkedin">Linkedin</a>
+ <a href="http://domestika.org/es/rodbeh" id="domestika">Domestika</a>
</span>
</p>
</section>
@@ -57,8 +46,8 @@
<span class="h3">Recommended for kids * from 7 years upwards</span>
<span class="h3"><a href="http://ilustritas.com">www.ilustritas.com</a></span>
<span class="btn-relative">
- <a class="btn" href="https://itunes.apple.com/us/book/ilustritas/id793092020"></a>
- <a class="btn clone" href="http://www.amazon.com/ilustritas-children-draw-computers-ebook/dp/B00CRGAB7W"></a>
+ <a class="btn" href="/ibook"></a>
+ <a class="btn clone" href="/kindle"></a>
</span>
</p>
</div>
@@ -73,20 +62,20 @@
<li><a href="http://twitter.com/rodbeh">Twitter</a></li>
<li><a href="http://dribbble.com/rodbeh">Dribbble</a></li>
<li><a href="http://github.com/rodbeh">GitHub</a></li>
- <li><a href="http://www.codeschool.com/users/rodbeh">Code School</a></li>
- <li><a href="http://www.linkedin.com/in/rodbeh">Linkedin</a></li>
- <li><a href="http://www.domestika.org/es/rodbeh">Domestika</a></li>
+ <li><a href="http://codeschool.com/users/rodbeh">Code School</a></li>
+ <li><a href="http://linkedin.com/in/rodbeh">Linkedin</a></li>
+ <li><a href="http://domestika.org/es/rodbeh">Domestika</a></li>
</ul>
<ul>
- <li><b>ILUSTRITAS:</b></li>
- <li><a href="http://ilustritas.com">web ilustritas</a></li>
- <li><a href="http://itunes.apple.com/us/book/ilustritas/id793092020">iBookstore</a></li>
- <li><a href="http://www.amazon.com/ilustritas-children-draw-computers-ebook/dp/B00CRGAB7W">Amazon Kindle e-book</a></li>
+ <li><b>More</b></li>
+ <li><a href="/portfolio">Portfolio</a></li>
+ <li><a href="/resume">Résumé</a></li>
</ul>
<ul>
- <li><b>MORE:</b></li>
- <li><a href="http://dl.dropboxusercontent.com/u/4343272/rodbeh-book.pdf">Portfolio</a></li>
- <li><a href="http://dl.dropboxusercontent.com/u/4343272/rodbeh-resume.pdf">Résumé</a></li>
+ <li><b>ilustritas</b></li>
+ <li><a href="http://ilustritas.com">web ilustritas</a></li>
+ <li><a href="/ibook">iBookstore</a></li>
+ <li><a href="/kindle">Kindle Store</a></li>
</ul>
</div>
</footer>
View
5 views/layout.erb
@@ -3,10 +3,11 @@
<head>
<meta charset="utf-8">
<title>Carlos Alberto Rodriguez Behning</title>
- <link rel="stylesheet" href="css/min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
- <script type="text/javascript" src="js/min.js"></script>
+ <script src="js/min.js"></script>
+ <link href="http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic" rel="stylesheet">
+ <link href="css/min.css" rel="stylesheet">
<meta name="description" content="You might call me a Front-End, UX, or Interaction designer. I bridge together the users and the Back-End. I really love my work !!" >
</head>
<body>
Please sign in to comment.
Something went wrong with that request. Please try again.