diff options
| author | 2021-02-03 19:17:00 -0500 | |
|---|---|---|
| committer | 2021-02-03 19:17:00 -0500 | |
| commit | 3a0d66f07b112b6d2bdc2b57bbf717a89a351ce6 (patch) | |
| tree | a7cf56282e54f05785243bc1e903d6594f2c06ba /nikola/data/samplesite/templates/book.tmpl | |
| parent | 787b97a4cb24330b36f11297c6d3a7a473a907d0 (diff) | |
New upstream version 8.1.2.upstream/8.1.2
Diffstat (limited to 'nikola/data/samplesite/templates/book.tmpl')
| -rw-r--r-- | nikola/data/samplesite/templates/book.tmpl | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/nikola/data/samplesite/templates/book.tmpl b/nikola/data/samplesite/templates/book.tmpl new file mode 100644 index 0000000..d808729 --- /dev/null +++ b/nikola/data/samplesite/templates/book.tmpl @@ -0,0 +1,117 @@ +## -*- coding: utf-8 -*- +<%namespace name="helper" file="post_helper.tmpl"/> +<%namespace name="pheader" file="post_header.tmpl"/> +<%namespace name="comments" file="comments_helper.tmpl"/> +<%inherit file="post.tmpl"/> + +<%block name="extra_head"> + ${parent.extra_head()} + <link href='https://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'> + <style> + .smallcaps { + font-variant: small-caps; + } + .chapter { + width: 100%; + padding: 10px; + -webkit-column-gap: 40px; + -moz-column-gap: 40px; + column-gap: 40px; + -webkit-column-width: 400px; + -moz-column-width: 400px; + column-width: 400px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + -webkit-column-rule: 1px solid #ddd; + -moz-column-rule: 1px solid #ddd; + column-rule: 1px solid #ddd; + height: 90vh; + font-family: 'Gentium Book Basic', serif; + 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%; + } + .subtitle { + text-align: center; + width: 100%; + } + .bookfig { + width: 100%; + height: auto; + max-width: 100%; + max-height: 100%; + } + div.figure { + height: 88vh; + margin: 0; + } + div.topic { + margin: 0; + } + div.section > p { + text-indent: 1em; + margin-bottom: 0; + text-align: justify; + } + </style> +</%block> + +<%block name="content"> +<article class="storypage" itemscope="itemscope" itemtype="http://schema.org/Article"> + <div class="frame"> + <div class="scrolling-cont" id="scrolling-cont" name="scrolling-cont"> + <div class="e-content entry-content chapter" itemprop="articleBody text"> + <h1>${post.title()}</h1> + ${post.text()} + </div> + </div> + </div> +</article> +</%block> + +<%block name="extra_js"> + <script src="https://cdnjs.cloudflare.com/ajax/libs/Flowtype.js/1.1.0/flowtype.min.js"></script> + <script> + $('#scrolling-cont').flowtype({ + minimum: 500, + maximum: 1200, + minFont: 20, + maxFont: 40, + fontRatio: 50 + }); + $(document).ready(function() { + var elem = $('#scrolling-cont'); + elem.click(function(event) { + var x1 = elem.position().left; + var pw = elem.width() + 20; + var x2 = event.pageX; + if (x2 - x1 < pw / 2) { + pw = -pw; + } + elem.animate({ + scrollLeft: '+=' + pw + }, 500) + }); + }); + </script> +</%block> |
