Skip to content
Permalink
Browse files

Add orange hover effect for text (cc @Aeyoun)

Signed-off-by: Chris Warrick <kwpolska@gmail.com>
  • Loading branch information
Kwpolska committed Jul 24, 2015
1 parent 2d686c9 commit 41be2f6a87458080ead4866f7b6c462d2390ae2c
Showing with 14 additions and 8 deletions.
  1. +8 −2 files/assets/css/custom.css
  2. +6 −6 stories/index.html
@@ -31,16 +31,22 @@ blockquote p, blockquote, p {
text-align: center;
}

.feature-icon .fa-stack {
.feature-icon .fa-stack,
a .index-feature {
color: #3e4445;
transition: color 0.3s ease;
}

a:hover .feature-icon .fa-stack {
a:hover .feature-icon .fa-stack,
a:hover .index-feature {
color: #f5ab14;
transition: color 0.25s ease;
}

a.feature-link:hover {
text-decoration: none;
}

.index-feature {
margin-top: 0;
padding-top: 20px;
@@ -21,7 +21,7 @@ <h1>Nikola — Static Site Generator</h1>
<div class="container">
<div class="row">
<div class="col-md-4">
<a href="/handbook.html#why-static">
<a href="/handbook.html#why-static" class="feature-link">
<div class="feature-icon feature-icon-static">
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-server fa-stack-1x fa-inverse"></i></span>
</div>
@@ -30,7 +30,7 @@ <h2 class="index-feature">Host anywhere.</h2>
<p><a href="/handbook.html#why-static">Static websites</a> are safer, use fewer resources, and avoid vendor and platform lock-in. You can host a Nikola website on any web server, big or small. It’s just a bunch of HTML files and assets.</p>
</div>
<div class="col-md-4">
<a href="/features/fast.html">
<a href="/features/fast.html" class="feature-link">
<div class="feature-icon feature-icon-fast">
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-flash fa-stack-1x fa-inverse"></i></span>
</div>
@@ -39,7 +39,7 @@ <h2 class="index-feature">Fast, incremental builds.</h2>
<p><a href="/features/fast.html">Nikola is fast.</a> We use <a href="http://pydoit.org/">doit</a>, which provides incremental rebuilds — in other words, we rebuild only the pages that <em>need</em> rebuilding, saving CPU time, wall clock time and upload bandwidth.</p>
</div>
<div class="col-md-4">
<a href="/handbook.html#supported-input-formats">
<a href="/handbook.html#supported-input-formats" class="feature-link">
<div class="feature-icon feature-icon-formats">
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-file-text fa-stack-1x fa-inverse"></i></span>
</div>
@@ -48,7 +48,7 @@ <h2 class="index-feature">Any input format you like.</h2>
<p><a href="/handbook.html#supported-input-formats">Nikola will take input in many formats</a>. Out of the box, we support reStructuredText, Markdown, IPython (Jupyter) Notebooks and HTML, and have plugins for many other formats.</p>
</div>
<div class="col-md-4">
<a href="/handbook.html#components">
<a href="/handbook.html#components" class="feature-link">
<div class="feature-icon feature-icon-components">
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-cubes fa-stack-1x fa-inverse"></i></span>
</div>
@@ -57,7 +57,7 @@ <h2 class="index-feature">Batteries included.</h2>
<p><a href="/handbook.html#components">Nikola comes with everything you need</a> to build a modern website: blogs (with comments, tags, categories, archives, RSS/Atom feeds), multilingual support, easy image galleries, and code listings.</p>
</div>
<div class="col-md-4">
<a href="/extending.html">
<a href="/extending.html" class="feature-link">
<div class="feature-icon feature-icon-extensible">
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-code fa-stack-1x fa-inverse"></i></span>
</div>
@@ -66,7 +66,7 @@ <h2 class="index-feature">Easily extensible.</h2>
<p><a href="/extending.html">Nikola is extensible</a>. You can write a plugin to add any feature you want in a few lines of Python, or write your own theme in Mako or Jinja2. Or find something in the <a href="https://plugins.getnikola.com">Plugin</a> and <a href="https://themes.getnikola.com/">Theme</a> Indexes.</p>
</div>
<div class="col-md-4">
<a href="/features/index.html#cli">
<a href="/features/index.html#cli" class="feature-link">
<div class="feature-icon feature-icon-unix">
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-terminal fa-stack-1x fa-inverse"></i></span>
</div>

0 comments on commit 41be2f6

Please sign in to comment.
You can’t perform that action at this time.