https://github.com/abhn/soot-spirits

A simple responsive two column Jekyll theme. Great for personal blog and basic portfolio website
https://github.com/abhn/soot-spirits

blog gem github-pages jekyll ruby

Last synced: 10 months ago
JSON representation

A simple responsive two column Jekyll theme. Great for personal blog and basic portfolio website

• Host: GitHub
• URL: https://github.com/abhn/soot-spirits
• Owner: abhn
• License: mit
• Created: 2017-04-17T17:06:15.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2019-10-14T04:19:58.000Z (over 6 years ago)
• Last Synced: 2025-03-29T14:05:31.468Z (11 months ago)
• Topics: blog, gem, github-pages, jekyll, ruby
• Language: CSS
• Homepage:
• Size: 4.67 MB
• Stars: 47
• Watchers: 5
• Forks: 41
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.MD
  • License: LICENSE

Awesome Lists containing this project

README

          
# Soot Spirits Jekyll Theme

Soot Spirits is a responsive mobile ready lightweight two column Jekyll theme made with Bulma CSS. It is a great template for simple personal blogs with focus on typography.

![mobile](tmp/mobile.png)

The text is made beautiful with combination of [League Gothic](https://www.fontsquirrel.com/fonts/league-gothic), [Roboto](https://fonts.google.com/specimen/Roboto) and [Open Sans](https://fonts.google.com/specimen/Open+Sans). Now who doesn't love them.

![text](tmp/langslide.gif)

### Demo

[sootspirits.github.io](https://sootspirits.github.io)

### Some Good Features

- Fully mobile ready

- Beautiful typography

- Two column layout suitable for a wide range of blogging habits

- Fully customisable theme including the 'hello' text, quotes, nav items and sidebar widgets

### Screenshots

##### Deskop browser (full width)

![fullwidth](tmp/fullwidth.png)

##### Tablet browser (iPad)

![tab](tmp/ipad.png)

##### Mobile browser (320px and greater)

![mobile](tmp/mobile.png)

##### Hamburger menu toggle

![hamburger](tmp/hamburger.gif)

##### Basic navigation and footer

![navi](tmp/navi.gif)

### Theme Usage

- [Get started](https://jekyllrb.com/docs/installation/) with having the necessary tools set up

- Download the zip of this project or simple clone it

- Delete the ```tmp/``` directory and any sample ```_posts```

- Customize the variables in ```_config.yml``` file such that it reflects your information. Similarly, change the disqus username (or remove it altogether).

- Replace footer links in the ```_layouts/default.html``` file with yours.

- Replace the ```site:example.com``` in ```assets/js/custom.js``` with your site's address.

### Credits

- [Codepen hi-im-si](http://codepen.io/hi-im-si/pen/DHoup) for the header 'hello' typewriter text

- [Bulma CSS](bulma.io/)

- [Jekyll](https://jekyllrb.com)

- [Github](https://github.com)

### Licence

MIT

### What's up with the name?

I was watching [My Neighbour Totoro](https://en.wikipedia.org/wiki/Susuwatari) while developing :-)