Skip to content

notcraig/HTML5Up-Striped-Middleman

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

"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
[email protected] | @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)