Octoflat

I have created my first Octopress theme today called Octoflat. The theme is inspired by flat design. It uses Twitter Bootstrap and Designmodo's Flat UI. All the colors chosen are the colors listed on Flat-UI's demo page.

Installing the theme

As a submodule

cd your_octopress_dir  
git submodule add https://github.com/alexgaribay/octoflat .themes/octoflat  
rake install['octoflat']  
rake generate  

Grabbing the latest updates as a module

cd your_octopress_dir  
git submodule update  

As a clone

cd your_octopress_dir  
git clone https://github.com/alexgaribay/octoflat .themes/octoflat  
rake install['octoflat']  
rake generate  

Configuring Navigation

Add a navigation section to your _config.yml. Doing this allows the navbar to highlight the active page. Use the following format:

navigation:  
- text: Home
  url: /index.html

Adding New Pages

Create new pages by using the following command:

rake new_page['new_page_name.md']  

Go back to update your _config.yml file:

navigation:  
- text: Home
  url: /index.html
- text: New Page Title
  url: /new_page_name.html

Pull Requests Welcome

I need help making the theme more customizable to the end user. So any help in doing so would be greatly appreciated. Any suggestions are welcome as well!

Alex Garibay's Picture

Alex Garibay

Elixir developer. Maker of things at DockYard.