Permalink
Browse files

add contact link

  • Loading branch information...
johnpolacek committed Jul 3, 2013
1 parent d8eb4b6 commit 8c9b3063e4fb38cc2cb8675446b94b99c809dfc0
Showing with 32 additions and 4 deletions.
  1. +10 −0 css/style.css
  2. +22 −4 index.html
View
@@ -48,6 +48,15 @@ h2 {
font-family: 'Luckiest Guy',Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,Gadget,sans-serif;
text-transform: uppercase;
}
h3 {
font-size: 60px;
font-weight: normal;
margin: 0;
color: #FFB000;
text-shadow: 0 2px 1px #000;
font-family: 'Luckiest Guy',Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,Gadget,sans-serif;
text-transform: uppercase;
}
p { width: 80%; margin: 20px auto; text-shadow: 0 2px 1px #000; color: #C5C3DE; }
a, a:visited { color: #D92B00; font-weight: bold; font-style: italic; }
@@ -121,6 +130,7 @@ blockquote {
line-height: 1.8;
z-index: 99999;
}
#hire { margin-bottom: 80px; }
#download a { color: #69697A; }
View
@@ -115,6 +115,11 @@ <h1>Showcase</h1>
</div>
</div>
<div id="hire">
<h3>Scrollorama For Hire</h3>
<p>Need help building your website? <a href="http://johnpolacek.com/contact/">Contact us</a>.</p>
</div>
<div id="content-wrapper">
<div id="examples-1">
@@ -405,11 +410,24 @@ <h1>Credits</h1>
// title tweens
$('.title-line span').each(function() {
controller.addTween(10, TweenMax.to(this, .5, {css:{top: Math.random()*-200-600, left: (Math.random()*1000)-500, rotation:Math.random()*720-360, 'font-size': Math.random()*300+150}, ease:Quad.easeOut}));
controller.addTween(10, TweenMax.to(this, .5, {css:{top: Math.random()*-200-600, left: (Math.random()*1000)-500, rotation:Math.random()*720-360, 'font-size': Math.random()*300+150}, ease:Quad.easeOut}),200);
});
controller.addTween(10, TweenMax.to($('#title-line1'), .75, {css:{top: 600}, ease:Quad.easeOut}),200);
controller.addTween(10, TweenMax.to($('#title-line2'), .75, {css:{top: 200}, ease:Quad.easeOut}),200);
controller.addTween(10, TweenMax.to($('#title-line3'), .75, {css:{top: -100}, ease:Quad.easeOut},200));
// showcase tweens
controller.addTween('#showcase h1', TweenMax.from( $('#showcase h1'), .75, {css:{letterSpacing:20,opacity:0}, ease:Quad.easeOut}));
controller.addTween('#showcase p', TweenMax.from( $('#showcase p'), 1, {css:{opacity:0}, ease:Quad.easeOut}));
$('#showcase .gallery figure').css('position','relative').each(function() {
controller.addTween('#showcase .gallery', TweenMax.from( $(this), 1, {delay:Math.random()*.2,css:{left:Math.random()*200-100,top:Math.random()*200-100,opacity:0}, ease:Back.easeOut}));
});
// hire tweens
$('#hire h3').lettering().find('span').css('position','relative').each(function() {
controller.addTween('#hire h3', TweenMax.from( $(this), .25, {delay:Math.random()*.2,css:{left:Math.random()*1200-600,top:Math.random()*600-300,opacity:0}, ease:Expo.easeOut}),200);
});
controller.addTween(10, TweenMax.to($('#title-line1'), .75, {css:{top: 600}, ease:Quad.easeOut}));
controller.addTween(10, TweenMax.to($('#title-line2'), .75, {css:{top: 200}, ease:Quad.easeOut}));
controller.addTween(10, TweenMax.to($('#title-line3'), .75, {css:{top: -200}, ease:Quad.easeOut}));
controller.addTween('#hire p', TweenMax.from( $('#hire p'), .5, {css:{opacity:0}}));
// individual element tween examples
controller.addTween('#fade-it', TweenMax.from( $('#fade-it'), .5, {css:{opacity: 0}}));

0 comments on commit 8c9b306

Please sign in to comment.