Update themes & design list

docs/content/themes/feather/index.md

@@ -0,0 +1,90 @@
+
++++
+title = "feather"
+description = "A modern blog theme"
+template = "theme.html"
+date = 2018-01-21T04:35:36-05:00
+
+[extra]
+created = 2018-01-21T04:35:36-05:00
+updated = 2018-01-21T04:35:36-05:00
+repository = "https://github.com/piedoom/feather"
+homepage = "https://github.com/piedoom/feather"
+minimum_version = "0.2"
+license = "MIT"
+
+[extra.author]
+name = "doomy"
+homepage = "https://alexanderlozada.com"
++++        
+
+# feather
+A lightweight theme for gutenberg
+
+Feather is a blog theme specifically designed for the static site generator [Gutenberg](https://github.com/Keats/gutenberg).  It's as far as 
+I know the first theme for the platform that isn't a port or just contained within template files.  
+
+Feather is *not* intended for anything other than blogs.  
+
+# Developing & Contributing
+Because feather comes with example content, you can run the theme just like any Gutenberg
+blog with `gutenberg serve`.  Your changes will autoreload!
+
+## Considerations
+Please don't edit the `content` folder directly for your own blog, use it as a theme like
+intended!
+
+# Usage
+Using feather is easy.  Install [Gutenberg](https://github.com/Keats/gutenberg) and follow 
+[the guide for creating a site and using a theme](https://www.getgutenberg.io/documentation/themes/installing-and-using-themes/).  Then,
+add `theme = "feather"` to your `config.toml` file.
+
+If you intend to publish your site to Github Pages, please check out [this tutorial](http://vaporsoft.net/publishing-gutenberg-to-github/).
+
+## Options
+Gutenberg allows themes to [define `[extra]` variables](https://www.getgutenberg.io/documentation/getting-started/configuration/)
+in the config.  Here's a full list of theme variables with example values and comments.
+
+```
+[extra]
+# specify an image for the big header at the top of the page.
+# this will be a background cover image, so make it large enough
+# so that it won't upscale enough to pixelate
+feather_header_image = "/theme_images/default.gif"
+
+# if you want comments, add your disqus embed code here.  
+# you can obtain a code on the disqus website.
+feather_disqus_code = "<div id='disqus_thread'></div><script> var disqus_config = ... etc ... etc ..."
+
+# if you'd like people to be able to donate to you, you can include a donate link
+# to be displayed in the footer of the website.
+feather_donate_link = "https://paypal.me/piedoomy"
+
+# if you want analytics, add your tracking code HTML here.
+feather_analytics = "<script async src='https://www.googletagmanager.com/gtag/... etc ... etc ..."
+```
+
+## Features
+Feather also provides several features optional.
+
+- [x] Categories page
+- [x] Tags page
+- [x] Sorting chronologically 
+- [x] Comments
+- [x] Analytics 
+- [x] Donate links
+
+## Using Categories and Tags
+In order to use categories and tags, you'll need to enable their compilation by adding the following lines to your `config.toml`
+(make sure they aren't under `[extra]`):
+
+```toml
+generate_categories_pages = true
+generate_tags_pages = true
+```
+
+# Live demo
+[My dev site](http://vaporsoft.net/) uses the latest version of feather.
+
+
+        

docs/content/themes/hyde/index.md

@@ -6,7 +6,7 @@ template = "theme.html"
 date = 2017-10-24T15:01:52+02:00
 
 [extra]
-created = 2018-01-25T18:45:36+01:00
+created = 2018-02-28T19:41:16+01:00
 updated = 2017-10-24T15:01:52+02:00
 repository = "https://github.com/Keats/hyde"
 homepage = "https://github.com/Keats/gutenberg-hyde"

docs/sass/_themes.scss

@@ -13,7 +13,7 @@
   justify-content: space-between;
 
   .theme {
-    width: 30%;
+    width: 45%;
     text-decoration: none;
     cursor: pointer;
     margin-bottom: 2rem;
@@ -23,11 +23,13 @@
 
     img {
       width: 100%;
+      height: 90%;
     }
 
     span {
       display: block;
       text-align: center;
+      font-size: 1.1rem;
     }
   }
 }