Browse files

add contact link

  • Loading branch information...
1 parent d8eb4b6 commit 8c9b3063e4fb38cc2cb8675446b94b99c809dfc0 @johnpolacek committed Jul 3, 2013
Showing with 32 additions and 4 deletions.
  1. +10 −0 css/style.css
  2. +22 −4 index.html
View
10 css/style.css
@@ -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
26 index.html
@@ -115,6 +115,11 @@ <h1 id="title">
</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 @@ <h2 id="bring-it">Bring It</h2>
// 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.