Dr. Jekyll's Themes - Add Your Theme!

(Yet Another) Static Site Theme Directory - see it live @ drjekyllthemes.github.io

How-To Add Your Theme

Fork the /themes repo on GitHub
Add a new entry in the themes.yml file and fill out all fields. Example:

- title:     Shiori
  github:    ellekasai/shiori
  branch:    gh-pages              # note: defaults to master
  demo_url:  http://ellekasai.github.io/shiori/
  author:    Elle Kasai
  thumbnail: shiori.png
  license:   MIT

or (without the github+branch shortcuts)

- title:        Shiori
  home_url:     https://github.com/ellekasai/shiori
  download_url: https://github.com/ellekasai/shiori/archive/gh-pages.zip
  demo_url:     http://ellekasai.github.io/shiori/
  author:       Elle Kasai
  thumbnail:    shiori.png
  license:      MIT

Make a 250 x 200 thumbnail and drop it in the thumbnails folder. Note: Do NOT forget to list its filename in the themes.yml entry.
Check that everything is ok, then open up a pull request.
Thanks!

Tips & Tricks

Q: How to create a 250 x 200 thumbnail?

A: One way is to create a regular-size screenshoot e.g. 1024 x 768 in step one. In step two calculate how much to zoom in (divide the required width, that is, 250 pixel by your current width, that is, 1024 pixel) e.g.

 250
---- * 100 =  24.4 %
1024

Than readjust the scale to 24.4% and set the width and height to 250 x 200. That's it.

Another example - let's say the screenshoot size is 500 x 400 using the formula calculate how much to zoom in e.g.

 250
---- * 100 =  50 %
 500

kxxvii/themes

Dr. Jekyll's Themes - Add Your Theme!

How-To Add Your Theme

Tips & Tricks

Meta