tufte-crossref-jekyll 0.12.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +199 -0
- data/_includes/after.html +12 -0
- data/_includes/before.html +12 -0
- data/_includes/default.html +24 -0
- data/_includes/head.html +41 -0
- data/_includes/header.html +12 -0
- data/_includes/math.html +13 -0
- data/_layouts/index.html +1 -0
- data/_layouts/page.html +1 -0
- data/_layouts/post.html +1 -0
- data/_sass/_custom.scss +53 -0
- data/_sass/_local.scss +1 -0
- data/_sass/_pandoc-solarized.scss +32 -0
- data/_sass/_pandoc.scss +117 -0
- data/_sass/_revealjs-support.scss +42 -0
- data/_sass/_tufte-extra.scss +56 -0
- data/_sass/_tufte.scss +499 -0
- data/assets/css/main.scss +16 -0
- metadata +117 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 12dfb0410f7820c1a3b4511e12b8c5aa56acdea27facf1d12a5b646e9aef34c8
|
4
|
+
data.tar.gz: 1d6a962f7a3664f5b0dd02b0e01d51df8b0511bc74023c1307d5c786745974a1
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 95333b18d8a18b2a31004d4e54874d7cd1063e59683d97e3d036492a5c76c3c8fb0a94afd9e759aa3d9c8aa99de1c5f160a3880874ee5e7c6a1d7916739825d1
|
7
|
+
data.tar.gz: 415c3fdf098d8345e605769537fa39fa790611e839fc305c45f739850935363533db437a7ad422d0d0323b2a5f802b5ebad9ea7f55fa84d5b4b3f2e1e45b8641
|
data/README.md
ADDED
@@ -0,0 +1,199 @@
|
|
1
|
+
# tufte-crossref-jekyll
|
2
|
+
|
3
|
+
This is a Jekyll theme for using Tufte CSS alongside `pandoc-sidenote`. It's
|
4
|
+
based off of
|
5
|
+
|
6
|
+
- [Tufte CSS] for the original CSS file
|
7
|
+
- [Tufte Pandoc CSS] uses Markdown in conjunction with Tufte CSS
|
8
|
+
|
9
|
+
[Tufte CSS]: https://edwardtufte.github.io/tufte-css/
|
10
|
+
[Tufte Pandoc CSS]: https://jez.io/tufte-pandoc-css/
|
11
|
+
|
12
|
+
You may ask, "What's the difference between this and `tufte-jekyll`?"
|
13
|
+
|
14
|
+
Using `pandoc-sidenote`, we don't have to use `{% sidenote %}...{% sidenote %}`
|
15
|
+
and can instead just use `[^1]` like normal Pandoc markdown.
|
16
|
+
|
17
|
+
For a demo, see <https://jez.io/talks/>.
|
18
|
+
|
19
|
+
## Features specific to tufte-crossref-jekyll
|
20
|
+
|
21
|
+
This fork introduces some changes to the style sheets that are meant to
|
22
|
+
provide support for using **tufte-pandoc-jekyll** alongside
|
23
|
+
[Pandoc-crossref]. Otherwise, this project attempts to
|
24
|
+
match the style, features, and version numbering of
|
25
|
+
**tufte-pandoc-jekyll**. In short what it does is to:
|
26
|
+
|
27
|
+
[Pandoc-crossref]: https://lierdakil.github.io/pandoc-crossref/
|
28
|
+
|
29
|
+
<!--[Reveal.js]: https://revealjs.com-->
|
30
|
+
|
31
|
+
### Figures, captions, and borders ###
|
32
|
+
|
33
|
+
- Provide basic support for pandoc-crossref subfigures.
|
34
|
+
- Correctly style `<figcaption>` even in margin figures, as generated by
|
35
|
+
pandoc-crossref.
|
36
|
+
- Correctly style `div > table > caption` as generated by
|
37
|
+
pandoc-crossref.
|
38
|
+
- Match table border color to main text color and collapse to avoid gaps
|
39
|
+
and other rendering issues.
|
40
|
+
- Basic support for full-width iframes and for treating iframes as
|
41
|
+
figures with captions, by using pandoc-crossref `.subfigures` syntax
|
42
|
+
(results may be unexpected in some cases).
|
43
|
+
- Make `<video>` behave the same as `<img>`.
|
44
|
+
- Provide sensible formatting for collapsible `<details>` blocks.
|
45
|
+
|
46
|
+
### Alignments and typography ###
|
47
|
+
|
48
|
+
- Fix the alignment of sidenotes generated by Citeproc citations inside
|
49
|
+
Blockquotes.
|
50
|
+
- Fix the width of definition lists that are inside an
|
51
|
+
ordered or unordered list.
|
52
|
+
- Style `<h5>`, `<h6>`, and `<dt>` to match `<span class="newthought">`;
|
53
|
+
the rationale behind this is that a `span` provides no semantic
|
54
|
+
structure to the document, whereas using headings follows the concept
|
55
|
+
of run-in `\paragraph` and `\subparagraph` in LaTeX.
|
56
|
+
- Style Pandoc's `.line-block` (blocks where line breaks are preserved
|
57
|
+
as-is, for example in poetry) to be consistent with the remainder of
|
58
|
+
the text.
|
59
|
+
- Emphasized text belonging to a block that is in italics by default
|
60
|
+
(epigraphs and level 2 and 3 headings) is made upright.
|
61
|
+
- Use the OpenType `font-variant: all-small-caps` for text using
|
62
|
+
the default Pandoc span class `{.smallcaps}`.
|
63
|
+
- Use the OpenType `font-variant: tabular-nums` inside table cells.
|
64
|
+
- Flush table cell contents top even if the cell has a `<p>` in it,
|
65
|
+
while preserving spaces between paragraphs.
|
66
|
+
- Pull the CSL styling already implemented in Tufte-Pandoc-CSS but not
|
67
|
+
yet migrated to tufte-pandoc-jekyll.
|
68
|
+
|
69
|
+
### Reveal.js and bonus features ###
|
70
|
+
|
71
|
+
The following tweaks allow you to use the same Markdown file as a base
|
72
|
+
for a regular web page and for a Reveal.js slideshow. These features are
|
73
|
+
not enabled by default. To enable then, check out `assets/css/main.scss`
|
74
|
+
from the theme files and uncomment the `@import "revealjs-support" ;`
|
75
|
+
line.
|
76
|
+
|
77
|
+
- Provide basic support for Reveal.js columns (only two equal or unequal
|
78
|
+
columns work well for now; for further details, see the
|
79
|
+
[Pandoc docs](https://pandoc.org/MANUAL.html#columns)).
|
80
|
+
- Correct the width of *speaker notes* and *incremental* blocks used by
|
81
|
+
Reveal.js to match that of regular paragraph text.
|
82
|
+
- Provide a dark color scheme based on a softened inversion of the main
|
83
|
+
colors as well as the solarized dark scheme for code.
|
84
|
+
- A blank `_local.scss` file for any customization you might want to
|
85
|
+
make.
|
86
|
+
|
87
|
+
:warning: The Reveal.js support does *not* affect slide output in any
|
88
|
+
way and you should *not* point your slide presentation to the styles in
|
89
|
+
the **tufte-crossref-jekyll** theme. These features are meant to
|
90
|
+
normalize the appearance of the *text* version of your page when it
|
91
|
+
contains markup that will *also* be used for slide output.
|
92
|
+
|
93
|
+
## Installation
|
94
|
+
|
95
|
+
There are two external dependencies in order to use this theme. You can install
|
96
|
+
them through your package manager (like `apt-get` or `brew`):
|
97
|
+
|
98
|
+
```
|
99
|
+
# EXAMPLE: This is for macOS. Change if you're on Linux.
|
100
|
+
# Note: you must have pandoc version 2.0 or greater
|
101
|
+
brew install pandoc
|
102
|
+
brew install jez/formulae/pandoc-sidenote
|
103
|
+
```
|
104
|
+
|
105
|
+
Next, add this line to your Jekyll site's Gemfile:
|
106
|
+
|
107
|
+
```ruby
|
108
|
+
gem "tufte-crossref-jekyll"
|
109
|
+
```
|
110
|
+
|
111
|
+
And add these lines to your Jekyll site's `_config.yml`:
|
112
|
+
|
113
|
+
```yaml
|
114
|
+
theme: tufte-crossref-jekyll
|
115
|
+
|
116
|
+
gems:
|
117
|
+
- jekyll-pandoc
|
118
|
+
```
|
119
|
+
|
120
|
+
And then execute:
|
121
|
+
|
122
|
+
$ bundle
|
123
|
+
|
124
|
+
Or install it yourself as:
|
125
|
+
|
126
|
+
$ gem install tufte-crossref-jekyll
|
127
|
+
|
128
|
+
|
129
|
+
## Usage
|
130
|
+
|
131
|
+
> Note: while `tufte-pandoc-css` optionally includes the Solarized Light
|
132
|
+
> colorscheme, it's enabled by default here, with no easy way to opt-out. This is
|
133
|
+
> probably fine for you, but if it's not, feel free to make a PR that allows
|
134
|
+
> opting out.
|
135
|
+
|
136
|
+
### Variables
|
137
|
+
|
138
|
+
The following variables are used by this theme.
|
139
|
+
|
140
|
+
- `site.title`
|
141
|
+
- `site.author`
|
142
|
+
- Note that this theme currently only supports one author.
|
143
|
+
- `site.baseurl`
|
144
|
+
- Make sure you don't have a trailing slash here
|
145
|
+
- `site.header_includes`
|
146
|
+
- `page.header_includes`
|
147
|
+
- You can use these to include raw HTML in the `<head>`
|
148
|
+
- `site.include_after`
|
149
|
+
- `page.include_after`
|
150
|
+
- You can use these to include raw HTML in the `<body>` before the content
|
151
|
+
- `site.include_before`
|
152
|
+
- `page.include_before`
|
153
|
+
- You can use these to include raw HTML in the `<body>` after the content
|
154
|
+
- `page.layout`
|
155
|
+
- Pick one of `index`, `page`, or `post`
|
156
|
+
- `index` won't have a "Return home" link at the bottom of the page
|
157
|
+
- `page.title`
|
158
|
+
- `page.subtitle`
|
159
|
+
- `page.date`
|
160
|
+
- `page.keywords`
|
161
|
+
- `page.math`
|
162
|
+
- If `true`, we'll include KaTeX for displaying math formulas
|
163
|
+
|
164
|
+
### `_config.yml`
|
165
|
+
|
166
|
+
You'll need to update your `_config.yml` to compile the site using Pandoc. Make
|
167
|
+
sure you've followed the installation instructions.
|
168
|
+
|
169
|
+
```
|
170
|
+
gems:
|
171
|
+
- jekyll-pandoc
|
172
|
+
|
173
|
+
markdown: Pandoc
|
174
|
+
pandoc:
|
175
|
+
extensions:
|
176
|
+
- section-divs
|
177
|
+
- from: 'markdown+tex_math_single_backslash'
|
178
|
+
- filter: 'pandoc-sidenote'
|
179
|
+
```
|
180
|
+
|
181
|
+
Optional: remove `section-divs` if you want to insert `<section>` tags manually.
|
182
|
+
|
183
|
+
## Developing
|
184
|
+
|
185
|
+
To make a release:
|
186
|
+
|
187
|
+
```bash
|
188
|
+
vim tufte-pandoc-jekyll.gemspec
|
189
|
+
git commit tufte-pandoc-jekyll.gemspec -m 'Bump version'
|
190
|
+
git tag "$version"
|
191
|
+
git push --tags origin master
|
192
|
+
gem build tufte-pandoc-jekyll.gemspec
|
193
|
+
gem push "tufte-pandoc-jekyll-$version.gem"
|
194
|
+
```
|
195
|
+
|
196
|
+
|
197
|
+
## License
|
198
|
+
|
199
|
+
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://jez.io/MIT-LICENSE.txt)
|
@@ -0,0 +1,12 @@
|
|
1
|
+
{% if site.include_after %}
|
2
|
+
{% for include_after in site.include_after %}
|
3
|
+
{{ include_after }}
|
4
|
+
{% endfor %}
|
5
|
+
{% endif %}
|
6
|
+
|
7
|
+
{% if page.include_after %}
|
8
|
+
{% for include_after in page.include_after %}
|
9
|
+
{{ include_after }}
|
10
|
+
{% endfor %}
|
11
|
+
{% endif %}
|
12
|
+
|
@@ -0,0 +1,12 @@
|
|
1
|
+
{% if site.include_before %}
|
2
|
+
{% for include_before in site.include_before %}
|
3
|
+
{{ include_before }}
|
4
|
+
{% endfor %}
|
5
|
+
{% endif %}
|
6
|
+
|
7
|
+
{% if page.include_before %}
|
8
|
+
{% for include_before in page.include_before %}
|
9
|
+
{{ include_before }}
|
10
|
+
{% endfor %}
|
11
|
+
{% endif %}
|
12
|
+
|
@@ -0,0 +1,24 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
{% include head.html %}
|
5
|
+
</head>
|
6
|
+
<body>
|
7
|
+
{% include before.html %}
|
8
|
+
|
9
|
+
<article>
|
10
|
+
{% include header.html %}
|
11
|
+
|
12
|
+
{{ content }}
|
13
|
+
|
14
|
+
{% if page.layout != 'index' %}
|
15
|
+
<section>
|
16
|
+
<p class="signoff"><em><a href="{{ site.baseurl }}/">Return home</a></em></p>
|
17
|
+
</section>
|
18
|
+
{% endif %}
|
19
|
+
</article>
|
20
|
+
|
21
|
+
{% include after.html %}
|
22
|
+
{% include math.html %}
|
23
|
+
</body>
|
24
|
+
</html>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,41 @@
|
|
1
|
+
<meta charset="utf-8">
|
2
|
+
<meta name="generator" content="pandoc">
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
4
|
+
<meta name="author" content="{{ site.author }}">
|
5
|
+
{% if page.date %}
|
6
|
+
<meta name="dcterms.date" content="{{ page.date }}">
|
7
|
+
{% endif %}
|
8
|
+
{% if page.keywords %}
|
9
|
+
<meta name="keywords" content="{{ page.keywords | join: ' ' }}">
|
10
|
+
{% endif %}
|
11
|
+
|
12
|
+
<title>{{ page.title }} – {{ site.title }}</title>
|
13
|
+
|
14
|
+
|
15
|
+
<!-- TODO(jez): canonical URL -->
|
16
|
+
<!-- TODO(jez): OpenGraph tags -->
|
17
|
+
|
18
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/font-et-book/0.1/et-book.min.css">
|
19
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css">
|
20
|
+
|
21
|
+
<!-- -->
|
22
|
+
|
23
|
+
{% if page.math %}
|
24
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/katex.min.css">
|
25
|
+
{% endif %}
|
26
|
+
|
27
|
+
<!--[if lt IE 9]>
|
28
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
29
|
+
<![endif]-->
|
30
|
+
|
31
|
+
{% if site.header_includes %}
|
32
|
+
{% for header_include in site.header_includes %}
|
33
|
+
{{ header_include }}
|
34
|
+
{% endfor %}
|
35
|
+
{% endif %}
|
36
|
+
|
37
|
+
{% if page.header_includes %}
|
38
|
+
{% for header_include in page.header_includes %}
|
39
|
+
{{ header_include }}
|
40
|
+
{% endfor %}
|
41
|
+
{% endif %}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
{% if page.title %}
|
2
|
+
<header>
|
3
|
+
<h1 class="title">{{ page.title }}</h1>
|
4
|
+
{% if page.subtitle %}
|
5
|
+
<p class="subtitle">{{ page.subtitle }}</p>
|
6
|
+
{% endif %}
|
7
|
+
{% if page.date %}
|
8
|
+
<p class="byline">{{ page.date | date: "%B %-d, %Y"}}</p>
|
9
|
+
{% endif %}
|
10
|
+
</header>
|
11
|
+
{% endif %}
|
12
|
+
|
data/_includes/math.html
ADDED
@@ -0,0 +1,13 @@
|
|
1
|
+
{% if page.math %}
|
2
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/katex.min.js"></script>
|
3
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/contrib/auto-render.min.js"></script>
|
4
|
+
<script>
|
5
|
+
renderMathInElement(document.body, {
|
6
|
+
delimiters: [
|
7
|
+
{left: "$$", right: "$$", display: false},
|
8
|
+
{left: "\\[", right: "\\]", display: true},
|
9
|
+
{left: "\\(", right: "\\)", display: true}
|
10
|
+
];
|
11
|
+
});
|
12
|
+
</script>
|
13
|
+
{% endif %}
|
data/_layouts/index.html
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{% include default.html %}
|
data/_layouts/page.html
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{% include default.html %}
|
data/_layouts/post.html
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{% include default.html %}
|
data/_sass/_custom.scss
ADDED
@@ -0,0 +1,53 @@
|
|
1
|
+
details { @extend section;
|
2
|
+
summary > p { display: inline; }
|
3
|
+
}
|
4
|
+
|
5
|
+
dt, dt > a, h5, h6 { @extend .newthought;
|
6
|
+
clear: left;
|
7
|
+
font-style: normal;
|
8
|
+
font-weight: 400; }
|
9
|
+
|
10
|
+
// Run-in definition lists and headings
|
11
|
+
article > dl, section > dl { clear: left;
|
12
|
+
font-size: 1.4rem;
|
13
|
+
line-height: 2rem; }
|
14
|
+
|
15
|
+
dt, h5, h6 { float: left;
|
16
|
+
margin: 0 1.4rem 0 0;
|
17
|
+
padding: 0; }
|
18
|
+
|
19
|
+
// Tabular numbers for list items, small-caps Roman numerals
|
20
|
+
article ol, article ul {
|
21
|
+
& > li::marker { font-variant: tabular-nums oldstyle-nums all-small-caps; }
|
22
|
+
}
|
23
|
+
|
24
|
+
// Fix width of dl inside li
|
25
|
+
li > dl {
|
26
|
+
&, & > p { width: 100%; }
|
27
|
+
}
|
28
|
+
|
29
|
+
.smallcaps { font-variant: all-small-caps; }
|
30
|
+
|
31
|
+
// Fixes an edge case of figure~figure.marginnote alignment.
|
32
|
+
p~figure > img.marginnote, div.notes~figure > img.marginnote { margin-top: 1.6rem; }
|
33
|
+
|
34
|
+
// Dark colorscheme with a softer background
|
35
|
+
// TODO: switch code to Solarized-dark when in dark mode
|
36
|
+
@media (prefers-color-scheme: dark) {
|
37
|
+
body { color: #fffff8;
|
38
|
+
background-color: lighten(#111, 10%); }
|
39
|
+
a:link { text-decoration: none;
|
40
|
+
background: -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
|
41
|
+
background: linear-gradient(#111, #111), linear-gradient(#111, #111), linear-gradient(lighten(#fffff8, 10%), lighten(#fffff8, 10%));
|
42
|
+
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
43
|
+
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
44
|
+
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
45
|
+
background-repeat: no-repeat, no-repeat, repeat-x;
|
46
|
+
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;
|
47
|
+
background-position: 0% 93%, 100% 93%, 0% 93%; }
|
48
|
+
img { background-color: darken(#fffff8, 10%); } // Prevents transparent PNGs from becoming unreadable
|
49
|
+
table { border-top: 2px solid #fffff8;
|
50
|
+
border-bottom: 2px solid #fffff8; }
|
51
|
+
td { border-top: 1px solid #fffff8; }
|
52
|
+
th { border-bottom: 1px solid #fffff8; }
|
53
|
+
}
|
data/_sass/_local.scss
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
// Add local project customizations here.
|
@@ -0,0 +1,32 @@
|
|
1
|
+
div.sourceCode, pre:not(.sourceCode) { background: #FDF6E3; }
|
2
|
+
pre code { color: #657B83; }
|
3
|
+
code span.kw { color: #859900; font-weight: normal; font-style: normal; } /* Keyword */
|
4
|
+
code span.dt { color: #B58900; font-weight: normal; font-style: normal; } /* DataType */
|
5
|
+
code span.dv { color: #2AA198; font-weight: normal; font-style: normal; } /* DecVal */
|
6
|
+
code span.bn { color: #2AA198; font-weight: normal; font-style: normal; } /* BaseN */
|
7
|
+
code span.fl { color: #2AA198; font-weight: normal; font-style: normal; } /* Float */
|
8
|
+
code span.ch { color: #2AA198; font-weight: normal; font-style: normal; } /* Char */
|
9
|
+
code span.st { color: #2AA198; font-weight: normal; font-style: normal; } /* String */
|
10
|
+
code span.co { color: #93A1A1; font-weight: normal; font-style: italic; } /* Comment */
|
11
|
+
code span.ot { color: #268BD2; font-weight: normal; font-style: normal; } /* Other */
|
12
|
+
code span.al { color: #DC322F; font-weight: normal; font-style: normal; } /* Alert */
|
13
|
+
code span.fu { color: #268BD2; font-weight: normal; font-style: normal; } /* Function */
|
14
|
+
code span.er { color: #DC322F; font-weight: normal; font-style: normal; } /* Error */
|
15
|
+
code span.wa { color: #CB4B16; font-weight: normal; font-style: italic; } /* Warning */
|
16
|
+
code span.cn { color: #2AA198; font-weight: normal; font-style: normal; } /* Constant */
|
17
|
+
code span.sc { color: #DC322F; font-weight: normal; font-style: normal; } /* SpecialChar */
|
18
|
+
code span.vs { color: #657B83; font-weight: normal; font-style: normal; } /* VerbatimString */
|
19
|
+
code span.ss { color: #DC322F; font-weight: normal; font-style: normal; } /* SpecialString */
|
20
|
+
code span.im { color: #657B83; font-weight: normal; font-style: normal; } /* Import */
|
21
|
+
code span.va { color: #268BD2; font-weight: normal; font-style: normal; } /* Variable */
|
22
|
+
code span.cf { color: #859900; font-weight: normal; font-style: normal; } /* ControlFlow */
|
23
|
+
code span.op { color: #859900; font-weight: normal; font-style: normal; } /* Operator */
|
24
|
+
code span.bu { color: #657B83; font-weight: normal; font-style: normal; } /* BuiltIn */
|
25
|
+
code span.ex { color: #657B83; font-weight: normal; font-style: normal; } /* Extension */
|
26
|
+
code span.pp { color: #CB4B16; font-weight: normal; font-style: normal; } /* Preprocessor */
|
27
|
+
code span.at { color: #657B83; font-weight: normal; font-style: normal; } /* Attribute */
|
28
|
+
code span.do { color: #93A1A1; font-weight: normal; font-style: italic; } /* Documentation */
|
29
|
+
code span.an { color: #93A1A1; font-weight: normal; font-style: italic; } /* Annotation */
|
30
|
+
code span.cv { color: #93A1A1; font-weight: normal; font-style: italic; } /* CommentVar */
|
31
|
+
code span.in { color: #93A1A1; font-weight: normal; font-style: italic; } /* Information */
|
32
|
+
a.sourceLine::before { text-decoration: none; }
|
data/_sass/_pandoc.scss
ADDED
@@ -0,0 +1,117 @@
|
|
1
|
+
|
2
|
+
/* For smart quotes */
|
3
|
+
q { quotes: "“" "”" "‘" "’"; }
|
4
|
+
|
5
|
+
/* Override section behavior.
|
6
|
+
* We only want the top-level <section> to have padding.
|
7
|
+
* This makes it easier to work with --section-divs. */
|
8
|
+
section {
|
9
|
+
padding-top: initial;
|
10
|
+
padding-bottom: initial;
|
11
|
+
}
|
12
|
+
article > section {
|
13
|
+
padding-top: 1rem;
|
14
|
+
padding-bottom: 1rem;
|
15
|
+
}
|
16
|
+
|
17
|
+
/* Make byline (date and/or author) small */
|
18
|
+
p.byline { font-size: 1.2rem; }
|
19
|
+
|
20
|
+
|
21
|
+
/* Simulate Pandoc's table output styles */
|
22
|
+
table {
|
23
|
+
border-collapse: collapse;
|
24
|
+
border-top: 2px solid #111111;
|
25
|
+
border-bottom: 2px solid #111111;
|
26
|
+
caption {
|
27
|
+
font-size: 1.1rem;
|
28
|
+
font-weight: 500;
|
29
|
+
margin: 1.1rem 0;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
th {
|
33
|
+
border-bottom: 1px solid #111111;
|
34
|
+
}
|
35
|
+
td, th {
|
36
|
+
font-size: 1.4rem;
|
37
|
+
font-variant: tabular-nums;
|
38
|
+
padding: 10px;
|
39
|
+
text-align: left;
|
40
|
+
& > p {
|
41
|
+
margin-top: 0;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
/* Allow tables to be full width
|
46
|
+
* if they're wrapped in a figure.fullwidth
|
47
|
+
* (Easier to insert from Pandoc than manually adding table) */
|
48
|
+
figure.fullwidth table {
|
49
|
+
width: 90%;
|
50
|
+
}
|
51
|
+
|
52
|
+
@media (max-width: 760px) {
|
53
|
+
figure.fullwidth table {
|
54
|
+
width: 100%;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
/* Code blocks
|
59
|
+
*
|
60
|
+
* Code blocks with a language look like div.sourceCode > pre.sourceCode
|
61
|
+
* Otherwise, it's just a pre (without .sourceCode) */
|
62
|
+
|
63
|
+
/* Unset the tufte-css defaults that we'd like to overwrite */
|
64
|
+
pre > code {
|
65
|
+
margin-left: initial;
|
66
|
+
overflow-x: initial;
|
67
|
+
display: initial;
|
68
|
+
}
|
69
|
+
|
70
|
+
.sourceCode.numberLines a:link {
|
71
|
+
text-decoration: initial;
|
72
|
+
background: initial;
|
73
|
+
text-shadow: initial;
|
74
|
+
}
|
75
|
+
|
76
|
+
div.sourceCode,
|
77
|
+
pre:not(.sourceCode) {
|
78
|
+
padding: 1.4rem;
|
79
|
+
margin: -0.7rem -1.4rem;
|
80
|
+
width: 55%;
|
81
|
+
overflow-x: auto;
|
82
|
+
}
|
83
|
+
|
84
|
+
.fullwidth div.sourceCode,
|
85
|
+
.fullwidth pre:not(.sourceCode) {
|
86
|
+
width: 100%;
|
87
|
+
}
|
88
|
+
|
89
|
+
// Line blocks (e.g. for poetry)
|
90
|
+
.line-block {
|
91
|
+
font-size: 1.4rem;
|
92
|
+
line-height: 2rem;
|
93
|
+
}
|
94
|
+
|
95
|
+
@media (max-width: 760px) {
|
96
|
+
div.sourceCode,
|
97
|
+
pre:not(.sourceCode) {
|
98
|
+
padding: 1.4rem 8vw;
|
99
|
+
margin: -0.7rem -8vw;
|
100
|
+
width: 100%;
|
101
|
+
}
|
102
|
+
|
103
|
+
.fullwidth {
|
104
|
+
max-width: 100%;
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
/* Math formatting */
|
109
|
+
.katex {
|
110
|
+
font-size: inherit !important;
|
111
|
+
}
|
112
|
+
|
113
|
+
/* Wrap long URLs in references */
|
114
|
+
#refs a {
|
115
|
+
word-wrap: break-word;
|
116
|
+
overflow-wrap: break-word;
|
117
|
+
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
// Reveal.js uses <h2> to make new slides. Typically, we will
|
2
|
+
// have Pandoc shift these headings when generating a regular
|
3
|
+
// web page, so they become <h3>. Headings that use the
|
4
|
+
// .unlisted class may have no title and are there just to
|
5
|
+
// provide a background-image in reveal.js. Therefore, we don't
|
6
|
+
// want them to add unnecessary vertical space and just suppress
|
7
|
+
// them completely.
|
8
|
+
// Comment this line out if this is not the behavior you expect.
|
9
|
+
h3.unlisted { display: none; }
|
10
|
+
|
11
|
+
// Similarly, we might be using <hr> to start a new slide and
|
12
|
+
// therefore might not want it to show up at all in the text.
|
13
|
+
// Uncomment this line if you want to suppress it.
|
14
|
+
// hr { display: none; }
|
15
|
+
|
16
|
+
// Align Reveal.js presenter notes as regular paragraphs.
|
17
|
+
// Alternatively, uncomment the second line to hide them completely.
|
18
|
+
div.notes { @extend section;
|
19
|
+
//display: none !important;
|
20
|
+
}
|
21
|
+
|
22
|
+
// Right now .r-stack figures are hard-coded to show up
|
23
|
+
// in two equal columns.
|
24
|
+
div.r-stack > figure { float: left;
|
25
|
+
max-width: 50%;
|
26
|
+
& > figcaption { float: none;
|
27
|
+
max-width: 100%;
|
28
|
+
width: 100%; }
|
29
|
+
}
|
30
|
+
|
31
|
+
// Support Pandoc columns for reveal.js
|
32
|
+
.columns { @extend .fullwidth;
|
33
|
+
width: 100%;
|
34
|
+
&.subfigures > p:last-of-type { max-width: 33%;
|
35
|
+
margin-bottom: 1.1rem; }
|
36
|
+
}
|
37
|
+
.column { float: left;
|
38
|
+
figure { margin-bottom: 1em;
|
39
|
+
max-width: 90%;
|
40
|
+
figcaption { float: right; }
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1,56 @@
|
|
1
|
+
/* The default x-height for code is slightly too large in side notes */
|
2
|
+
.marginnote code, .sidenote code {
|
3
|
+
font-size: 0.9rem;
|
4
|
+
}
|
5
|
+
/* ... and slightly too small in body text */
|
6
|
+
code {
|
7
|
+
font-size: 1.05rem;
|
8
|
+
}
|
9
|
+
/* Also make the sidenote numbers hang */
|
10
|
+
.sidenote {
|
11
|
+
text-indent: -0.4rem;
|
12
|
+
}
|
13
|
+
.sidenote:before {
|
14
|
+
/* removes trailing space from the counter content */
|
15
|
+
content: counter(sidenote-counter);
|
16
|
+
left: -0.4rem;
|
17
|
+
}
|
18
|
+
|
19
|
+
/* To get spacing between lists, use paragraphs.
|
20
|
+
* 0.25rem of spacing between list elements looks bad. */
|
21
|
+
li:not(:first-child) {
|
22
|
+
margin-top: initial;
|
23
|
+
}
|
24
|
+
|
25
|
+
/* Make "Home" link small */
|
26
|
+
p.signoff {
|
27
|
+
font-size: 1.2rem;
|
28
|
+
}
|
29
|
+
|
30
|
+
body {
|
31
|
+
max-width: 1150px;
|
32
|
+
}
|
33
|
+
|
34
|
+
/**
|
35
|
+
* Makes it so that top-level <p> don't need to be wrapped in <section>
|
36
|
+
*/
|
37
|
+
article > p,
|
38
|
+
article > li,
|
39
|
+
article > footer,
|
40
|
+
article > table {
|
41
|
+
width: 55%;
|
42
|
+
}
|
43
|
+
|
44
|
+
/*
|
45
|
+
* Enable hyphens on supported platforms
|
46
|
+
*/
|
47
|
+
article {
|
48
|
+
-webkit-hyphens: auto;
|
49
|
+
-ms-hyphens: auto;
|
50
|
+
hyphens: auto;
|
51
|
+
}
|
52
|
+
/* Sidenotes end up with a bunch of hyphens because they're so small */
|
53
|
+
.sidenote,
|
54
|
+
.marginnote {
|
55
|
+
hyphens: none;
|
56
|
+
}
|
data/_sass/_tufte.scss
ADDED
@@ -0,0 +1,499 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/* Import ET Book styles
|
4
|
+
adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */
|
5
|
+
|
6
|
+
/* Tufte CSS styles */
|
7
|
+
html {
|
8
|
+
font-size: 15px;
|
9
|
+
}
|
10
|
+
|
11
|
+
body {
|
12
|
+
width: 87.5%;
|
13
|
+
margin-left: auto;
|
14
|
+
margin-right: auto;
|
15
|
+
padding-left: 12.5%;
|
16
|
+
font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
|
17
|
+
background-color: #fffff8;
|
18
|
+
color: #111;
|
19
|
+
max-width: 1400px;
|
20
|
+
counter-reset: sidenote-counter;
|
21
|
+
}
|
22
|
+
|
23
|
+
h1 {
|
24
|
+
font-weight: 400;
|
25
|
+
margin-top: 4rem;
|
26
|
+
margin-bottom: 1.5rem;
|
27
|
+
font-size: 3.2rem;
|
28
|
+
line-height: 1;
|
29
|
+
}
|
30
|
+
|
31
|
+
h2 {
|
32
|
+
clear: both;
|
33
|
+
font-style: italic;
|
34
|
+
font-weight: 400;
|
35
|
+
margin-top: 2.1rem;
|
36
|
+
margin-bottom: 1.4rem;
|
37
|
+
font-size: 2.2rem;
|
38
|
+
line-height: 1;
|
39
|
+
em { font-style: normal; }
|
40
|
+
}
|
41
|
+
|
42
|
+
h3 {
|
43
|
+
clear: both;
|
44
|
+
font-style: italic;
|
45
|
+
font-weight: 400;
|
46
|
+
font-size: 1.7rem;
|
47
|
+
margin-top: 2rem;
|
48
|
+
margin-bottom: 1.4rem;
|
49
|
+
line-height: 1;
|
50
|
+
em { font-style: normal; }
|
51
|
+
}
|
52
|
+
|
53
|
+
hr {
|
54
|
+
display: block;
|
55
|
+
height: 1px;
|
56
|
+
width: 55%;
|
57
|
+
border: 0;
|
58
|
+
border-top: 1px solid #ccc;
|
59
|
+
margin: 1em 0;
|
60
|
+
padding: 0;
|
61
|
+
}
|
62
|
+
|
63
|
+
p.subtitle {
|
64
|
+
font-style: italic;
|
65
|
+
margin-top: 1rem;
|
66
|
+
margin-bottom: 1rem;
|
67
|
+
font-size: 1.8rem;
|
68
|
+
display: block;
|
69
|
+
line-height: 1;
|
70
|
+
em { font-style: normal; }
|
71
|
+
}
|
72
|
+
|
73
|
+
.numeral {
|
74
|
+
font-family: et-book-roman-old-style;
|
75
|
+
}
|
76
|
+
|
77
|
+
.danger {
|
78
|
+
color: red;
|
79
|
+
}
|
80
|
+
|
81
|
+
article {
|
82
|
+
padding: 5rem 0rem;
|
83
|
+
}
|
84
|
+
|
85
|
+
section {
|
86
|
+
padding-top: 1rem;
|
87
|
+
padding-bottom: 1rem;
|
88
|
+
}
|
89
|
+
|
90
|
+
p,
|
91
|
+
dl,
|
92
|
+
ol,
|
93
|
+
ul {
|
94
|
+
font-size: 1.4rem;
|
95
|
+
line-height: 2rem;
|
96
|
+
}
|
97
|
+
|
98
|
+
p {
|
99
|
+
margin-top: 1.4rem;
|
100
|
+
margin-bottom: 1.4rem;
|
101
|
+
padding-right: 0;
|
102
|
+
vertical-align: baseline;
|
103
|
+
}
|
104
|
+
|
105
|
+
/* Chapter Epigraphs */
|
106
|
+
div.epigraph {
|
107
|
+
margin: 5em 0;
|
108
|
+
}
|
109
|
+
|
110
|
+
div.epigraph > blockquote {
|
111
|
+
margin-top: 3em;
|
112
|
+
margin-bottom: 3em;
|
113
|
+
}
|
114
|
+
|
115
|
+
div.epigraph > blockquote,
|
116
|
+
div.epigraph > blockquote > p {
|
117
|
+
font-style: italic;
|
118
|
+
em { font-style: normal; }
|
119
|
+
}
|
120
|
+
|
121
|
+
div.epigraph > blockquote > footer {
|
122
|
+
font-style: normal;
|
123
|
+
}
|
124
|
+
|
125
|
+
div.epigraph > blockquote > footer > cite {
|
126
|
+
font-style: italic;
|
127
|
+
}
|
128
|
+
/* end chapter epigraphs styles */
|
129
|
+
|
130
|
+
blockquote {
|
131
|
+
font-size: 1.4rem;
|
132
|
+
}
|
133
|
+
|
134
|
+
blockquote p {
|
135
|
+
width: 55%;
|
136
|
+
margin-right: 40px;
|
137
|
+
}
|
138
|
+
|
139
|
+
blockquote footer {
|
140
|
+
width: 55%;
|
141
|
+
font-size: 1.1rem;
|
142
|
+
text-align: right;
|
143
|
+
}
|
144
|
+
|
145
|
+
section > p,
|
146
|
+
section > footer,
|
147
|
+
section > table,
|
148
|
+
section > div > table {
|
149
|
+
width: 55%;
|
150
|
+
}
|
151
|
+
|
152
|
+
/* 50 + 5 == 55, to be the same width as paragraph */
|
153
|
+
section > dl,
|
154
|
+
section > ol,
|
155
|
+
section > ul {
|
156
|
+
width: 50%;
|
157
|
+
-webkit-padding-start: 5%;
|
158
|
+
}
|
159
|
+
|
160
|
+
/* Causes problems with run-in <dt>
|
161
|
+
*dt:not(:first-child),
|
162
|
+
*li:not(:first-child) {
|
163
|
+
* margin-top: 0.25rem;
|
164
|
+
*}
|
165
|
+
*/
|
166
|
+
|
167
|
+
figure {
|
168
|
+
padding: 0;
|
169
|
+
border: 0;
|
170
|
+
font-size: 100%;
|
171
|
+
font: inherit;
|
172
|
+
vertical-align: baseline;
|
173
|
+
max-width: 55%;
|
174
|
+
-webkit-margin-start: 0;
|
175
|
+
-webkit-margin-end: 0;
|
176
|
+
margin: 0 0 3em 0;
|
177
|
+
}
|
178
|
+
|
179
|
+
// Fix for fullwidth images within Pandoc figures
|
180
|
+
div.fullwidth > figure {
|
181
|
+
max-width: 100%;
|
182
|
+
}
|
183
|
+
|
184
|
+
.subfigures > p:last-of-type, // Support Pandoc-crossref subfigures
|
185
|
+
figcaption {
|
186
|
+
float: right;
|
187
|
+
clear: right;
|
188
|
+
margin-top: 0;
|
189
|
+
margin-bottom: 0;
|
190
|
+
font-size: 1.1rem;
|
191
|
+
line-height: 1.6;
|
192
|
+
vertical-align: baseline;
|
193
|
+
position: relative;
|
194
|
+
max-width: 40%;
|
195
|
+
}
|
196
|
+
|
197
|
+
figure.fullwidth figcaption {
|
198
|
+
margin-right: 24%;
|
199
|
+
}
|
200
|
+
|
201
|
+
// Fix for Pandoc-crossref figcaptions in full-width figures
|
202
|
+
div.fullwidth figcaption { max-width: 33%; }
|
203
|
+
|
204
|
+
/* Links: replicate underline that clears descenders */
|
205
|
+
a:link,
|
206
|
+
a:visited {
|
207
|
+
color: inherit;
|
208
|
+
}
|
209
|
+
|
210
|
+
.no-tufte-underline:link {
|
211
|
+
background: unset;
|
212
|
+
text-shadow: unset;
|
213
|
+
}
|
214
|
+
|
215
|
+
a:link, .tufte-underline, .hover-tufte-underline:hover {
|
216
|
+
text-decoration: none;
|
217
|
+
background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(currentColor, currentColor);
|
218
|
+
background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(currentColor, currentColor);
|
219
|
+
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
220
|
+
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
221
|
+
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
222
|
+
background-repeat: no-repeat, no-repeat, repeat-x;
|
223
|
+
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;
|
224
|
+
background-position: 0% 93%, 100% 93%, 0% 93%;
|
225
|
+
}
|
226
|
+
|
227
|
+
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
228
|
+
a:link, .tufte-underline, .hover-tufte-underline:hover {
|
229
|
+
background-position-y: 87%, 87%, 87%;
|
230
|
+
}
|
231
|
+
}
|
232
|
+
|
233
|
+
a:link::selection,
|
234
|
+
a:link::-moz-selection {
|
235
|
+
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;
|
236
|
+
background: #b4d5fe;
|
237
|
+
}
|
238
|
+
|
239
|
+
/******************************************************
|
240
|
+
* CSL styling taken from Tufte-CSS, not yet
|
241
|
+
implemented in Jekyll-Pandoc-Tufte.
|
242
|
+
*/
|
243
|
+
div.csl-bib-body {
|
244
|
+
width: 55%;
|
245
|
+
font-size: 1.4rem;
|
246
|
+
line-height: 2rem;
|
247
|
+
}
|
248
|
+
|
249
|
+
div.csl-entry {
|
250
|
+
clear: both;
|
251
|
+
margin-top: .5rem;
|
252
|
+
}
|
253
|
+
|
254
|
+
.hanging div.csl-entry {
|
255
|
+
margin-left: 2rem;
|
256
|
+
text-indent: -2rem;
|
257
|
+
}
|
258
|
+
|
259
|
+
div.csl-left-margin {
|
260
|
+
min-width: 2rem;
|
261
|
+
float: left;
|
262
|
+
}
|
263
|
+
|
264
|
+
div.csl-right-inline {
|
265
|
+
margin-left: 2rem;
|
266
|
+
padding-left: 1rem;
|
267
|
+
}
|
268
|
+
|
269
|
+
div.csl-indent {
|
270
|
+
margin-left: 2rem;
|
271
|
+
}
|
272
|
+
|
273
|
+
div.hanging-indent{
|
274
|
+
margin-left: 1.5rem;
|
275
|
+
text-indent: -1.5rem;
|
276
|
+
}
|
277
|
+
|
278
|
+
video,
|
279
|
+
img {
|
280
|
+
max-width: 100%;
|
281
|
+
}
|
282
|
+
|
283
|
+
/* Sidenotes, margin notes, figures, captions */
|
284
|
+
.sidenote,
|
285
|
+
.marginnote {
|
286
|
+
float: right;
|
287
|
+
clear: right;
|
288
|
+
margin-right: -60%;
|
289
|
+
width: 50%;
|
290
|
+
margin-top: 0.3rem;
|
291
|
+
margin-bottom: 0;
|
292
|
+
font-size: 1.1rem;
|
293
|
+
line-height: 1.3;
|
294
|
+
vertical-align: baseline;
|
295
|
+
position: relative;
|
296
|
+
}
|
297
|
+
|
298
|
+
// Fix for Pandoc-generated figcaption in margin images
|
299
|
+
img.marginnote~figcaption {
|
300
|
+
margin-right: -60%;
|
301
|
+
max-width: 50%;
|
302
|
+
}
|
303
|
+
|
304
|
+
.sidenote-number {
|
305
|
+
counter-increment: sidenote-counter;
|
306
|
+
}
|
307
|
+
|
308
|
+
.sidenote-number:after,
|
309
|
+
.sidenote:before {
|
310
|
+
font-family: et-book-roman-old-style;
|
311
|
+
position: relative;
|
312
|
+
vertical-align: baseline;
|
313
|
+
}
|
314
|
+
|
315
|
+
.sidenote-number:after {
|
316
|
+
content: counter(sidenote-counter);
|
317
|
+
font-size: 1rem;
|
318
|
+
top: -0.5rem;
|
319
|
+
left: 0.1rem;
|
320
|
+
}
|
321
|
+
|
322
|
+
.sidenote:before {
|
323
|
+
content: counter(sidenote-counter) " ";
|
324
|
+
font-size: 1rem;
|
325
|
+
top: -0.5rem;
|
326
|
+
}
|
327
|
+
|
328
|
+
blockquote .sidenote,
|
329
|
+
blockquote .marginnote {
|
330
|
+
margin-right: -82%;
|
331
|
+
min-width: 59%;
|
332
|
+
text-align: left;
|
333
|
+
}
|
334
|
+
|
335
|
+
div.fullwidth,
|
336
|
+
table.fullwidth {
|
337
|
+
width: 100%;
|
338
|
+
}
|
339
|
+
|
340
|
+
div.table-wrapper {
|
341
|
+
overflow-x: auto;
|
342
|
+
font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif;
|
343
|
+
}
|
344
|
+
|
345
|
+
.sans {
|
346
|
+
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
347
|
+
letter-spacing: .03em;
|
348
|
+
}
|
349
|
+
|
350
|
+
code, pre > code {
|
351
|
+
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
352
|
+
font-size: 1.0rem;
|
353
|
+
line-height: 1.42;
|
354
|
+
-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 */
|
355
|
+
}
|
356
|
+
|
357
|
+
.sans > code {
|
358
|
+
font-size: 1.2rem;
|
359
|
+
}
|
360
|
+
|
361
|
+
h1 > code,
|
362
|
+
h2 > code,
|
363
|
+
h3 > code {
|
364
|
+
font-size: 0.80em;
|
365
|
+
}
|
366
|
+
|
367
|
+
.marginnote > code,
|
368
|
+
.sidenote > code {
|
369
|
+
font-size: 1rem;
|
370
|
+
}
|
371
|
+
|
372
|
+
pre > code {
|
373
|
+
font-size: 0.9rem;
|
374
|
+
width: 52.5%;
|
375
|
+
margin-left: 2.5%;
|
376
|
+
overflow-x: auto;
|
377
|
+
display: block;
|
378
|
+
}
|
379
|
+
|
380
|
+
pre.fullwidth > code {
|
381
|
+
width: 90%;
|
382
|
+
}
|
383
|
+
|
384
|
+
.fullwidth {
|
385
|
+
max-width: 90%;
|
386
|
+
clear:both;
|
387
|
+
}
|
388
|
+
|
389
|
+
span.newthought {
|
390
|
+
font-variant: small-caps;
|
391
|
+
font-size: 1.2em;
|
392
|
+
}
|
393
|
+
|
394
|
+
input.margin-toggle {
|
395
|
+
display: none;
|
396
|
+
}
|
397
|
+
|
398
|
+
label.sidenote-number {
|
399
|
+
display: inline;
|
400
|
+
}
|
401
|
+
|
402
|
+
label.margin-toggle:not(.sidenote-number) {
|
403
|
+
display: none;
|
404
|
+
}
|
405
|
+
|
406
|
+
.iframe-wrapper {
|
407
|
+
position: relative;
|
408
|
+
padding-bottom: 56.25%; /* 16:9 */
|
409
|
+
padding-top: 25px;
|
410
|
+
height: 0;
|
411
|
+
}
|
412
|
+
|
413
|
+
.iframe-wrapper iframe {
|
414
|
+
position: absolute;
|
415
|
+
top: 0;
|
416
|
+
left: 0;
|
417
|
+
width: 100%;
|
418
|
+
height: 100%;
|
419
|
+
}
|
420
|
+
|
421
|
+
@media (max-width: 760px) {
|
422
|
+
body {
|
423
|
+
width: 84%;
|
424
|
+
padding-left: 8%;
|
425
|
+
padding-right: 8%;
|
426
|
+
}
|
427
|
+
|
428
|
+
hr,
|
429
|
+
section > p,
|
430
|
+
section > footer,
|
431
|
+
section > table {
|
432
|
+
width: 100%;
|
433
|
+
}
|
434
|
+
|
435
|
+
pre > code {
|
436
|
+
width: 97%;
|
437
|
+
}
|
438
|
+
|
439
|
+
section > dl,
|
440
|
+
section > ol,
|
441
|
+
section > ul {
|
442
|
+
width: 90%;
|
443
|
+
}
|
444
|
+
|
445
|
+
figure {
|
446
|
+
max-width: 90%;
|
447
|
+
}
|
448
|
+
|
449
|
+
figcaption,
|
450
|
+
img.marginnote~figcaption,
|
451
|
+
figure.fullwidth figcaption {
|
452
|
+
margin-right: 0%;
|
453
|
+
max-width: none;
|
454
|
+
}
|
455
|
+
|
456
|
+
blockquote {
|
457
|
+
margin-left: 1.5em;
|
458
|
+
margin-right: 0em;
|
459
|
+
}
|
460
|
+
|
461
|
+
blockquote p,
|
462
|
+
blockquote footer {
|
463
|
+
width: 100%;
|
464
|
+
}
|
465
|
+
|
466
|
+
label.margin-toggle:not(.sidenote-number) {
|
467
|
+
display: inline;
|
468
|
+
}
|
469
|
+
|
470
|
+
.sidenote,
|
471
|
+
.marginnote {
|
472
|
+
display: none;
|
473
|
+
}
|
474
|
+
|
475
|
+
.margin-toggle:checked + .sidenote,
|
476
|
+
.margin-toggle:checked + .marginnote {
|
477
|
+
display: block;
|
478
|
+
float: left;
|
479
|
+
left: 1rem;
|
480
|
+
clear: both;
|
481
|
+
width: 95%;
|
482
|
+
margin: 1rem 2.5%;
|
483
|
+
vertical-align: baseline;
|
484
|
+
position: relative;
|
485
|
+
}
|
486
|
+
|
487
|
+
label {
|
488
|
+
cursor: pointer;
|
489
|
+
}
|
490
|
+
|
491
|
+
div.table-wrapper,
|
492
|
+
table {
|
493
|
+
width: 85%;
|
494
|
+
}
|
495
|
+
|
496
|
+
img {
|
497
|
+
width: 100%;
|
498
|
+
}
|
499
|
+
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
@charset "utf-8";
|
5
|
+
|
6
|
+
@import
|
7
|
+
"tufte",
|
8
|
+
"tufte-extra",
|
9
|
+
"pandoc",
|
10
|
+
"pandoc-solarized",
|
11
|
+
"custom"
|
12
|
+
;
|
13
|
+
|
14
|
+
// Reveal.js support is not enabled by default.
|
15
|
+
// Uncomment the line below to enable it.
|
16
|
+
//@import "revealjs-support" ;
|
metadata
ADDED
@@ -0,0 +1,117 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: tufte-crossref-jekyll
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.12.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Pedro P. Palazzo
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2021-07-23 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: jekyll-pandoc
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '2.0'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '2.0'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: jekyll
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '3.3'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '3.3'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: bundler
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '1.12'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '1.12'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: rake
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - "~>"
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '10.0'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - "~>"
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '10.0'
|
69
|
+
description:
|
70
|
+
email:
|
71
|
+
- pedro.palazzo@gmail.com
|
72
|
+
executables: []
|
73
|
+
extensions: []
|
74
|
+
extra_rdoc_files: []
|
75
|
+
files:
|
76
|
+
- README.md
|
77
|
+
- _includes/after.html
|
78
|
+
- _includes/before.html
|
79
|
+
- _includes/default.html
|
80
|
+
- _includes/head.html
|
81
|
+
- _includes/header.html
|
82
|
+
- _includes/math.html
|
83
|
+
- _layouts/index.html
|
84
|
+
- _layouts/page.html
|
85
|
+
- _layouts/post.html
|
86
|
+
- _sass/_custom.scss
|
87
|
+
- _sass/_local.scss
|
88
|
+
- _sass/_pandoc-solarized.scss
|
89
|
+
- _sass/_pandoc.scss
|
90
|
+
- _sass/_revealjs-support.scss
|
91
|
+
- _sass/_tufte-extra.scss
|
92
|
+
- _sass/_tufte.scss
|
93
|
+
- assets/css/main.scss
|
94
|
+
homepage: https://github.com/p3palazzo/tufte-crossref-jekyll
|
95
|
+
licenses:
|
96
|
+
- MIT
|
97
|
+
metadata: {}
|
98
|
+
post_install_message:
|
99
|
+
rdoc_options: []
|
100
|
+
require_paths:
|
101
|
+
- lib
|
102
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
103
|
+
requirements:
|
104
|
+
- - ">="
|
105
|
+
- !ruby/object:Gem::Version
|
106
|
+
version: '0'
|
107
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
108
|
+
requirements:
|
109
|
+
- - ">="
|
110
|
+
- !ruby/object:Gem::Version
|
111
|
+
version: '0'
|
112
|
+
requirements: []
|
113
|
+
rubygems_version: 3.2.22
|
114
|
+
signing_key:
|
115
|
+
specification_version: 4
|
116
|
+
summary: A Jekyll theme based on jez/tufte-pandoc-jekyll
|
117
|
+
test_files: []
|