polished up the books section a bit

2 files changed, 25 insertions, 20 deletions

diff --git a/design/templates/archives/books.html b/design/templates/archives/books.html
index f462a3a..980a4b7 100644
--- a/design/templates/archives/books.html
+++ b/design/templates/archives/books.html
@@ -3,7 +3,7 @@
 {% load html5_datetime %}
 {% load pagination_tags %}
 {% block pagetitle %} Books | luxagraf {% endblock %}
-{% block metadescription %}Books and thoughts on them. {% endblock %}
+{% block metadescription %}Books I've read and thoughts on them. {% endblock %}
 {%block bodyid%}class="books" id="books-archive"{%endblock%}
 
 {% block primary %}
@@ -11,24 +11,27 @@
         <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
         <li>Books</li>
     </ul>
-        <main role="main">
-        <h1>Books</h1>
+        <main role="main">{% autopaginate object_list 24 %}
+        <h1 class="hide">Books</h1>
+<div class="book-list projects--intro">
         <p>I wear glasses because as a child I would stay up late, covers pulled over my head, reading by the dim light of a dying flashlight. At least that's what an eye doctor told me when I was younger. Probably a load of crap, but I still love reading and I still often do it by poor light far later in the night than is reasonable.</p>
-        <p>A few years ago, I realized I was forgetting the things I'd read. Forgetting the things they had made me think of, things I'd learned, bits I wanted to remember. So I started taking notes while reading, usually with a pen and paper, but sometimes just photographing a page and using OCR to save it to a text file. I wanted to remember, to recall.</p>
-        <p>And of course since I have all this stuff in text files I thought might as well put it online. Thanks to some APIs out there it isn't hard to get all the info you need about a book. And well, here you have it, books I've read and things I've thought about them.</p>
-        {% autopaginate object_list 24 %}{% for object in object_list %}
-        <article itemscope itemtype="http://schema.org/Book">
-            {% if object.image %}<img itemprop="image" src="{{object.get_image_url}}" alt="cover art: red horse, city in background"/>{%endif%}
-            <h2 itemprop="name"><a href="{{object.get_absolute_url}}">{{object.title|safe|amp|smartypants}}</a></h2>
+        <p>I've always taken notes while reading, usually with a pen and paper, but sometimes as highlights in the Kindle. And of course since I have all this stuff in text files I thought might as well put it online. So here you have it, books I've read and things I've thought about them.</p>
+</div>
+    <nav class="pagination">{% paginate %}
+    </nav>
+       <div class="book-list"> {% for object in object_list %}
+            <article class="book-list-item {% cycle "odd" "even" %} {% cycle "uno" "dos" "tres" %}" itemscope itemtype="http://schema.org/Book">
+                {% if object.image %}<div class="img-wrapper"><a href="{{object.get_absolute_url}}"><img itemprop="image" src="{{object.get_image_url}}" alt="cover art for {{object.title}} by {{object.author_name}}"/></a></div>{%endif%}
+            <h2 itemprop="name"><a href="{{object.get_absolute_url}}">{{object.title|amp|smartypants|widont|safe}}</a></h2>
             <h4 itemprop="author">{{object.author_name}}</h4>
-            <span itemprop="isbn">{{object.isbn}}</span>
             <div itemprop="review" itemscope itemtype="http://schema.org/Review">
-                {% if object.rating %}<span itemprop="reviewRating">{{object.rating}}</span>stars{%endif%}
+                {% if object.rating %}<span class="book-stars" itemprop="reviewRating">{% for i in ratings_range %}{% if i <= object.get_rating%}&#9733;{%else%}&#9734;{%endif%}{%endfor%}</span>{%endif%}
                 <span class="hide" itemprop="author">Scott Gilbertson</span>
-                <meta itemprop="datePublished" content="{{object.read_date|date:'F Y'}}"><span>Read in: {{object.read_date|date:"F Y"}}</span>
-                <div itemprop="reviewBody">{{object.body_html|safe|amp|smartypants|urlizetrunc:45 }}</div>
+                <meta itemprop="datePublished" content="{{object.read_date|date:'F Y'}}"><span class="read-in">Read in: {{object.read_date|date:"F Y"}}</span></div>
         </article>
-{% endfor %}
+        {% endfor %}</div>
+    <nav class="pagination">{% paginate %}
+    </nav>
         </main>
 {% endblock %}
 
diff --git a/design/templates/details/book.html b/design/templates/details/book.html
index 46ac10b..6524885 100644
--- a/design/templates/details/book.html
+++ b/design/templates/details/book.html
@@ -3,22 +3,24 @@
 {%block bodyid%}id="book-page"{%endblock%}								
 {% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
         <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
-        <li>Readings</li>
+        <li><a href="/books/" title="books" itemprop="url"><span itemprop="title">books</span></a> &rarr; </li>
     </ul>
     <main role="main" itemprop="mainEntity" itemscope itemtype="http://schema.org/Book">
     <h1 class="book-title" itemprop="name">{{object.title|smartypants|widont|safe}}</h1>
+    <div class="book-cover-wrapper"><img src="{{object.get_image_url}}" alt="{{object.title}} cover"  /></div>
     <div class="meta-cover">
-        <img src="{{object.get_image_url}}" alt="{{object.title}} cover" class="book-cover" />
-        <h5>Meta</h5>
         <dl class="book-metadata">
             <dt>Author</dt>
-            <dd>{{object.author_name}}<dd>
-            {% if object.publish_place %}<dt>Published</dt>
-            <dd>{{object.publish_place}}{%endif%}{%if object.publish_date%}, {{object.publish_date}}</dd>{%endif%}
+            <dd>{{object.author_name}}</dd>
+            {% if object.publish_date %}<dt>Published</dt>
+            <dd>{%if object.publish_place%}{{object.publish_place}}, {%endif%}{{object.publish_date}}</dd>{%endif%}
             {% if object.pages %}<dt>Pages</dt>
             <dd>{{object.pages}}</dd>{%endif%}
             {% if object.isbn %}<dt>ISBN</dt>
             <dd>{{object.isbn}}</dd>{%endif%}
+            {% if object.isbn %}<dt>Borrow</dt>
+            <dd><a href="http://worldcat.org/isbn/{{object.isbn}}" title="find {{object.title}} in your local library">WorldCat</a></dd>{%endif%}
+            {% if object.rating %}<dt>Rating</dt><dd class="book-stars" itemprop="reviewRating"> {% for i in ratings_range %}{% if i <= object.get_rating%}&#9733;{%else%}&#9734;{%endif%}{%endfor%}</dd>{%endif%}
             {% if object.read_in %}<dt>Read</dt>
             <dd>{{object.read_in}}</dd>{%endif%}
         </dl>