Permalink
Browse files

easter egg

  • Loading branch information...
1 parent e3f26c4 commit 1e16b9e1dd99f6cae071f424701af6c1516ace8a @salathe committed Jan 25, 2014
Showing with 435 additions and 30 deletions.
  1. +27 −1 _layouts/default.html
  2. +16 −4 public/css/style.css
  3. +392 −25 public/dude-web.svg
View
@@ -8,7 +8,7 @@
<header id="logobit">
<div class="container">
<div class="logo">
- <a href="/" title="Go to Homepage"></a>
+ <a href="/" class="ticklez" title="Go to Homepage"></a>
</div>
</div>
</header>
@@ -39,6 +39,32 @@ <h3 class="masthead-title">
}
});
+ (function($){
+ // Tickle module
+ var num_hovers = 10,
+ time_hovers = 10000,
+ $target = $('.logo a');
+ $target.data('hovers', []);
+ $target.hover(function(){
+ var hovers = $target.data('hovers');
+ hovers.push(new Date);
+ if (hovers.length > num_hovers) {
+ hovers.shift();
+ }
+ var interval = (new Date).getTime() - hovers[0].getTime();
+ if (hovers.length == num_hovers && interval <= time_hovers) {
+ $target.data('hovers', []);
+ $target.trigger('tickle');
+ }
+ }, function(){}).on('tickle', function(){
+ $target.addClass('tickle');
+ $target.one('mouseout', function(){
+ setTimeout(function(){ $target.removeClass('tickle'); }, 1000);
+ });
+ });
+ })(jQuery);
+
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
View
@@ -42,7 +42,7 @@ header .container {
left: -80px;
top: 0;
}
-.logo a:before {
+.logo a {
-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
-o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
@@ -58,6 +58,7 @@ header .container {
background-repeat: no-repeat;
display: inline-block;
position: relative;
+ left: 0;
width: 80px;
height: 200px;
background-position: 0 100px;
@@ -66,20 +67,31 @@ header .container {
border-bottom: 4px solid #1D7950;
}
-#logobit.scroll .logo a:before {
+#logobit.scroll .logo a {
height: 100px;
background-position: 0 0;
background-color: #f9f9f9;
border-bottom-width: 0;
}
-.logo a:hover:before,
-#logobit.scroll .logo a:hover:before {
+.logo a:hover,
+#logobit.scroll .logo a:hover {
height: 180px;
background-position: 0px 80px;
background-color: #bf616a;
border-bottom: 4px solid #9f414a;
}
+.logo a.tickle,
+.logo a.tickle:hover {
+ position: relative;
+ left: -100px;
+ height: 240px;
+ width: 180px;
+ background-position: -100px 125px;
+ background-color: #616abf;
+ border-bottom: 4px solid #414a9f;
+}
+
/*
* Container
*
Oops, something went wrong.

0 comments on commit 1e16b9e

Please sign in to comment.