tufte-crossref-jekyll 0.12.0b

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 40dae1592f49ffe47e4a277ce18cb8fecd7224479f468886a9aeca972272156d
+  data.tar.gz: f88cb94ccd45d5f539983eb85945ae995c5a643772fb7b8ec702f04cee0151ae
+SHA512:
+  metadata.gz: '092dd77ab84567cbe495865279d12a6e6cf7adcd064d5f529a78d84ba3af01cde6288e0c9b7fdf5d0571a48281d632576a47668501fbccb014bea7bf210f9036'
+  data.tar.gz: 76f0162e4908605eaf686d24d3d27589054969527380a44e856a60870c84103f0da0e7a6fba6f64f9422b757d6465b0eea29cec55f518c55eb20fbdabef818ef

data/README.md

@@ -0,0 +1,199 @@
+# tufte-pandoc-jekyll
+
+This is a Jekyll theme for using Tufte CSS alongside `pandoc-sidenote`. It's
+based off of
+
+- [Tufte CSS] for the original CSS file
+- [Tufte Pandoc CSS] uses Markdown in conjunction with Tufte CSS
+
+[Tufte CSS]: https://edwardtufte.github.io/tufte-css/
+[Tufte Pandoc CSS]: https://jez.io/tufte-pandoc-css/
+
+You may ask, "What's the difference between this and `tufte-jekyll`?"
+
+Using `pandoc-sidenote`, we don't have to use `{% sidenote %}...{% sidenote %}`
+and can instead just use `[^1]` like normal Pandoc markdown.
+
+For a demo, see <https://jez.io/talks/>.
+
+## Features
+
+This fork introduces some changes to the style sheets that are meant to
+provide support for using **tufte-pandoc-jekyll** alongside
+[Pandoc-crossref] and [Reveal.js]. Otherwise, this project attempts to
+match the style, features, and version numbering of
+**tufte-pandoc-jekyll**. In short what it does is to:
+
+[Pandoc-crossref]: https://lierdakil.github.io/pandoc-crossref/
+
+[Reveal.js]: https://revealjs.com
+
+### Figures, captions, and borders ###
+
+- Provide basic support for pandoc-crossref subfigures.
+- Correctly style `<figcaption>` even in margin figures, as generated by
+  pandoc-crossref.
+- Correctly style `div > table > caption` as generated by
+  pandoc-crossref.
+- Match table border color to main text color and collapse to avoid gaps
+  and other rendering issues.
+- Basic support for full-width iframes and for treating iframes as
+  figures with captions, by using pandoc-crossref `.subfigures` syntax
+  (results may be unexpected in some cases).
+- Make `<video>` behave the same as `<img>`.
+- Provide sensible formatting for collapsible `<details>` blocks.
+
+### Alignments and typography ###
+
+- Fix the alignment of sidenotes generated by Citeproc citations inside
+  Blockquotes.
+- Fix the width of definition lists that are inside an
+  ordered or unordered list.
+- Style `<h5>`, `<h6>`, and `<dt>` to match `<span class="newthought">`;
+  the rationale behind this is that a `span` provides no semantic
+  structure to the document, whereas using headings follows the concept
+  of run-in `\paragraph` and `\subparagraph` in LaTeX.
+- Style Pandoc's `.line-block` (blocks where line breaks are preserved
+  as-is, for example in poetry) to be consistent with the remainder of
+  the text.
+- Emphasized text belonging to a block that is in italics by default
+  (epigraphs and level 2 and 3 headings) is made upright.
+- Use the OpenType `font-variant: all-small-caps` for text using
+  the default Pandoc span class `{.smallcaps}`.
+- Use the OpenType `font-variant: tabular-nums` inside table cells.
+- Flush table cell contents top even if the cell has a `<p>` in it,
+  while preserving spaces between paragraphs.
+- Pull the CSL styling already implemented in Tufte-Pandoc-CSS but not
+  yet migrated to tufte-pandoc-jekyll.
+
+### Reveal.js and bonus features ###
+
+The following tweaks allow you to use the same Markdown file as a base
+for a regular web page and for a Reveal.js slideshow. These features are
+not enabled by default. To enable then, check out `assets/css/main.scss`
+from the theme files and uncomment the `@import "revealjs-support" ;`
+line.
+
+- Provide basic support for Reveal.js columns (only two equal or unequal
+  columns work well for now; for further details, see the
+  [Pandoc docs](https://pandoc.org/MANUAL.html#columns)).
+- Correct the width of *speaker notes* and *incremental* blocks used by
+  Reveal.js to match that of regular paragraph text.
+- Provide a dark color scheme based on a softened inversion of the main
+  colors as well as the solarized dark scheme for code.
+- A blank `_local.scss` file for any customization you might want to
+  make.
+
+:warning: The Reveal.js support does *not* affect slide output in any
+way and you should *not* point your slide presentation to the styles in
+the **tufte-pandoc-jekyll** theme. These features are meant to normalize
+the appearance of the *text* version of your page when it contains
+markup that will *also* be used for slide output.
+
+## Installation
+
+There are two external dependencies in order to use this theme. You can install
+them through your package manager (like `apt-get` or `brew`):
+
+```
+# EXAMPLE: This is for macOS. Change if you're on Linux.
+# Note: you must have pandoc version 2.0 or greater
+brew install pandoc
+brew install jez/formulae/pandoc-sidenote
+```
+
+Next, add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "tufte-pandoc-jekyll"
+```
+
+And add these lines to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: tufte-pandoc-jekyll
+
+gems:
+  - jekyll-pandoc
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install tufte-pandoc-jekyll
+
+
+## Usage
+
+> Note: while `tufte-pandoc-css` optionally includes the Solarized Light/Dark
+> colorscheme, it's enabled by default here, with no easy way to opt-out. This is
+> probably fine for you, but if it's not, feel free to make a PR that allows
+> opting out.
+
+### Variables
+
+The following variables are used by this theme.
+
+- `site.title`
+- `site.author`
+  - Note that this theme currently only supports one author.
+- `site.baseurl`
+  - Make sure you don't have a trailing slash here
+- `site.header_includes`
+- `page.header_includes`
+  - You can use these to include raw HTML in the `<head>`
+- `site.include_after`
+- `page.include_after`
+  - You can use these to include raw HTML in the `<body>` before the content
+- `site.include_before`
+- `page.include_before`
+  - You can use these to include raw HTML in the `<body>` after the content
+- `page.layout`
+  - Pick one of `index`, `page`, or `post`
+  - `index` won't have a "Return home" link at the bottom of the page
+- `page.title`
+- `page.subtitle`
+- `page.date`
+- `page.keywords`
+- `page.math`
+  - If `true`, we'll include KaTeX for displaying math formulas
+
+### `_config.yml`
+
+You'll need to update your `_config.yml` to compile the site using Pandoc. Make
+sure you've followed the installation instructions.
+
+```
+gems:
+  - jekyll-pandoc
+
+markdown: Pandoc
+pandoc:
+  extensions:
+    - section-divs
+    - from: 'markdown+tex_math_single_backslash'
+    - filter: 'pandoc-sidenote'
+```
+
+Optional: remove `section-divs` if you want to insert `<section>` tags manually.
+
+## Developing
+
+To make a release:
+
+```bash
+vim tufte-pandoc-jekyll.gemspec
+git commit tufte-pandoc-jekyll.gemspec -m 'Bump version'
+git tag "$version"
+git push --tags origin master
+gem build tufte-pandoc-jekyll.gemspec
+gem push "tufte-pandoc-jekyll-$version.gem"
+```
+
+
+## License
+
+[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://jez.io/MIT-LICENSE.txt)

data/_includes/after.html

@@ -0,0 +1,12 @@
+{% if site.include_after %}
+  {% for include_after in site.include_after %}
+    {{ include_after }}
+  {% endfor %}
+{% endif %}
+
+{% if page.include_after %}
+  {% for include_after in page.include_after %}
+    {{ include_after }}
+  {% endfor %}
+{% endif %}
+

data/_includes/before.html

@@ -0,0 +1,12 @@
+{% if site.include_before %}
+  {% for include_before in site.include_before %}
+    {{ include_before }}
+  {% endfor %}
+{% endif %}
+
+{% if page.include_before %}
+  {% for include_before in page.include_before %}
+    {{ include_before }}
+  {% endfor %}
+{% endif %}
+

data/_includes/default.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  {% include head.html %}
+</head>
+<body>
+  {% include before.html %}
+
+  <article>
+    {% include header.html %}
+
+    {{ content }}
+
+    {% if page.layout != 'index' %}
+    <section>
+      <p class="signoff"><em><a href="{{ site.baseurl }}/">Return home</a></em></p>
+    </section>
+    {% endif %}
+  </article>
+
+  {% include after.html %}
+  {% include math.html %}
+</body>
+</html>

data/_includes/head.html

@@ -0,0 +1,41 @@
+<meta charset="utf-8">
+<meta name="generator" content="pandoc">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<meta name="author" content="{{ site.author }}">
+{% if page.date %}
+<meta name="dcterms.date" content="{{ page.date }}">
+{% endif %}
+{% if page.keywords %}
+<meta name="keywords" content="{{ page.keywords | join: ' ' }}">
+{% endif %}
+
+<title>{{ page.title }} – {{ site.title }}</title>
+
+
+<!-- TODO(jez): canonical URL -->
+<!-- TODO(jez): OpenGraph tags -->
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/font-et-book/0.1/et-book.min.css">
+<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css">
+
+<!-- -->
+
+{% if page.math %}
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/katex.min.css">
+{% endif %}
+
+<!--[if lt IE 9]>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+<![endif]-->
+
+{% if site.header_includes %}
+  {% for header_include in site.header_includes %}
+    {{ header_include }}
+  {% endfor %}
+{% endif %}
+
+{% if page.header_includes %}
+  {% for header_include in page.header_includes %}
+    {{ header_include }}
+  {% endfor %}
+{% endif %}

data/_includes/header.html

@@ -0,0 +1,12 @@
+{% if page.title %}
+  <header>
+    <h1 class="title">{{ page.title }}</h1>
+    {% if page.subtitle %}
+      <p class="subtitle">{{ page.subtitle }}</p>
+    {% endif %}
+    {% if page.date %}
+      <p class="byline">{{ page.date | date: "%B %-d, %Y"}}</p>
+    {% endif %}
+  </header>
+{% endif %}
+

data/_includes/math.html

@@ -0,0 +1,13 @@
+{% if page.math %}
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/katex.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/contrib/auto-render.min.js"></script>
+  <script>
+    renderMathInElement(document.body, {
+      delimiters: [
+        {left: "$$", right: "$$", display: false},
+        {left: "\\[", right: "\\]", display: true},
+        {left: "\\(", right: "\\)", display: true}
+      ];
+    });
+  </script>
+{% endif %}

data/_layouts/index.html

@@ -0,0 +1 @@
+{% include default.html %}

data/_layouts/page.html

@@ -0,0 +1 @@
+{% include default.html %}

data/_layouts/post.html

@@ -0,0 +1 @@
+{% include default.html %}

data/_sass/_custom.scss

@@ -0,0 +1,68 @@
+details {
+  @extend section;
+  summary > p { display: inline; }
+}
+
+dt,
+dt > a,
+h5,
+h6 {
+  @extend .newthought;
+  clear: left;
+  font-style: normal;
+  font-weight: 400;
+}
+
+// Run-in definition lists and headings
+article > dl,
+section > dl {
+  clear: left;
+  font-size: 1.4rem;
+  line-height: 2rem;
+}
+
+dt,
+h5,
+h6 {
+  float: left;
+  margin: 0 1.4rem 0 0;
+  padding: 0;
+}
+
+// Tabular numbers for list items, small-caps Roman numerals
+article ol,
+article ul {
+  & > li::marker {
+  font-variant: tabular-nums oldstyle-nums all-small-caps;
+  }
+}
+
+// Fix width of dl inside li
+li > dl {
+  &, & > p { width: 100%; }
+}
+
+.smallcaps { font-variant: all-small-caps; }
+
+// Fixes an edge case of figure~figure.marginnote alignment.
+p~figure > img.marginnote, div.notes~figure > img.marginnote { margin-top: 1.6rem; }
+
+// Dark colorscheme with a softer background
+@media (prefers-color-scheme: dark) {
+  body { color: #fffff8;
+         background-color: lighten(#111, 10%); }
+  a:link { text-decoration: none;
+           background: -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
+           background: linear-gradient(#111, #111), linear-gradient(#111, #111), linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
+           -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
+           -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
+           background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
+           background-repeat: no-repeat, no-repeat, repeat-x;
+           text-shadow: 0.03em 0 #111, -0.03em 0 #111, 0 0.03em #111, 0 -0.03em #111, 0.06em 0 #111, -0.06em 0 #111, 0.09em 0 #111, -0.09em 0 #111, 0.12em 0 #111, -0.12em 0 #111, 0.15em 0 #111, -0.15em 0 #111;
+           background-position: 0% 93%, 100% 93%, 0% 93%; }
+  img { background-color: darken(#fffff8, 10%); } // Prevents transparent PNGs from becoming unreadable
+  table { border-top: 2px solid #fffff8;
+          border-bottom: 2px solid #fffff8; }
+  td { border-top: 1px solid #fffff8; }
+  th { border-bottom: 1px solid #fffff8; }
+}

data/_sass/_local.scss

@@ -0,0 +1 @@
+// Add local project customizations here.

data/_sass/_pandoc-solarized.scss

@@ -0,0 +1,65 @@
+// From https://ethanschoonover.com/solarized/
+$base03:    #002b36;
+$base02:    #073642;
+$base01:    #586e75;
+$base00:    #657b83;
+$base0:     #839496;
+$base1:     #93a1a1;
+$base2:     #eee8d5;
+$base3:     #fdf6e3;
+$yellow:    #b58900;
+$orange:    #cb4b16;
+$red:       #dc322f;
+$magenta:   #d33682;
+$violet:    #6c71c4;
+$blue:      #268bd2;
+$cyan:      #2aa198;
+$green:     #859900;
+
+@mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3) 
+{
+  div.sourceCode, pre:not(.sourceCode) { background: $rebase03; }
+  pre code { color: $rebase0; }
+  code span.kw { color: $green; font-weight: normal; font-style: normal; } /* Keyword */
+  code span.dt { color: $yellow; font-weight: normal; font-style: normal; } /* DataType */
+  code span.dv { color: $cyan; font-weight: normal; font-style: normal; } /* DecVal */
+  code span.bn { color: $cyan; font-weight: normal; font-style: normal; } /* BaseN */
+  code span.fl { color: $cyan; font-weight: normal; font-style: normal; } /* Float */
+  code span.ch { color: $cyan; font-weight: normal; font-style: normal; } /* Char */
+  code span.st { color: $cyan; font-weight: normal; font-style: normal; } /* String */
+  code span.co { color: $rebase01; font-weight: normal; font-style: italic; } /* Comment */
+  code span.ot { color: $blue; font-weight: normal; font-style: normal; } /* Other */
+  code span.al { color: $red; font-weight: normal; font-style: normal; } /* Alert */
+  code span.fu { color: $blue; font-weight: normal; font-style: normal; } /* Function */
+  code span.er { color: $red; font-weight: normal; font-style: normal; } /* Error */
+  code span.wa { color: $orange; font-weight: normal; font-style: italic; } /* Warning */
+  code span.cn { color: $cyan; font-weight: normal; font-style: normal; } /* Constant */
+  code span.sc { color: $red; font-weight: normal; font-style: normal; } /* SpecialChar */
+  code span.vs { color: $rebase0; font-weight: normal; font-style: normal; } /* VerbatimString */
+  code span.ss { color: $red; font-weight: normal; font-style: normal; } /* SpecialString */
+  code span.im { color: $rebase0; font-weight: normal; font-style: normal; } /* Import */
+  code span.va { color: $blue; font-weight: normal; font-style: normal; } /* Variable */
+  code span.cf { color: $green; font-weight: normal; font-style: normal; } /* ControlFlow */
+  code span.op { color: $green; font-weight: normal; font-style: normal; } /* Operator */
+  code span.bu { color: $rebase0; font-weight: normal; font-style: normal; } /* BuiltIn */
+  code span.ex { color: $rebase0; font-weight: normal; font-style: normal; } /* Extension */
+  code span.pp { color: $orange; font-weight: normal; font-style: normal; } /* Preprocessor */
+  code span.at { color: $rebase0; font-weight: normal; font-style: normal; } /* Attribute */
+  code span.do { color: $rebase01; font-weight: normal; font-style: italic; } /* Documentation */
+  code span.an { color: $rebase01; font-weight: normal; font-style: italic; } /* Annotation */
+  code span.cv { color: $rebase01; font-weight: normal; font-style: italic; } /* CommentVar */
+  code span.in { color: $rebase01; font-weight: normal; font-style: italic; } /* Information */
+  a.sourceLine::before { text-decoration: none; }
+}
+
+@media (prefers-color-scheme: no-preference),
+       (prefers-color-scheme: light) {
+         @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)
+       }
+@media (prefers-color-scheme: dark)  {
+  @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)
+}
+html * {
+    color-profile: sRGB;
+    rendering-intent: auto;
+}

data/_sass/_pandoc.scss

@@ -0,0 +1,117 @@
+
+/* For smart quotes */
+q { quotes: "“" "”" "‘" "’"; }
+
+/* Override section behavior.
+ * We only want the top-level <section> to have padding.
+ * This makes it easier to work with --section-divs. */
+section {
+  padding-top: initial;
+  padding-bottom: initial;
+}
+article > section {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+/* Make byline (date and/or author) small */
+p.byline { font-size: 1.2rem; }
+
+
+/* Simulate Pandoc's table output styles */
+table {
+  border-collapse: collapse;
+  border-top: 2px solid #111111;
+  border-bottom: 2px solid #111111;
+  caption {
+    font-size: 1.1rem;
+    font-weight: 500;
+    margin: 1.1rem 0;
+  }
+}
+th {
+  border-bottom: 1px solid #111111;
+}
+td, th {
+  font-size: 1.4rem;
+  font-variant: tabular-nums;
+  padding: 10px;
+  text-align: left;
+  & > p {
+    margin-top: 0;
+  }
+}
+
+/* Allow tables to be full width
+ * if they're wrapped in a figure.fullwidth
+ * (Easier to insert from Pandoc than manually adding table) */
+figure.fullwidth table {
+  width: 90%;
+}
+
+@media (max-width: 760px) {
+  figure.fullwidth table {
+    width: 100%;
+  }
+}
+
+/* Code blocks
+ *
+ * Code blocks with a language look like div.sourceCode > pre.sourceCode
+ * Otherwise, it's just a pre (without .sourceCode) */
+
+/* Unset the tufte-css defaults that we'd like to overwrite */
+pre > code {
+  margin-left: initial;
+  overflow-x: initial;
+  display: initial;
+}
+
+.sourceCode.numberLines a:link {
+  text-decoration: initial;
+  background: initial;
+  text-shadow: initial;
+}
+
+div.sourceCode,
+pre:not(.sourceCode) {
+  padding: 1.4rem;
+  margin: -0.7rem -1.4rem;
+  width: 55%;
+  overflow-x: auto;
+}
+
+.fullwidth div.sourceCode,
+.fullwidth pre:not(.sourceCode) {
+  width: 100%;
+}
+
+// Line blocks (e.g. for poetry)
+.line-block {
+  font-size: 1.4rem;
+  line-height: 2rem;
+}
+
+@media (max-width: 760px) {
+  div.sourceCode,
+  pre:not(.sourceCode) {
+    padding: 1.4rem 8vw;
+    margin: -0.7rem -8vw;
+    width: 100%;
+  }
+
+  .fullwidth {
+    max-width: 100%;
+  }
+}
+
+/* Math formatting */
+.katex {
+  font-size: inherit !important;
+}
+
+/* Wrap long URLs in references */
+#refs a {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}

data/_sass/_revealjs-support.scss

@@ -0,0 +1,54 @@
+// Reveal.js uses <h2> to make new slides. Typically, we will
+// have Pandoc shift these headings when generating a regular
+// web page, so they become <h3>. Headings that use the
+// .unlisted class may have no title and are there just to
+// provide a background-image in reveal.js. Therefore, we don't
+// want them to add unnecessary vertical space and just suppress
+// them completely.
+// Comment this line out if this is not the behavior you expect.
+h3.unlisted { display: none; }
+
+// Similarly, we might be using <hr> to start a new slide and
+// therefore might not want it to show up at all in the text.
+// Uncomment this line if you want to suppress it.
+// hr { display: none; }
+
+// Fix width of incremental Reveal.js sections
+// Align Reveal.js presenter notes as regular paragraphs.
+// Alternatively, uncomment the second line to hide them completely.
+div.incremental,
+div.notes {
+  @extend section;
+  // &.notes { display: none !important; }
+}
+
+// Right now .r-stack figures are hard-coded to show up
+// in two equal columns.
+div.r-stack > figure {
+  float: left;
+  max-width: 50%;
+  & > figcaption {
+    float: none;
+    max-width: 100%;
+    width: 100%;
+  }
+}
+
+// Support Pandoc columns for reveal.js
+.columns {
+  @extend .fullwidth;
+  width: 100%;
+  &.subfigures > p:last-of-type {
+    max-width: 33%;
+   margin-bottom: 1.1rem;
+ }
+}
+
+.column  {
+  float: left;
+  figure {
+    margin-bottom: 1em;
+    max-width: 90%;
+    figcaption { float: right; }
+  }
+}

data/_sass/_tufte-extra.scss

@@ -0,0 +1,56 @@
+/* The default x-height for code is slightly too large in side notes */
+.marginnote code, .sidenote code {
+    font-size: 0.9rem;
+}
+/* ... and slightly too small in body text */
+code {
+    font-size: 1.05rem;
+}
+/* Also make the sidenote numbers hang */
+.sidenote {
+    text-indent: -0.4rem;
+}
+.sidenote:before {
+    /* removes trailing space from the counter content */
+    content: counter(sidenote-counter);
+    left: -0.4rem;
+}
+
+/* To get spacing between lists, use paragraphs.
+ * 0.25rem of spacing between list elements looks bad. */
+li:not(:first-child) {
+    margin-top: initial;
+}
+
+/* Make "Home" link small */
+p.signoff {
+    font-size: 1.2rem;
+}
+
+body {
+    max-width: 1150px;
+}
+
+/**
+ * Makes it so that top-level <p> don't need to be wrapped in <section>
+ */
+article > p,
+article > li,
+article > footer,
+article > table {
+    width: 55%;
+}
+
+/*
+ * Enable hyphens on supported platforms
+ */
+article {
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+}
+/* Sidenotes end up with a bunch of hyphens because they're so small */
+.sidenote,
+.marginnote {
+  hyphens: none;
+}

data/_sass/_tufte.scss

@@ -0,0 +1,499 @@
+@charset "UTF-8";
+
+/* Import ET Book styles
+   adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */
+
+/* Tufte CSS styles */
+html {
+    font-size: 15px;
+}
+
+body {
+    width: 87.5%;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 12.5%;
+    font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
+    background-color: #fffff8;
+    color: #111;
+    max-width: 1400px;
+    counter-reset: sidenote-counter;
+}
+
+h1 {
+    font-weight: 400;
+    margin-top: 4rem;
+    margin-bottom: 1.5rem;
+    font-size: 3.2rem;
+    line-height: 1;
+}
+
+h2 {
+    clear: both;
+    font-style: italic;
+    font-weight: 400;
+    margin-top: 2.1rem;
+    margin-bottom: 1.4rem;
+    font-size: 2.2rem;
+    line-height: 1;
+    em { font-style: normal; }
+}
+
+h3 {
+    clear: both;
+    font-style: italic;
+    font-weight: 400;
+    font-size: 1.7rem;
+    margin-top: 2rem;
+    margin-bottom: 1.4rem;
+    line-height: 1;
+    em { font-style: normal; }
+}
+
+hr {
+    display: block;
+    height: 1px;
+    width: 55%;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+p.subtitle {
+    font-style: italic;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    font-size: 1.8rem;
+    display: block;
+    line-height: 1;
+    em { font-style: normal; }
+}
+
+.numeral {
+    font-family: et-book-roman-old-style;
+}
+
+.danger {
+    color: red;
+}
+
+article {
+    padding: 5rem 0rem;
+}
+
+section {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}
+
+p,
+dl,
+ol,
+ul {
+    font-size: 1.4rem;
+    line-height: 2rem;
+}
+
+p {
+    margin-top: 1.4rem;
+    margin-bottom: 1.4rem;
+    padding-right: 0;
+    vertical-align: baseline;
+}
+
+/* Chapter Epigraphs */
+div.epigraph {
+    margin: 5em 0;
+}
+
+div.epigraph > blockquote {
+    margin-top: 3em;
+    margin-bottom: 3em;
+}
+
+div.epigraph > blockquote,
+div.epigraph > blockquote > p {
+    font-style: italic;
+    em { font-style: normal; }
+}
+
+div.epigraph > blockquote > footer {
+    font-style: normal;
+}
+
+div.epigraph > blockquote > footer > cite {
+    font-style: italic;
+}
+/* end chapter epigraphs styles */
+
+blockquote {
+    font-size: 1.4rem;
+}
+
+blockquote p {
+    width: 55%;
+    margin-right: 40px;
+}
+
+blockquote footer {
+    width: 55%;
+    font-size: 1.1rem;
+    text-align: right;
+}
+
+section > p,
+section > footer,
+section > table,
+section > div > table {
+    width: 55%;
+}
+
+/* 50 + 5 == 55, to be the same width as paragraph */
+section > dl,
+section > ol,
+section > ul {
+    width: 50%;
+    -webkit-padding-start: 5%;
+}
+
+/* Causes problems with run-in <dt>
+ *dt:not(:first-child),
+ *li:not(:first-child) {
+ *    margin-top: 0.25rem;
+ *}
+ */
+
+figure {
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    max-width: 55%;
+    -webkit-margin-start: 0;
+    -webkit-margin-end: 0;
+    margin: 0 0 3em 0;
+}
+
+// Fix for fullwidth images within Pandoc figures
+div.fullwidth > figure {
+  max-width: 100%;
+}
+
+.subfigures > p:last-of-type, // Support Pandoc-crossref subfigures
+figcaption {
+    float: right;
+    clear: right;
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 1.1rem;
+    line-height: 1.6;
+    vertical-align: baseline;
+    position: relative;
+    max-width: 40%;
+}
+
+figure.fullwidth figcaption {
+    margin-right: 24%;
+}
+
+// Fix for Pandoc-crossref figcaptions in full-width figures
+div.fullwidth figcaption { max-width: 33%; }
+
+/* Links: replicate underline that clears descenders */
+a:link,
+a:visited {
+    color: inherit;
+}
+
+.no-tufte-underline:link {
+    background: unset;
+    text-shadow: unset;
+}
+
+a:link, .tufte-underline, .hover-tufte-underline:hover {
+    text-decoration: none;
+    background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(currentColor, currentColor);
+    background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(currentColor, currentColor);
+    -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
+    -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
+    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
+    background-repeat: no-repeat, no-repeat, repeat-x;
+    text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
+    background-position: 0% 93%, 100% 93%, 0% 93%;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    a:link, .tufte-underline, .hover-tufte-underline:hover {
+        background-position-y: 87%, 87%, 87%;
+    }
+}
+
+a:link::selection,
+a:link::-moz-selection {
+    text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
+    background: #b4d5fe;
+}
+
+/******************************************************
+ * CSL styling taken from Tufte-CSS, not yet
+   implemented in Jekyll-Pandoc-Tufte.
+ */
+div.csl-bib-body {
+    width: 55%;
+    font-size: 1.4rem;
+    line-height: 2rem;
+}
+
+div.csl-entry {
+    clear: both;
+    margin-top: .5rem;
+}
+
+.hanging div.csl-entry {
+    margin-left: 2rem;
+    text-indent: -2rem;
+}
+
+div.csl-left-margin {
+    min-width: 2rem;
+    float: left;
+}
+
+div.csl-right-inline {
+    margin-left: 2rem;
+    padding-left: 1rem;
+}
+
+div.csl-indent {
+    margin-left: 2rem;
+}
+
+div.hanging-indent{
+    margin-left: 1.5rem;
+    text-indent: -1.5rem;
+}
+
+/* Sidenotes, margin notes, figures, captions */
+video,
+img {
+    max-width: 100%;
+}
+
+.sidenote,
+.marginnote {
+    float: right;
+    clear: right;
+    margin-right: -60%;
+    width: 50%;
+    margin-top: 0.3rem;
+    margin-bottom: 0;
+    font-size: 1.1rem;
+    line-height: 1.3;
+    vertical-align: baseline;
+    position: relative;
+}
+
+// Fix for Pandoc-generated figcaption in margin images
+img.marginnote~figcaption {
+  margin-right: -60%;
+  max-width: 50%;
+}
+
+.sidenote-number {
+    counter-increment: sidenote-counter;
+}
+
+.sidenote-number:after,
+.sidenote:before {
+    font-family: et-book-roman-old-style;
+    position: relative;
+    vertical-align: baseline;
+}
+
+.sidenote-number:after {
+    content: counter(sidenote-counter);
+    font-size: 1rem;
+    top: -0.5rem;
+    left: 0.1rem;
+}
+
+.sidenote:before {
+    content: counter(sidenote-counter) " ";
+    font-size: 1rem;
+    top: -0.5rem;
+}
+
+blockquote .sidenote,
+blockquote .marginnote {
+    margin-right: -82%;
+    min-width: 59%;
+    text-align: left;
+}
+
+div.fullwidth,
+table.fullwidth {
+    width: 100%;
+}
+
+div.table-wrapper {
+    overflow-x: auto;
+    font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif;
+}
+
+.sans {
+    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+    letter-spacing: .03em;
+}
+
+code, pre > code {
+    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-size: 1.0rem;
+    line-height: 1.42;
+    -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */
+}
+
+.sans > code {
+    font-size: 1.2rem;
+}
+
+h1 > code,
+h2 > code,
+h3 > code {
+    font-size: 0.80em;
+}
+
+.marginnote > code,
+.sidenote > code {
+    font-size: 1rem;
+}
+
+pre > code {
+    font-size: 0.9rem;
+    width: 52.5%;
+    margin-left: 2.5%;
+    overflow-x: auto;
+    display: block;
+}
+
+pre.fullwidth > code {
+    width: 90%;
+}
+
+.fullwidth {
+    max-width: 90%;
+    clear:both;
+}
+
+span.newthought {
+    font-variant: small-caps;
+    font-size: 1.2em;
+}
+
+input.margin-toggle {
+    display: none;
+}
+
+label.sidenote-number {
+    display: inline;
+}
+
+label.margin-toggle:not(.sidenote-number) {
+    display: none;
+}
+
+.iframe-wrapper {
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 */
+    padding-top: 25px;
+    height: 0;
+}
+
+.iframe-wrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+@media (max-width: 760px) {
+    body {
+        width: 84%;
+        padding-left: 8%;
+        padding-right: 8%;
+    }
+
+    hr,
+    section > p,
+    section > footer,
+    section > table {
+        width: 100%;
+    }
+
+    pre > code {
+        width: 97%;
+    }
+
+    section > dl,
+    section > ol,
+    section > ul {
+        width: 90%;
+    }
+
+    figure {
+        max-width: 90%;
+    }
+
+    figcaption,
+    img.marginnote~figcaption,
+    figure.fullwidth figcaption {
+        margin-right: 0%;
+        max-width: none;
+    }
+
+    blockquote {
+        margin-left: 1.5em;
+        margin-right: 0em;
+    }
+
+    blockquote p,
+    blockquote footer {
+        width: 100%;
+    }
+
+    label.margin-toggle:not(.sidenote-number) {
+        display: inline;
+    }
+
+    .sidenote,
+    .marginnote {
+        display: none;
+    }
+
+    .margin-toggle:checked + .sidenote,
+    .margin-toggle:checked + .marginnote {
+        display: block;
+        float: left;
+        left: 1rem;
+        clear: both;
+        width: 95%;
+        margin: 1rem 2.5%;
+        vertical-align: baseline;
+        position: relative;
+    }
+
+    label {
+        cursor: pointer;
+    }
+
+    div.table-wrapper,
+    table {
+        width: 85%;
+    }
+
+    img {
+        width: 100%;
+    }
+}

data/assets/css/main.scss

@@ -0,0 +1,16 @@
+---
+---
+
+@charset "utf-8";
+
+@import
+  "tufte",
+  "tufte-extra",
+  "pandoc",
+  "pandoc-solarized",
+  "custom"
+;
+
+// Reveal.js support is not enabled by default.
+// Uncomment the line below to enable it.
+//@import "revealjs-support" ;

metadata

@@ -0,0 +1,119 @@
+--- !ruby/object:Gem::Specification
+name: tufte-crossref-jekyll
+version: !ruby/object:Gem::Version
+  version: 0.12.0b
+platform: ruby
+authors:
+- Jake Zimmerman
+- Pedro Palazzo
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2021-07-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll-pandoc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description:
+email:
+- zimmerman.jake@gmail.com
+- pedro.palazzo@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- _includes/after.html
+- _includes/before.html
+- _includes/default.html
+- _includes/head.html
+- _includes/header.html
+- _includes/math.html
+- _layouts/index.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_custom.scss
+- _sass/_local.scss
+- _sass/_pandoc-solarized.scss
+- _sass/_pandoc.scss
+- _sass/_revealjs-support.scss
+- _sass/_tufte-extra.scss
+- _sass/_tufte.scss
+- assets/css/main.scss
+homepage: https://github.com/p3palazzo/tufte-crossref-jekyll
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubygems_version: 3.2.22
+signing_key:
+specification_version: 4
+summary: A Jekyll theme based on jez/tufte-pandoc-jekyll with support for Pandoc-Crossref
+test_files: []