Skip to content

Instantly share code, notes, and snippets.

@kevinmarks
Last active October 17, 2015 01:44
Show Gist options
  • Select an option

  • Save kevinmarks/6395a428fbdeffc2689a to your computer and use it in GitHub Desktop.

Select an option

Save kevinmarks/6395a428fbdeffc2689a to your computer and use it in GitHub Desktop.
Minimal Guardian Story example with microformats
<ul class="storycards">
<li class="card">
<div class="h-entry">
<a href="http://www.theguardian.com/technology/audio/2015/oct/16/esports-tech-updog-podcast">
<img class="u-featured" src="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/13/1439457219532/a7aadab7-1e60-4d5e-92d8-e057c5842b35-620x372.jpeg?w=220&amp;q=85&amp;auto=format&amp;sharp=10&amp;s=3417f13ed4cc4e832ba7cd9c6e973b82">
<h3 class="p-name">Why are esports so popular?</h3></a>
<p class="p-summary">League of Legends is coming to Wembley. The BBC is broadcasting it. Sky is taking bets on it. But does esports even care what the mainstream thinks?</p>
<time class="dt-published" datetime="2015-10-16T16:00:00+0000"></time>
</div>
</li>
<li class="card"><div class="h-entry"><a href="http://www.theguardian.com/technology/audio/2015/oct/09/great-british-bake-off-meme-tech-updog-podcast">
<img class="u-featured" src="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/12/1439394881026/6d390a77-cf82-4fa0-aa89-9c783eb8474c-620x372.jpeg?w=220&amp;q=85&amp;auto=format&amp;sharp=10&amp;s=be30271233bdf7df1dea643f507a7e51">
<h3 class="p-name">The Great British meme off</h3></a>
<p class="p-summary">In the wake of the big cultural event that was Bake Off we celebrate the human meme that is Nadiya Hussein</p>
<time class="dt-published" datetime="2015-10-09T14:59:00+0000"></time>
</div>
</li>
<li class="card"><div class="h-entry"><a href="http://www.theguardian.com/technology/audio/2015/oct/08/robots-economics-tech-podcast">
<img class="u-featured" src="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/6/10/1433934796997/fcea20b2-bcb2-46f5-8195-5305317c6e08-620x372.jpeg?w=220&amp;q=85&amp;auto=format&amp;sharp=10&amp;s=1f3db2560e2a76508218316dad1b7aec">
<h3 class="p-name">Robots are coming for your job ... and that's not all</h3></a>
<p class="p-summary">Robots aren't just after your job, they're after the overthrow of the whole economic system</p>
<time class="dt-published" datetime="2015-10-08T08:13:00+0000"></time>
</div>
</li>
<li class="card"><div class="h-entry"><a href="http://www.theguardian.com/technology/audio/2015/oct/02/netflix-chill-death-meme-tech-podcast">
<img class="u-featured" src="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/9/29/1443547449365/bc7e99ad-2520-48ce-b1e3-9ccd8f5ee0fd-620x372.jpeg?w=220&amp;q=85&amp;auto=format&amp;sharp=10&amp;s=ca5f6b2d0a6e967e615c2c70dd58cd4d">
<h3 class="p-name">'Netflix and chill' and the death of the meme</h3></a>
<p class="p-summary">What happens when a meme reaches peak popularity? We discuss whether memes can survive brand association</p>
<time class="dt-published" datetime="2015-10-02T14:27:41+0000"></time>
</div>
</li></ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment