Add themes to website

_layouts/default.html

@@ -10,6 +10,8 @@
     <!--[if lt IE 9]>
       <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
+
+    <link rel="stylesheet" href="{{ '/assets/css/custom.css' | relative_url }} ">
     <!--[if lt IE 8]>
     <link rel="stylesheet" href="{{ '/assets/css/ie.css' | relative_url }}">
     <![endif]-->
@@ -22,6 +24,7 @@
             <li class="fork">
               <a href="/">Home</a>
               <a href="/desktop/">Desktop</a>
+              <a href="/themes/">Themes</a>
             </li>
             <li class="downloads">
               <a href="https://github.com/fyshos/fyshos/releases/tag/testing">ISO</a>

assets/css/custom.css

@@ -0,0 +1,4 @@
+.caption {
+  margin: -30pt 0 16pt 0;
+  font-style: italic;
+}

desktop/index.md

@@ -2,42 +2,25 @@
 headline: Your Beautiful new Open Source Desktop
 ---
 
-<section class="bg-primary" id="about">
-    <div class="container">
-        <div class="row">
-            <div class="col-lg-8 col-lg-offset-2 text-center">
-                <h2 class="section-heading">Reimagining the Desktop!</h2>
-                <hr class="light">
-		<p>The FyneDesk project is taking a fresh look
+The FyneDesk project is taking a fresh look
 at what it means to be a desktop environment. Using the same beautiful and user
 friendly graphics of the Fyne toolkit you will find it a great place to call 
-home on your computer.</p>
+home on your computer.
 
-                <p>We also want to make it easy to update, add to or change
+We also want to make it easy to update, add to or change
 your desktop just like you can with any other Open Source software. And so
 the design of our desktop project has put ease of learning and development
 in the centre of how we work. Now you can have the desktop of your dreams
-- and share the result for others as well.</p>
+\- and share the result for others as well.
 
-                <a href="https://github.com/fyshos/fynedesk/" class="btn btn-default btn-xl">Get Started!</a>
-            </div>
-        </div>
-    </div>
-</section>
+<a href="https://github.com/fyshos/fynedesk/" class="btn btn-default btn-xl">Get Started!</a>
 
-<section class="bg-primary" id="screenshot">
-    <div class="container">
-        <div class="row">
-            <div class="col-lg-12 text-center">
-                <h2 class="section-heading">Themes</h2>
+                <h2 class="section-heading">Look and Feel</h2>
                 <hr class="light">
                 <img src="https://github.com/fyshos/fynedesk/raw/develop/desktop-dark-current.png" alt="" />
 				<p class="caption light"><br />The standard theme in its dark look.</p>
 				<p>&nbsp;</p>
                 <img src="https://github.com/fyshos/fynedesk/raw/develop/desktop-light-current.png" alt="" />
 				<p class="caption light"><br />The standard theme in light variant.</p>
-            </div>
-        </div>
-    </div>
-</section>
 
+You can find more examples on our [themes](/themes/) page.

themes/index.md

@@ -0,0 +1,14 @@
+---
+headline: Your Beautiful new Open Source Desktop
+---
+
+The following are a collection of user submitted themes.
+
+<img src="/themes/screenshot/neon.png" alt="" />
+<p class="caption light"><br />Neon theme - custom colours, background and font.</p>
+
+<img src="/themes/screenshot/matrix.png" alt="" />
+<p class="caption light"><br />Matrix theme - custom colours, background and font.</p>
+
+<img src="/themes/screenshot/zelda.png" alt="" />
+<p class="caption light"><br />Zelda theme - custom colours, background and font.</p>