A simple content-focused Jekyll theme.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_layouts
_posts
_sass
css
js
404.html
LICENSE
README.md
_config.yml
about.md
android-chrome-192x192.png
apple-touch-icon-114x114.png
apple-touch-icon-120x120.png
apple-touch-icon-144x144.png
apple-touch-icon-152x152.png
apple-touch-icon-180x180.png
apple-touch-icon-57x57.png
apple-touch-icon-60x60.png
apple-touch-icon-72x72.png
apple-touch-icon-76x76.png
browserconfig.xml
contact.html
create-favicon.sh
favicon-16x16.png
favicon-194x194.png
favicon-32x32.png
favicon-96x96.png
favicon.ico
feed.xml
index.html
mstile-144x144.png
mstile-150x150.png
mstile-310x150.png
mstile-310x310.png
mstile-70x70.png
search.html
search.json
thanks.html

README.md

Trio

Trio is a simple, content-focused, responsive, mobile-friendly Jekyll theme. Trio comes with support for these things out-of-the-box:

  • RSS feed
  • 404 page
  • Markdown syntax highlighting, fenced code blocks, tables, GitHub gists, blockquotes
  • Post sharing buttons
  • Paginated list of posts
  • Disqus integration
  • Full-text search

This Jekyll theme was crafted with <3 by Ankur Gupta. Checkout the demo.

Thanks

Trio was created using inspiration and partial code from these sources:

A big thank you to all of them. I have added links to their licenses wherever I substantially copied their code.

Color Themes

Trio comes with nine color themes (1 default + 8 from Lanyon Color Themes). These colors are listed in _sass/_colors.scss. To change the color theme, simply change the $theme-color variable in _sass/_colors.scss:

$theme-color: $base-08; /* Red */

This is an example of the red/base-08 color theme.

Trio with red color theme

Script to create favicons

I have written a small bash script that creates favicons using imagemagick's convert. You can modify the script to change colors and the lettering. See _layouts/default.html for the HTML that specifies icons for various vendors.

Issues

This theme should be ready for use. I am not an expert in SCSS and the current code might be superfluous or overkill. See issues for future improvements. Feel free to add your own.

License

Open sourced under MIT License