kitabu 1.0.6 → 2.0.0

data/spec/support/mybook/templates/styles/epub.scss

@@ -0,0 +1,3 @@
+.epub {
+  background: yellow;
+}

data/spec/support/mybook/templates/styles/html.scss

@@ -0,0 +1,3 @@
+.html {
+  background: red;
+}

data/spec/support/mybook/templates/styles/pdf.scss

@@ -0,0 +1,3 @@
+.pdf {
+  background: blue;
+}

data/spec/support/mybook/templates/styles/print.scss

@@ -0,0 +1,3 @@
+.print {
+  background: green;
+}

data/spec/support/mybook/text/{01_Markdown_Chapter.markdown → 01_Markdown_Chapter.md}

@@ -2,7 +2,6 @@
 
 This chapter was written with [Markdown](http://daringfireball.net/projects/markdown/).
 
-@@@ ruby
+``` ruby
 nice to hear that!
-@@@
-
+```

data/spec/support/mybook/text/02_ERB_Chapter.md.erb

@@ -0,0 +1,7 @@
+<%= 'BRE ##'.reverse %>
+
+This chapter was parsed as [ERb](http://en.wikipedia.org/wiki/ERuby).
+
+<% note do %>
+  This is a note!
+<% end %>

data/spec/support/mybook/text/{CHANGELOG.textile → CHANGELOG.md}

@@ -1,6 +1,6 @@
-h2. Revisions
+## Revisions
 
-h3. Version 1
+### Version 1
 
 * Some text fixes
 * Added chapter about something

data/spec/support/shared.rb

@@ -13,10 +13,6 @@ shared_examples_for "e-book" do
     expect(mybook.join("text")).to be_directory
   end
 
-  it "creates code directory" do
-    expect(mybook.join("code")).to be_directory
-  end
-
   it "creates template directory" do
     expect(mybook.join("templates")).to be_directory
   end
@@ -29,27 +25,35 @@ shared_examples_for "e-book" do
     expect(mybook.join("config/helper.rb")).to be_file
   end
 
-  it "copies sample page" do
-    expect(mybook.join("text/01_Welcome.md")).to be_file
+  it "copies sample texts" do
+    expect(mybook.join("text/01_Getting_Started.md")).to be_file
+    expect(mybook.join("text/02_Creating_Chapters.md")).to be_file
+    expect(mybook.join("text/03_Syntax_Highlighting.erb")).to be_file
+    expect(mybook.join("text/04_Dynamic_Content.erb")).to be_file
+    expect(mybook.join("text/05_Exporting_Files.md")).to be_file
   end
 
   it "copies Guardfile" do
     expect(mybook.join("Guardfile")).to be_file
   end
 
+  it "copies stylesheets" do
+    expect(mybook.join("templates/styles")).to be_directory
+    expect(mybook.join("templates/styles/epub.scss")).to be_file
+    expect(mybook.join("templates/styles/print.scss")).to be_file
+    expect(mybook.join("templates/styles/pdf.scss")).to be_file
+    expect(mybook.join("templates/styles/html.scss")).to be_file
+  end
+
   it "copies Gemfile" do
     expect(mybook.join("Gemfile")).to be_file
   end
 
   it "copies html template files" do
-    expect(mybook.join("templates/html/user.css")).to be_file
-    expect(mybook.join("templates/html/layout.css")).to be_file
     expect(mybook.join("templates/html/layout.erb")).to be_file
-    expect(mybook.join("templates/html/syntax.css")).to be_file
   end
 
   it "copies epub template files" do
-    expect(mybook.join("templates/epub/user.css")).to be_file
     expect(mybook.join("templates/epub/cover.erb")).to be_file
     expect(mybook.join("templates/epub/cover.png")).to be_file
     expect(mybook.join("templates/epub/page.erb")).to be_file

data/templates/Gemfile

@@ -1,3 +1,3 @@
-source "https://rubygems.org"
-gem "kitabu"
-# gem "redcarpet"
+source 'https://rubygems.org'
+gem 'kitabu'
+gem 'guard-shell'

data/templates/Guardfile

@@ -2,11 +2,7 @@ notification :off
 interactor :off
 
 guard :shell do
-  watch %r[^(?!output|templates/scss)] do |m|
+  watch %r[^(?!output)] do |m|
     `kitabu export`
   end
-
-  watch %r[^templates/scss] do |m|
-    `sass --unix-newlines templates/scss:templates`
-  end
 end

data/templates/config.erb

@@ -1,5 +1,5 @@
 # The book's title. Will be used everywhere!
-title: "[Your Book Title]"
+title: "Kitabu"
 
 # The book's language.
 language: en
@@ -22,10 +22,10 @@ publisher: "<%= @name %>"
 published_at: "<%= Date.today %>"
 
 # Some book description.
-subject: "[Your book description]"
+subject: "This guide will help you understand how all of the pieces fit together on Kitabu."
 
 # Some keywords that identify this book.
-keywords: "[Your book keywords (comma-separated)]"
+keywords: "kitabu, e-book, kindlegen, epub, mobi, pdf, prince"
 
 # Some unique identification. Works great with your domain
 # like `http://yourbook.example.com`.
@@ -40,5 +40,5 @@ identifier:
 authors:
   - "<%= @name %>"
 
-# The base URL from your source code.
-base_url: http://example.com
+# Syntax highlight theme. Can be any of supported by Rouge.
+theme: github

data/templates/cover.erb

@@ -2,15 +2,16 @@
 <!DOCTYPE html PUBLIC
 	  "-//W3C//DTD XHTML 1.1//EN"
 	  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
+<html class="epub" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
   <head>
     <title><%= title %></title>
-    <link rel="stylesheet" href="user.css" type="text/css" />
+    <link name="stylesheet" rel="stylesheet" type="text/css" href="styles/epub.css" />
     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
   </head>
+
   <body>
     <div>
-		<h1><%= title %></h1>
+      <h1><%= title %></h1>
     </div>
   </body>
 </html>

data/templates/epub.erb

@@ -1,10 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
+<html class="epub" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
   <head>
     <title></title>
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="user.css"/>
+    <link name="stylesheet" rel="stylesheet" type="text/css" href="styles/epub.css" />
+    <%= highlight_theme %>
   </head>
 
   <body>

data/templates/helper.rb

@@ -1,29 +1,28 @@
-# Put any Ruby code in here.
-# Here's an example on how you can extend RedCloth (Textile) with new formatters.
-#
-#   module RedCloth
-#     module Formatters
-#       module HTML
-#         def attention(options)
-#           %[<p class="attention">#{options[:text]}</p>]
-#         end
-#       end
-#     end
-#   end
-#
-# Then you can just use `attention. This is an important note!` on your text.
-#
-# You can add inline formatters as well. The approach is slightly different,
-# but pretty straightforward.
-#
-# Add your formatter to `RedCloth::INLINE_FORMATTERS` and implement the method, making sure that it
-# replaces the content using `String#gsub!`.
-#
-#   module RedCloth
-#     def my_formatter(text)
-#       text.gsub!(/Hello/, "Hi")
-#     end
-#   end
-#
-#   RedCloth::INLINE_FORMATTERS << :my_formatter
-#
+module Kitabu
+  module Helpers
+    def lexers_list
+      buffer = '<ul class="lexers">'
+
+      Rouge::Lexers.constants.each do |const|
+        lexer = Rouge::Lexers.const_get(const)
+
+        begin
+          title = lexer.title
+          tag = lexer.tag
+          description = lexer.desc
+        rescue Exception => e
+          next
+        end
+
+        buffer << '<li>'
+        buffer << "<strong>#{title}</strong> "
+        buffer << "<code>#{tag}</code><br>"
+        buffer << "<span>#{description}</span>"
+        buffer << '</li>'
+      end
+
+      buffer << '</ul>'
+      buffer
+    end
+  end
+end

data/templates/images/kitabu-icon.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="79px" height="108px" viewBox="0 0 79 108" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
+    <title>kitabu-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-731.000000, -27.000000)" fill="#FFFFFF">
+            <g id="kitabu-icon" sketch:type="MSLayerGroup" transform="translate(731.000000, 27.000000)">
+                <g id="icon" transform="translate(0.895522, 0.000000)" sketch:type="MSShapeGroup">
+                    <path d="M22.5432836,0.158684932 L22.5432836,0.225876712 L0.0402985075,22.6918219 L0.0402985075,107.69689 L77.9477612,107.69689 L77.9477612,0.158684932 L22.5432836,0.158684932 L22.5432836,0.158684932 Z M68.9925373,98.7379863 L8.99552239,98.7379863 L8.99552239,31.650726 L31.4985075,31.650726 L31.4985075,9.11758904 L68.9925373,9.11758904 L68.9925373,98.7379863 L68.9925373,98.7379863 Z" id="Fill-811"></path>
+                    <path d="M16.9567164,41.0710137 L53.0014925,41.0710137 L53.0014925,48.2246986 L16.9567164,48.2246986 L16.9567164,41.0710137 Z" id="Fill-812"></path>
+                    <path d="M16.9567164,57.1895753 L42.4641791,57.1895753 L42.4641791,64.3432603 L16.9567164,64.3432603 L16.9567164,57.1895753 Z" id="Fill-813"></path>
+                    <path d="M16.9567164,73.2006301 L60.7552239,73.2006301 L60.7552239,80.3543151 L16.9567164,80.3543151 L16.9567164,73.2006301 Z" id="Fill-814"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/templates/images/kitabu-word.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="197px" height="63px" viewBox="0 0 197 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
+    <title>kitabu-word</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-76.000000, -61.000000)" fill="#FFFFFF">
+            <g id="kitabu-word" sketch:type="MSLayerGroup" transform="translate(76.000000, 61.000000)">
+                <path d="M28.5288568,61.6462919 C30.9812881,61.6462919 32.9263198,59.7041663 32.9263198,57.2553991 C32.9263198,56.4109967 32.67262,55.482154 31.9960872,54.5533113 L19.5647976,38.2563439 L30.6430217,29.8123193 C31.7423874,28.9679169 32.3343536,27.6168729 32.3343536,26.3502692 C32.3343536,23.9015021 30.3893219,21.9593765 27.9368906,21.9593765 C26.9220914,21.9593765 26.0764255,22.2126972 24.9770597,23.0570997 L9.67050582,35.0476145 L9.67050582,5.24020784 C9.67050582,2.70700047 7.64090751,0.849315068 5.10390963,0.849315068 C2.48234515,0.849315068 0.537313433,2.70700047 0.537313433,5.24020784 L0.537313433,57.2553991 C0.537313433,59.7886065 2.48234515,61.6462919 5.10390963,61.6462919 C7.64090751,61.6462919 9.67050582,59.7886065 9.67050582,57.2553991 L9.67050582,45.0960038 L12.3766369,42.9849976 L24.9770597,59.8730468 C25.7381591,60.8863297 26.9220914,61.6462919 28.5288568,61.6462919 L28.5288568,61.6462919 Z M47.9791739,26.5191497 C47.9791739,23.9859424 45.9495756,21.9593765 43.4125777,21.9593765 C40.8755798,21.9593765 38.8459815,23.9859424 38.8459815,26.5191497 L38.8459815,57.0865187 C38.8459815,59.619726 40.8755798,61.6462919 43.4125777,61.6462919 C45.9495756,61.6462919 47.9791739,59.619726 47.9791739,57.0865187 L47.9791739,26.5191497 Z M43.4125777,17.3996032 C46.9643747,17.3996032 48.9094065,15.3730373 48.9094065,12.0798677 C48.9094065,8.19561644 46.9643747,6.50681153 43.4125777,6.50681153 C39.9453473,6.50681153 38.0003155,8.19561644 38.0003155,12.0798677 C38.0003155,15.3730373 39.9453473,17.3996032 43.4125777,17.3996032 L43.4125777,17.3996032 Z M59.3956644,22.6348984 L57.4506327,22.6348984 C55.3364678,22.6348984 53.6451358,24.3237034 53.6451358,26.4347095 C53.6451358,28.5457156 55.3364678,30.2345205 57.4506327,30.2345205 L59.3956644,30.2345205 L59.3956644,50.1624185 C59.3956644,56.8331979 64.0468272,61.6462919 71.5732542,61.6462919 C73.7719857,61.6462919 75.5478843,59.8730468 75.5478843,57.6776004 C75.5478843,55.482154 73.7719857,53.7089088 71.5732542,53.7089088 C70.0510555,53.7089088 68.3597236,52.6111856 68.3597236,50.66906 L68.3597236,30.2345205 L72.1652204,30.2345205 C74.2793853,30.2345205 75.9707172,28.5457156 75.9707172,26.4347095 C75.9707172,24.3237034 74.2793853,22.6348984 72.1652204,22.6348984 L68.3597236,22.6348984 L68.3597236,15.5419178 C68.3597236,13.0931507 66.3301253,11.0665848 63.877694,11.0665848 C61.4252627,11.0665848 59.3956644,13.0931507 59.3956644,15.5419178 L59.3956644,22.6348984 Z M97.4506327,29.5589986 C102.355495,29.5589986 105.146193,32.092206 105.146193,35.892017 L105.146193,37.4119414 L94.0679688,37.4119414 C86.710675,37.4119414 80.3681802,41.4650732 80.3681802,49.3180161 C80.3681802,56.9176382 85.865009,62.0684932 94.1525354,62.0684932 C99.2265312,62.0684932 102.947461,60.8018895 105.23076,57.1709589 C105.23076,59.619726 107.260358,61.6462919 109.712789,61.6462919 C112.16522,61.6462919 114.194819,59.619726 114.194819,57.1709589 L114.194819,35.554256 C114.194819,26.60359 107.936891,21.452735 97.4506327,21.452735 C90.1779054,21.452735 85.9495756,24.2392631 83.5817109,26.8569107 C82.8206115,27.7013132 82.4823451,28.7145961 82.4823451,29.6434388 C82.4823451,31.8388852 84.2582437,33.6121304 86.4569752,33.6121304 C87.4717743,33.6121304 88.1483071,33.3588096 88.9939731,32.7677279 C91.108138,31.2478035 93.7297024,29.5589986 97.4506327,29.5589986 L97.4506327,29.5589986 Z M96.5204001,54.468871 C91.7846707,54.468871 89.5013726,52.5267454 89.5013726,49.3180161 C89.5013726,46.2781672 91.5309709,44.5049221 95.2519012,44.5049221 L105.146193,44.5049221 L105.146193,46.8692489 C105.146193,51.5979027 101.00243,54.468871 96.5204001,54.468871 L96.5204001,54.468871 Z M131.361838,33.5276901 C131.361838,33.5276901 134.659935,29.2212376 139.733931,29.2212376 C145.484459,29.2212376 148.782557,33.4432499 148.782557,41.8028342 C148.782557,50.0779783 145.569026,54.2999906 139.733931,54.2999906 C134.829068,54.2999906 131.361838,51.006821 131.361838,45.180444 L131.361838,33.5276901 Z M140.664163,21.452735 C136.604967,21.452735 133.05317,23.1415399 131.361838,24.8303448 L131.361838,5.40908833 C131.361838,2.87588096 129.332239,0.849315068 126.795242,0.849315068 C124.258244,0.849315068 122.228645,2.87588096 122.228645,5.40908833 L122.228645,45.180444 C122.228645,56.4109967 129.501373,62.0684932 139.733931,62.0684932 C151.150421,62.0684932 157.831182,55.5665942 157.831182,41.8028342 C157.831182,28.0390742 151.319554,21.452735 140.664163,21.452735 L140.664163,21.452735 Z M167.894607,21.9593765 C165.357609,21.9593765 163.328011,23.9859424 163.328011,26.5191497 L163.328011,46.193727 C163.328011,54.468871 166.456975,62.0684932 180.072197,62.0684932 C193.602853,62.0684932 196.731817,54.468871 196.731817,46.193727 L196.731817,26.5191497 C196.731817,23.9859424 194.702218,21.9593765 192.16522,21.9593765 C189.628223,21.9593765 187.598624,23.9859424 187.598624,26.5191497 L187.598624,46.193727 C187.598624,50.0779783 186.245559,53.7933491 180.072197,53.7933491 C173.814269,53.7933491 172.461203,50.0779783 172.461203,46.193727 L172.461203,26.5191497 C172.461203,23.9859424 170.431605,21.9593765 167.894607,21.9593765 L167.894607,21.9593765 Z" id="kitabu" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

data/templates/images/kitabu.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="299px" height="108px" viewBox="0 0 299 108" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
+    <title>kitabu</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-306.000000, -171.000000)" fill="#FFFFFF">
+            <g id="kitabu" sketch:type="MSLayerGroup" transform="translate(306.000000, 171.000000)">
+                <g id="icon" transform="translate(220.895522, 0.000000)" sketch:type="MSShapeGroup">
+                    <path d="M22.5432836,0.158684932 L22.5432836,0.225876712 L0.0402985075,22.6918219 L0.0402985075,107.69689 L77.9477612,107.69689 L77.9477612,0.158684932 L22.5432836,0.158684932 L22.5432836,0.158684932 Z M68.9925373,98.7379863 L8.99552239,98.7379863 L8.99552239,31.650726 L31.4985075,31.650726 L31.4985075,9.11758904 L68.9925373,9.11758904 L68.9925373,98.7379863 L68.9925373,98.7379863 Z" id="Fill-811"></path>
+                    <path d="M16.9567164,41.0710137 L53.0014925,41.0710137 L53.0014925,48.2246986 L16.9567164,48.2246986 L16.9567164,41.0710137 Z" id="Fill-812"></path>
+                    <path d="M16.9567164,57.1895753 L42.4641791,57.1895753 L42.4641791,64.3432603 L16.9567164,64.3432603 L16.9567164,57.1895753 Z" id="Fill-813"></path>
+                    <path d="M16.9567164,73.2006301 L60.7552239,73.2006301 L60.7552239,80.3543151 L16.9567164,80.3543151 L16.9567164,73.2006301 Z" id="Fill-814"></path>
+                </g>
+                <path d="M28.5288568,92.6462919 C30.9812881,92.6462919 32.9263198,90.7041663 32.9263198,88.2553991 C32.9263198,87.4109967 32.67262,86.482154 31.9960872,85.5533113 L19.5647976,69.2563439 L30.6430217,60.8123193 C31.7423874,59.9679169 32.3343536,58.6168729 32.3343536,57.3502692 C32.3343536,54.9015021 30.3893219,52.9593765 27.9368906,52.9593765 C26.9220914,52.9593765 26.0764255,53.2126972 24.9770597,54.0570997 L9.67050582,66.0476145 L9.67050582,36.2402078 C9.67050582,33.7070005 7.64090751,31.8493151 5.10390963,31.8493151 C2.48234515,31.8493151 0.537313433,33.7070005 0.537313433,36.2402078 L0.537313433,88.2553991 C0.537313433,90.7886065 2.48234515,92.6462919 5.10390963,92.6462919 C7.64090751,92.6462919 9.67050582,90.7886065 9.67050582,88.2553991 L9.67050582,76.0960038 L12.3766369,73.9849976 L24.9770597,90.8730468 C25.7381591,91.8863297 26.9220914,92.6462919 28.5288568,92.6462919 L28.5288568,92.6462919 Z M47.9791739,57.5191497 C47.9791739,54.9859424 45.9495756,52.9593765 43.4125777,52.9593765 C40.8755798,52.9593765 38.8459815,54.9859424 38.8459815,57.5191497 L38.8459815,88.0865187 C38.8459815,90.619726 40.8755798,92.6462919 43.4125777,92.6462919 C45.9495756,92.6462919 47.9791739,90.619726 47.9791739,88.0865187 L47.9791739,57.5191497 Z M43.4125777,48.3996032 C46.9643747,48.3996032 48.9094065,46.3730373 48.9094065,43.0798677 C48.9094065,39.1956164 46.9643747,37.5068115 43.4125777,37.5068115 C39.9453473,37.5068115 38.0003155,39.1956164 38.0003155,43.0798677 C38.0003155,46.3730373 39.9453473,48.3996032 43.4125777,48.3996032 L43.4125777,48.3996032 Z M59.3956644,53.6348984 L57.4506327,53.6348984 C55.3364678,53.6348984 53.6451358,55.3237034 53.6451358,57.4347095 C53.6451358,59.5457156 55.3364678,61.2345205 57.4506327,61.2345205 L59.3956644,61.2345205 L59.3956644,81.1624185 C59.3956644,87.8331979 64.0468272,92.6462919 71.5732542,92.6462919 C73.7719857,92.6462919 75.5478843,90.8730468 75.5478843,88.6776004 C75.5478843,86.482154 73.7719857,84.7089088 71.5732542,84.7089088 C70.0510555,84.7089088 68.3597236,83.6111856 68.3597236,81.66906 L68.3597236,61.2345205 L72.1652204,61.2345205 C74.2793853,61.2345205 75.9707172,59.5457156 75.9707172,57.4347095 C75.9707172,55.3237034 74.2793853,53.6348984 72.1652204,53.6348984 L68.3597236,53.6348984 L68.3597236,46.5419178 C68.3597236,44.0931507 66.3301253,42.0665848 63.877694,42.0665848 C61.4252627,42.0665848 59.3956644,44.0931507 59.3956644,46.5419178 L59.3956644,53.6348984 Z M97.4506327,60.5589986 C102.355495,60.5589986 105.146193,63.092206 105.146193,66.892017 L105.146193,68.4119414 L94.0679688,68.4119414 C86.710675,68.4119414 80.3681802,72.4650732 80.3681802,80.3180161 C80.3681802,87.9176382 85.865009,93.0684932 94.1525354,93.0684932 C99.2265312,93.0684932 102.947461,91.8018895 105.23076,88.1709589 C105.23076,90.619726 107.260358,92.6462919 109.712789,92.6462919 C112.16522,92.6462919 114.194819,90.619726 114.194819,88.1709589 L114.194819,66.554256 C114.194819,57.60359 107.936891,52.452735 97.4506327,52.452735 C90.1779054,52.452735 85.9495756,55.2392631 83.5817109,57.8569107 C82.8206115,58.7013132 82.4823451,59.7145961 82.4823451,60.6434388 C82.4823451,62.8388852 84.2582437,64.6121304 86.4569752,64.6121304 C87.4717743,64.6121304 88.1483071,64.3588096 88.9939731,63.7677279 C91.108138,62.2478035 93.7297024,60.5589986 97.4506327,60.5589986 L97.4506327,60.5589986 Z M96.5204001,85.468871 C91.7846707,85.468871 89.5013726,83.5267454 89.5013726,80.3180161 C89.5013726,77.2781672 91.5309709,75.5049221 95.2519012,75.5049221 L105.146193,75.5049221 L105.146193,77.8692489 C105.146193,82.5979027 101.00243,85.468871 96.5204001,85.468871 L96.5204001,85.468871 Z M131.361838,64.5276901 C131.361838,64.5276901 134.659935,60.2212376 139.733931,60.2212376 C145.484459,60.2212376 148.782557,64.4432499 148.782557,72.8028342 C148.782557,81.0779783 145.569026,85.2999906 139.733931,85.2999906 C134.829068,85.2999906 131.361838,82.006821 131.361838,76.180444 L131.361838,64.5276901 Z M140.664163,52.452735 C136.604967,52.452735 133.05317,54.1415399 131.361838,55.8303448 L131.361838,36.4090883 C131.361838,33.875881 129.332239,31.8493151 126.795242,31.8493151 C124.258244,31.8493151 122.228645,33.875881 122.228645,36.4090883 L122.228645,76.180444 C122.228645,87.4109967 129.501373,93.0684932 139.733931,93.0684932 C151.150421,93.0684932 157.831182,86.5665942 157.831182,72.8028342 C157.831182,59.0390742 151.319554,52.452735 140.664163,52.452735 L140.664163,52.452735 Z M167.894607,52.9593765 C165.357609,52.9593765 163.328011,54.9859424 163.328011,57.5191497 L163.328011,77.193727 C163.328011,85.468871 166.456975,93.0684932 180.072197,93.0684932 C193.602853,93.0684932 196.731817,85.468871 196.731817,77.193727 L196.731817,57.5191497 C196.731817,54.9859424 194.702218,52.9593765 192.16522,52.9593765 C189.628223,52.9593765 187.598624,54.9859424 187.598624,57.5191497 L187.598624,77.193727 C187.598624,81.0779783 186.245559,84.7933491 180.072197,84.7933491 C173.814269,84.7933491 172.461203,81.0779783 172.461203,77.193727 L172.461203,57.5191497 C172.461203,54.9859424 170.431605,52.9593765 167.894607,52.9593765 L167.894607,52.9593765 Z" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

data/{examples/RailsGuides/templates → templates/templates/epub}/cover.erb

@@ -2,15 +2,16 @@
 <!DOCTYPE html PUBLIC
 	  "-//W3C//DTD XHTML 1.1//EN"
 	  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
+<html class="epub" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
   <head>
     <title><%= title %></title>
-    <link rel="stylesheet" href="epub.css" type="text/css" />
+    <link name="stylesheet" rel="stylesheet" type="text/css" href="styles/epub.css" />
     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
   </head>
+
   <body>
     <div>
-		<h1><%= title %></h1>
+      <h1><%= title %></h1>
     </div>
   </body>
 </html>

data/templates/templates/epub/page.erb

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html class="epub" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>">
+  <head>
+    <title></title>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <link name="stylesheet" rel="stylesheet" type="text/css" href="styles/epub.css" />
+    <%= highlight_theme %>
+  </head>
+
+  <body>
+    <div class="chapter">
+      <%= content %>
+    </div>
+  </body>
+</html>

data/templates/{layout.erb → templates/html/layout.erb}

@@ -1,29 +1,29 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
-	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html>
+<!doctype html>
+<html class="html">
   <head>
     <title><%= title %></title>
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="../templates/html/layout.css"/>
-    <link rel="stylesheet" type="text/css" href="../templates/html/syntax.css"/>
-    <link rel="stylesheet" type="text/css" href="../templates/html/user.css"/>
-
+    <link name="stylesheet" rel="stylesheet" type="text/css" href="styles/html.css" />
     <meta name="author" content="<%= authors.join(', ') %>" />
     <meta name="subject" content="<%= subject %>" />
     <meta name="keywords" content="<%= keywords %>" />
     <meta name="date" content="<%= published_at %>" />
+    <%= highlight_theme %>
   </head>
+
   <body>
     <div class="frontcover container">
       <div>
-        <h1><%= title %></h1>
+        <div class="logo"><%= image_tag 'kitabu.svg', alt: 'Kitabu' %></div>
         <p class="description"><%= subject %></p>
         <p class="authors"><%= authors.to_sentence %></p>
       </div>
     </div>
 
+    <div class="white-page"></div>
+
     <div class="table-of-contents">
-      <h2 class="no-toc">Content</h2>
+      <h2 class="no-toc">Contents</h2>
       <div id="toc">
         <%= toc %>
       </div>
@@ -33,12 +33,23 @@
       <%= content %>
     </div>
 
+    <% if changelog %>
+      <div class="container changelog">
+        <%= changelog %>
+      </div>
+    <% end %>
+
+    <div class="white-page"></div>
+
     <div class="imprint container">
       <div>
         <h2><%= title %></h2>
-        <p><%= authors.to_sentence %></p>
-        <p><%= copyright %></p>
+        <p class="description"><%= subject %></p>
+        <p class="authors"><%= authors.to_sentence %></p>
+        <p class="copyright"><%= copyright %></p>
       </div>
     </div>
+
+    <a href="#" class="go-top">⇧</a>
   </body>
 </html>

data/templates/templates/styles/epub.scss

@@ -0,0 +1 @@
+@import './files/normalize';

data/templates/templates/styles/files/_normalize.scss

@@ -0,0 +1,427 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}