Write a new pretty landing page

Signed-off-by: Chris Warrick <kwpolska@gmail.com>
getnikola · Jul 8, 2015 · 313134f · 313134f
1 parent 8e3fbe9
commit 313134f
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 88 deletions.
diff --git a/conf.py b/conf.py
@@ -35,6 +35,7 @@
 PAGES = (
     ("stories/*.txt", "", "story.tmpl"),
     ("stories/*.rst", "", "story.tmpl"),
+    ("stories/*.html", "", "story.tmpl"),
 )
 
 # What is the default language?
@@ -209,6 +210,8 @@
         )
     }
 
+EXTRA_HEAD_DATA = '<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">'
+
 # Put in global_context things you want available on all your templates.
 # It can be anything, data, functions, modules, etc.
 GLOBAL_CONTEXT = {}

diff --git a/files/assets/css/custom.css b/files/assets/css/custom.css
@@ -1,5 +1,3 @@
-h1 {text-align: center; margin-bottom: 15px;}
-
 ul.bricks {
     text-align: justify;
 }
@@ -19,14 +17,6 @@ blockquote p, blockquote, p {
     /*font-size: 16px;*/
 }
 
-#nikola-is-a-static-site-and-blog-generator p {
-    font-size: 16px;
-}
-
-#nikola-is-a-static-site-and-blog-generator > p.lead {
-    font-size: 19px;
-}
-
 .previous a,.next a{border-radius:4px}
 
 .navbar-inverse .navbar-nav > li > a {
@@ -36,3 +26,11 @@ blockquote p, blockquote, p {
 .navbar-brand #logo {
     height: 50px;
 }
+
+.index-icon {
+    text-align: center;
+}
+
+.index-feature {
+    text-align: center;
+}
diff --git a/stories/index.html b/stories/index.html
@@ -0,0 +1,74 @@
+<!--
+.. title: Static Site Generator
+.. slug: index
+.. date: 2015-07-08 09:39:34 UTC
+.. tags:
+.. category:
+.. link:
+.. description:
+.. type: text
+.. hidetitle: True
+-->
+
+<div class="jumbotron">
+    <div class="container">
+        <h1>Nikola — Static Site Generator</h1>
+        <p>In goes content, out comes a website, ready to deploy.</p>
+        <p><a class="btn btn-primary btn-lg" href="#" role="button">Get Nikola &raquo;</a></p>
+        <p><small>Nikola is written in Python (2.7+/3.3+). Open source software — MIT license.</small></p>
+    </div>
+</div>
+
+<div class="container">
+    <!-- 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">
+  <i class="fa fa-circle fa-stack-2x"></i>
+  <i class="fa fa-server fa-stack-1x fa-inverse"></i>
+</span></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">
+  <i class="fa fa-circle fa-stack-2x"></i>
+  <i class="fa fa-flash fa-stack-1x fa-inverse"></i>
+</span></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">
+  <i class="fa fa-circle fa-stack-2x"></i>
+  <i class="fa fa-file-text fa-stack-1x fa-inverse"></i>
+</span></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">
+  <i class="fa fa-circle fa-stack-2x"></i>
+  <i class="fa fa-cubes fa-stack-1x fa-inverse"></i>
+</span></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>
+        </div>
+        <div class="col-md-4">
+            <div class="index-icon index-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>
+            <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>
+        </div>
+        <div class="col-md-4">
+            <div class="index-icon index-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>
+            <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>
+    </div>
+</div>
diff --git a/stories/welcome.txt b/stories/welcome.txt