Browse Source

Update themes & design list

index-subcmd
Vincent Prouillet 6 years ago
parent
commit
c0ea30e2e1
4 changed files with 94 additions and 2 deletions
  1. +90
    -0
      docs/content/themes/feather/index.md
  2. BIN
      docs/content/themes/feather/screenshot.png
  3. +1
    -1
      docs/content/themes/hyde/index.md
  4. +3
    -1
      docs/sass/_themes.scss

+ 90
- 0
docs/content/themes/feather/index.md View File

@@ -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.



BIN
docs/content/themes/feather/screenshot.png View File

Before After
Width: 1497  |  Height: 945  |  Size: 1.1MB

+ 1
- 1
docs/content/themes/hyde/index.md View File

@@ -6,7 +6,7 @@ template = "theme.html"
date = 2017-10-24T15:01:52+02:00 date = 2017-10-24T15:01:52+02:00


[extra] [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 updated = 2017-10-24T15:01:52+02:00
repository = "https://github.com/Keats/hyde" repository = "https://github.com/Keats/hyde"
homepage = "https://github.com/Keats/gutenberg-hyde" homepage = "https://github.com/Keats/gutenberg-hyde"


+ 3
- 1
docs/sass/_themes.scss View File

@@ -13,7 +13,7 @@
justify-content: space-between; justify-content: space-between;


.theme { .theme {
width: 30%;
width: 45%;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
margin-bottom: 2rem; margin-bottom: 2rem;
@@ -23,11 +23,13 @@


img { img {
width: 100%; width: 100%;
height: 90%;
} }


span { span {
display: block; display: block;
text-align: center; text-align: center;
font-size: 1.1rem;
} }
} }
} }


Loading…
Cancel
Save