fix image resizing, typeset paragraphs similar to the original book, use Gentium black for titles

ralsina · ralsina · commit 9ec2a489dc9f · 2015-09-11T23:06:34.000-03:00
diff --git a/nikola/data/samplesite/images/illus_001.jpg b/nikola/data/samplesite/images/illus_001.jpg
diff --git a/nikola/data/samplesite/stories/dr-nikolas-vendetta.rst b/nikola/data/samplesite/stories/dr-nikolas-vendetta.rst
@@ -21,7 +21,7 @@ Author of "Dr. Nikola," "The Beautiful White Devil," etc., etc.
     Title: A Bid for Fortune
     or Dr. Nikola's Vendetta
 
-    Author: Guy Boothby
+    Author: `Guy Boothby <http://www.gutenberg.org/ebooks/author/3587>`__
 
     Release Date: May 29, 2007 [EBook #21640]
 
@@ -46,8 +46,10 @@ PART I
 PROLOGUE
 --------
 
+.. role:: smallcaps
 
-The manager of the new Imperial Restaurant on the Thames Embankment went
+
+:smallcaps:`The` manager of the new Imperial Restaurant on the Thames Embankment went
 into his luxurious private office and shut the door. Having done so, he
 first scratched his chin reflectively, and then took a letter from the
 drawer in which it had reposed for more than two months and perused it
@@ -462,4 +464,4 @@ Sailor* public-house, East India Dock Road."
 
 ------------------------
 
-You can read the rest of "A Bid For Fortune; Or, Dr. Nikola's Vendetta" at `Archive.org <https://archive.org/stream/bidforfortune00bootiala#page/14/mode/2up>`__
+You can read the rest of "A Bid For Fortune; Or, Dr. Nikola's Vendetta" at `Project Gutenberg <http://www.gutenberg.org/ebooks/21640>`__
diff --git a/nikola/data/samplesite/templates/book.tmpl b/nikola/data/samplesite/templates/book.tmpl
@@ -9,61 +9,67 @@
     <script src="/assets/js/jquery.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/Flowtype.js/1.1.0/flowtype.min.js"></script>
     <link href='https://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'>
-    <link href='https://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'>
-<style>
+    <style>
         p {
             text-align: justify;
         }
- .chapter {
-    width: 100%;
-    padding: 10px 10px;
-    -webkit-column-gap: 40px;
-    -webkit-column-width: 400px;
-    -webkit-column-count: 2;
-    -webkit-column-rule: 1px solid #ddd;
-    height: 90vh;
-    font-family: 'Gentium Book Basic', serif;
-    font-color: #2d2e2e;
-    }
-
-    div.frame {
-        overflow: hidden;
-        padding: 0;
-        margin: 0;
-    }
-    div.scrolling-cont {
-    overflow-x: scroll;
-    padding: 0;
-    margin: 0;
-    }
-
-    h1, h2, h3, h4 {
-        text-align: center;
-        width: 100%;
-        font-family: 'Rye', cursive;
-        font-size: 120%;
-    }
-
-    h1 {
-        font-size: 150%;
-    }
-
-    .figure {
-        height: 90vh;
-        padding-top:  10vh;
-        margin: 0;
-    }
-
-    .illus1, .front {
-        margin-left: auto;
-        margin-right: auto;
-        max-height: 70vh;
-        width: 100%;
-    }
-
-    div.topic {
-        margin: 0;
-    }
+        .smallcaps {
+            font-variant: small-caps;
+        }
+        .chapter {
+            width: 100%;
+            padding: 10px 10px;
+            -webkit-column-gap: 40px;
+            -webkit-column-width: 400px;
+            -webkit-column-count: 2;
+            -webkit-column-rule: 1px solid #ddd;
+            height: 90vh;
+            font-family: 'Gentium Book Basic', serif;
+            font-color: #2d2e2e;
+            font-weight: 500;
+        }
+        div.frame {
+            overflow: hidden;
+            padding: 0;
+            margin: 0;
+        }
+        div.scrolling-cont {
+            overflow-x: scroll;
+            padding: 0;
+            margin: 0;
+        }
+        h1,
+        h2,
+        h3,
+        h4 {
+            text-align: center;
+            width: 100%;
+            font-family: 'Gentium Book Basic', serif;
+            font-size: 120%;
+            font-weight: 900;
+        }
+        h1 {
+            font-size: 150%;
+        }
+        .figure {
+            height: 88vh;
+            margin: 0;
+        }
+        .illus1,
+        .front {
+            margin-left: auto;
+            margin-right: auto;
+            max-width: 100%;
+            max-height: 100%;
+            height: auto;
+        }
+        div.topic {
+            margin: 0;
+        }
+        div.section>p {
+            text-indent: 1em;
+            margin-bottom: 0;
+        }
     </style>
 </%block>
 
