Skip to content

Commit

Permalink
Icons are links
Browse files Browse the repository at this point in the history 
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
  • Loading branch information
@Kwpolska
Kwpolska committed Jul 10, 2015
1 parent 72ced93 commit 37fbc66
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 17 deletions.
1 change: 1 addition & 0 deletions conf.py
View file
Expand Up @@ -185,6 +185,7 @@
('/documentation.html', '<strong>Documentation Index</strong>'),
('/getting-started.html', '<strong>Getting Started</strong>'),
('/handbook.html', '<strong>Handbook</strong>'),
('/features/index.html', '<strong>Features</strong>'),
('/conf.html', 'conf.py'),
('/creating-a-theme.html', 'Theming Tutorial'),
('/extending.html', 'Extending'),
Expand Down
6 changes: 3 additions & 3 deletions files/assets/css/custom.css
View file
Expand Up @@ -27,16 +27,16 @@ blockquote p, blockquote, p {
height: 50px;
}

.index-icon {
.feature-icon {
text-align: center;
}

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

.index-icon .fa-stack:hover {
.feature-icon .fa-stack:hover {
color: #f5ab14;
transition: color 0.5s ease;
}
Expand Down
28 changes: 14 additions & 14 deletions stories/index.html
View file
Expand Up @@ -23,50 +23,50 @@ <h1>Nikola — Static Site Generator</h1>
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<div class="index-icon index-icon-static"><span class="fa-stack fa-3x">
<div class="feature-icon feature-icon-static"><a href="/features/static.html"><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>
</span></a></div>
<h2 class="index-feature">Host anywhere.</h2>
<p><a href="/features/static.html">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">
<div class="index-icon index-icon-fast"><span class="fa-stack fa-3x">
<div class="feature-icon feature-icon-fast"><a href="/features/fast.html"><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>
</span></a></div>
<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">
<div class="index-icon index-icon-formats"><span class="fa-stack fa-3x">
<div class="feature-icon feature-icon-formats"><a href="/features/formats.html"><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>
</span></a></div>
<h2 class="index-feature">Any input format you like.</h2>
<p><a href="/features/formats.html">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">
<div class="index-icon index-icon-components"><span class="fa-stack fa-3x">
<div class="feature-icon feature-icon-components"><a href="/features/components.html"><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>
</span></a></div>
<h2 class="index-feature">Batteries included.</h2>
<p><a href="/features/components.html">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 listngs.</p>
<p><a href="/features/components.html">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">
<div class="index-icon index-icon-extensible"><span class="fa-stack fa-3x">
<div class="feature-icon feature-icon-extensible"><a href="/extending.html"><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>
</span></a></div>
<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/">Themes</a> Indexes.</p>
<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">
<div class="index-icon index-icon-unix"><span class="fa-stack fa-3x">
<div class="feature-icon feature-icon-unix"><a href="/features/cli.html"><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>
</span></a></div>
<h2 class="index-feature">User-friendly CLI.</h2>
<p><a href="/features/cli.html">Nikola has a friendly user interface</a> that gets you up and running quickly and simplifies your work. You do not need to memorize headers just to create a post — we’ll write them for you.</p>
</div>
Expand Down

0 comments on commit 37fbc66

Please sign in to comment.