Skip to content

Instantly share code, notes, and snippets.

@jgmac1106

jgmac1106/bookcase.html

Last active March 6, 2019 17:13
Show Gist options
  • Save jgmac1106/8de7054b6c957e97aea657485b3661bd to your computer and use it in GitHub Desktop.
Save jgmac1106/8de7054b6c957e97aea657485b3661bd to your computer and use it in GitHub Desktop.
Download ZIP
Bookcase Example
Raw
bookcase.html
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Bookcase</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/content/sitenew.css" />
<script src="/content/site.js" type="text/javascript"></script>
<script src="/content/accordion.js" type="text/javascript"></script>
<link rel="me" href="https://github.com/donaldmcintosh" />
<link rel="me" href="https://twitter.com/donaldbmcintosh" />
</head>
<body>
<div class="container">
<header>
<nav>
<ul class="site-nav">
<li>
<a href="/">Home</a>
</li>
<li>
<div class="dropdown">
<button class="dropbtn">Blogs</button>
<div class="dropdown-content">
<a href="/tag/cycletag">Bikepacking</a>
<a href="/tag/tech">Tech</a>
<a href="/tag/randomtag">Random</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<button class="dropbtn">Feeds</button>
<div class="dropdown-content">
<a href="/news">Latest</a>
<a href="/chat">Chat</a>
<a href="/daily">Daily</a>
</div>
</div>
</li>
<li class='nav-right'>
<div class="dropdown">
<button class="dropbtn">More&#9660;</button>
<div class="dropdown-content dropdown-right-wide">
<a href="/albums">Photos</a>
<a href="/books">Bookcase</a>
<a href="/auth/openidlogin?idp=google">Sign in with Google</a>
<a href="/auth/openidlogin?idp=amazon">Sign in with Amazon</a>
<a href="/auth/openidlogin?idp=yahoo">Sign in with Yahoo</a>
</div>
</div>
</li>
</ul>
<div class="headerback">
<div class="heading-blurb">
</div>
</div>
</nav>
</header>
<main class="h-entry">
<h2 class="p-name">BookCase</h2>
<p>Curated <a class="p-author h-card" href="https://www.donaldmcintosh.net/bookcase">Donald Macintosh</a>
Book last added <time class="dt-published" datetime="2013-06-13 12:00:00">13<sup>th</sup> June 2013</time></p>
<div class="albums">
<div class="book h-entry">
<div class="bookdetails">
<div class="blogtitle p-read-of h-cite">39 Steps</div>
<div class="blogsubhead p-author">Author: John Buchan</div>
</div>
<div class="bookdesc">
<div class="cycledesctext p-note">Interesting reading a book written over a hundred years ago on my new Kobo. Only the language cues the date written. Good spy, thriller story written in a way that now seems dated (re: class references etc) but still very enjoyable.
</div>
</div>
</div>
<div class="book h-entry">
<div class="bookdetails">
<div class="blogtitle p-read-of h-cite">SAS: Rogue Heroes – the Authorized Wartime History</div>
<div class="blogsubhead p-author">Author: Ben MacIntyre</div>
</div>
<div class="bookdesc">
<div class="cycledesctext p-note">Fascinating insight into societal misfits and army rejects that coalesced to form the SAS first in Africa and then ranging through Europe in WWII. Behind enemy lines with no backup, these guys exemplify the courage and strength of our elite unit.
</div>
</div>
</div>
<div class="book h-entry">
<div class="bookdetails">
<div class="blogtitle p-read-of h-cite">North Waters</div>
<div class="blogsubhead p-author">Author: Ian McGuire</div>
</div>
<div class="bookdesc">
<div class="cycledesctext p-note">Cracking book about Sumner, an Irish doctor and ex-soldier who takes a job on a whaler heading north to hunt whales, seals and anything else that moves. Totally engrossing as all the plot unfolds and characters unhinge.
</div>
</div>
</div>
</div>
<div class="footerback">
<div class="footer">
<div class="footerright">
<a href="http://donaldmcintosh.net/triki"><img src="/content/trikiPower-94x20.png"></a>
</div>
</div>
</div>
</div>
</div>
</body></html>
@jgmac1106
Copy link
Author

You could add a read date to each book h-entry

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