Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Add on-hover easter egg to home page
Fade in explanation for what "Rakudo" means after 2s hover on logo.
  • Loading branch information
zoffixznet committed Mar 11, 2018
1 parent 2e7344a commit d713017
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 4 deletions.
17 changes: 14 additions & 3 deletions assets/sass/main.scss
Expand Up @@ -95,12 +95,23 @@ footer,
h1 {
text-shadow: 1.5px 1.5px 1.5px rgba(0, 0, 0, .5);
}

#logo {
opacity: .2;
transition: opacity 2s;
.easter {
font-size: 90%;
opacity: 0;
transition: opacity 5s 2s;
}

img {
opacity: .2;
transition: opacity 2s;
}
}
#logo:hover {
opacity: 1;
img, .easter {
opacity: 1;
}
}

.masthead {
Expand Down
7 changes: 6 additions & 1 deletion templates/home.html.ep
Expand Up @@ -2,7 +2,12 @@
% title 'Rakudo Perl 6 Compiler';

<main role="main" class="inner cover">
<p><img src="/asset/pics/logo-inverse-300.png" alt="" id="logo"></p>
<div id="logo">
<p class="easter">"Rakudo" is short for "Rakuda-dō" (with a long 'o';
駱駝道), which is Japanese for "Way of the Camel". "Rakudo" (with a short
'o'; 楽土) also means "paradise" in Japanese.</p>
<p><img src="/asset/pics/logo-inverse-300.png" alt=""></p>
</div>

<h1 class="cover-heading">Rakudo <%== p6 %> Compiler</h1>
<p class="lead">Production-ready, stable implementation of the
Expand Down

0 comments on commit d713017

Please sign in to comment.