notcraig / HTML5Up-Striped-Middleman

The "Striped" theme by HTML5Up, converted to Middleman

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

"Striped" by HTML5 Up

The HTML5 Up "Striped" theme, converted to Middleman.
Single index file from the HTML5Up template, broken down in to easier to manage chunks (e.g. partials) for Middleman.

It may not be pretty, but the theme creation is part of my effort to learn more Ruby.

Customizable Sidebar & navigation links.
Optional "Featured Image" for posts Social sharing for posts (e.g., readers -- or you -- can share posts to twitter, facebook, reddit, email...).
Fancy shmancy ordinal dates.
Several options configurable in data/site.yml:

  • Site URL (because it makes my shitty coding work with the social sharing options and I'm okay with that)
  • Site name/title
  • Site subtitle
  • Google Analytics.
  • Social links (facebook,twitter, github, email, gnusocial)

(There is a "read time" helper but I opted to not use it at this time -- it's commented out in index.html.erb)

Main page:
main

Single post:
single post

Another single post:
another single post

Original readme from Striped template:
Striped by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

And here's a new one: Striped, which features a clean, minimalistic design, styling for all basic page elements (including blockquotes, tables and lists), a repositionable sidebar (left or right), and HTML5/CSS3 code designed for quick and easy customization (see code comments for details).

(* = Not included)

Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)

AJ
aj@lkn.io | @ajlkn

Credits:

Demo Images:  
	Unsplash (unsplash.com)

Icons:
	Font Awesome (fortawesome.github.com/Font-Awesome)

Other:
	jQuery (jquery.com)
	html5shiv.js (@afarkas @jdalton @jon_neal @rem)
	CSS3 Pie (css3pie.com)
	Respond.js (j.mp/respondjs)
	Skel (skel.io)

About

The "Striped" theme by HTML5Up, converted to Middleman


Languages

Language:CSS 71.5%Language:HTML 16.4%Language:JavaScript 9.9%Language:Ruby 2.2%