The "Striped" theme by HTML5Up, converted to Middleman
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data
screenshots
source
.gitignore
Gemfile
README.md
calendar.html.erb
config.rb
index.html
tag.html.erb

README.md

"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)