Skip to content

Instantly share code, notes, and snippets.

@buddy-sandidge
Created June 8, 2011 21:40
Show Gist options
  • Save buddy-sandidge/1015484 to your computer and use it in GitHub Desktop.
Save buddy-sandidge/1015484 to your computer and use it in GitHub Desktop.
Pebbelbed Markup Standard
<ul class="article-list">
<li class="article-item">...</li>
</ul>
<section class="article-list">
<header>
<h1 class="title">Blah</h1>
<div>...</div>
</header>
<article class="article-item">
<header>
<h3 class="title">Title</h3>
<div class="meta">...</div>
<div class="thumb">...</div>
</header>
<div class="blurb">...</div>
<a class="readmore">Read More</a>
</article>
<article class="article-item no-image">
<header>
<h3 class="title">Title</h3>
<div class="meta">...</div>
</header>
<div class="blurb">...</div>
<a class="readmore">Read More</a>
</article>
<footer>
<a class="readmore">Read More [section] articles</a>
</footer>
</section>
<section class="article">
<header>
<h1 class="title">Blah</h1>
<div class="blurb"></div>
</header>
<article class="content">
<p>...</p>
</article>
<footer class="meta">
<p>Tagged: ..... </p>
</footer>
</section>
(div|section)           .article-group
(div|section|ul)        .article-list, .photo-list, .video-list, etc..
(div|article|li)        .article-item, .photo-item, .video-item, etc..
(div|article)           .article-item.no-image (used for an article with no thumbnail)
(div|article)           .article,      .photo,      .video, etc..
(div|h1-6)              .title
(div|header|footer)     .meta
(div|header)            .blurb
(div|a|img)             .thumb
(div|article)           .content*
(div|p|a|footer)        .readmore

*Apparently, these fine gents think article content shouldn't be wrapped: check out the "Article" article here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment