tufte-pandoc-jekyll 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/README.md +111 -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/_pandoc-solarized.scss +32 -0
- data/_sass/_pandoc.scss +88 -0
- data/_sass/_tufte-extra.scss +7 -0
- data/_sass/_tufte.scss +232 -0
- data/assets/css/main.scss +11 -0
- metadata +115 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: 89d2afb03e1a4c4d9b2ce7b23dc9d4222851ff84
|
|
4
|
+
data.tar.gz: 747288d57c6092ffbfd97c057ac45a516a8a9092
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: b63b6637c9bf89d7d7df7cb9a223de66f573bc338169e0922410658d597f30720ced196a8deea0e6c3c048438df7d79abf66acdc803ffa907dfdeb8fb2d50e80
|
|
7
|
+
data.tar.gz: 8fd5a18138362832855f451ff5bc79f0a9a86245e266cdf3156010ef3fdfbacb13f762c5c0e8f1ec5c91ebb6286ed0b5f36a8004b18503165c3e628c842eb45c
|
data/README.md
ADDED
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
# tufte-pandoc-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
|
+
## Installation
|
|
20
|
+
|
|
21
|
+
There are two external dependencies in order to use this theme. You can install
|
|
22
|
+
them through your package manager (like `apt-get` or `brew`):
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
# EXAMPLE: This is for macOS. Change if you're on Linux.
|
|
26
|
+
brew install pandoc
|
|
27
|
+
brew install pandoc-sidenote
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Next, add this line to your Jekyll site's Gemfile:
|
|
31
|
+
|
|
32
|
+
```ruby
|
|
33
|
+
gem "tufte-pandoc-jekyll"
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
And add these lines to your Jekyll site's `_config.yml`:
|
|
37
|
+
|
|
38
|
+
```yaml
|
|
39
|
+
theme: tufte-pandoc-jekyll
|
|
40
|
+
|
|
41
|
+
gems:
|
|
42
|
+
- jekyll-pandoc
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
And then execute:
|
|
46
|
+
|
|
47
|
+
$ bundle
|
|
48
|
+
|
|
49
|
+
Or install it yourself as:
|
|
50
|
+
|
|
51
|
+
$ gem install tufte-pandoc-jekyll
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
## Usage
|
|
55
|
+
|
|
56
|
+
> Note: while `tufte-pandoc-css` optionally includes the Solarized Light
|
|
57
|
+
> colorscheme, it's enabled by default here, with no easy way to opt-out. This is
|
|
58
|
+
> probably fine for you, but if it's not, feel free to make a PR that allows
|
|
59
|
+
> opting out.
|
|
60
|
+
|
|
61
|
+
### Variables
|
|
62
|
+
|
|
63
|
+
The following variables are used by this theme.
|
|
64
|
+
|
|
65
|
+
- `site.title`
|
|
66
|
+
- `site.author`
|
|
67
|
+
- Note that this theme currently only supports one author.
|
|
68
|
+
- `site.baseurl`
|
|
69
|
+
- Make sure you don't have a trailing slash here
|
|
70
|
+
- `site.header_includes`
|
|
71
|
+
- `page.header_includes`
|
|
72
|
+
- You can use these to include raw HTML in the `<head>`
|
|
73
|
+
- `site.include_after`
|
|
74
|
+
- `page.include_after`
|
|
75
|
+
- You can use these to include raw HTML in the `<body>` before the content
|
|
76
|
+
- `site.include_before`
|
|
77
|
+
- `page.include_before`
|
|
78
|
+
- You can use these to include raw HTML in the `<body>` after the content
|
|
79
|
+
- `page.layout`
|
|
80
|
+
- Pick one of `index`, `page`, or `post`
|
|
81
|
+
- `index` won't have a "Return home" link at the bottom of the page
|
|
82
|
+
- `page.title`
|
|
83
|
+
- `page.subtitle`
|
|
84
|
+
- `page.date`
|
|
85
|
+
- `page.keywords`
|
|
86
|
+
- `page.math`
|
|
87
|
+
- If `true`, we'll include KaTeX for displaying math formulas
|
|
88
|
+
|
|
89
|
+
### `_config.yml`
|
|
90
|
+
|
|
91
|
+
You'll need to update your `_config.yml` to compile the site using Pandoc. Make
|
|
92
|
+
sure you've followed the installation instructions.
|
|
93
|
+
|
|
94
|
+
```
|
|
95
|
+
gems:
|
|
96
|
+
- jekyll-pandoc
|
|
97
|
+
|
|
98
|
+
markdown: Pandoc
|
|
99
|
+
pandoc:
|
|
100
|
+
extensions:
|
|
101
|
+
- section-divs
|
|
102
|
+
- from: 'markdown+tex_math_single_backslash'
|
|
103
|
+
- filter: 'pandoc-sidenote'
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
Optional: remove `section-divs` if you want to insert `<section>` tags manually.
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
## License
|
|
110
|
+
|
|
111
|
+
[](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 %}
|
|
@@ -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: bold; 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: bold; 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: bold; font-style: normal; } /* Error */
|
|
15
|
+
code > span.wa { color: #CB4B16; font-weight: bold; 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: bold; font-style: normal; } /* ControlFlow */
|
|
23
|
+
code > span.op { color: #859900; font-weight: bold; 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: bold; font-style: italic; } /* Annotation */
|
|
30
|
+
code > span.cv { color: #93A1A1; font-weight: bold; font-style: italic; } /* CommentVar */
|
|
31
|
+
code > span.in { color: #93A1A1; font-weight: bold; font-style: italic; } /* Information */
|
|
32
|
+
|
data/_sass/_pandoc.scss
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
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-top: 2px solid black;
|
|
24
|
+
border-bottom: 2px solid black;
|
|
25
|
+
}
|
|
26
|
+
th {
|
|
27
|
+
border-bottom: 1px solid black;
|
|
28
|
+
}
|
|
29
|
+
td, th {
|
|
30
|
+
font-size: 1.4rem;
|
|
31
|
+
padding: 10px;
|
|
32
|
+
text-align: left;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Allow tables to be full width
|
|
36
|
+
* if they're wrapped in a figure.fullwidth
|
|
37
|
+
* (Easier to insert from Pandoc than manually adding table) */
|
|
38
|
+
figure.fullwidth table {
|
|
39
|
+
width: 90%;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@media (max-width: 760px) {
|
|
43
|
+
figure.fullwidth table {
|
|
44
|
+
width: 100%;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* Code blocks
|
|
49
|
+
*
|
|
50
|
+
* Code blocks with a language look like div.sourceCode > pre.sourceCode
|
|
51
|
+
* Otherwise, it's just a pre (without .sourceCode) */
|
|
52
|
+
div.sourceCode,
|
|
53
|
+
pre:not(.sourceCode) {
|
|
54
|
+
padding: 1.4rem;
|
|
55
|
+
margin: -0.7rem -1.4rem;
|
|
56
|
+
width: 55%;
|
|
57
|
+
font-size: 0.9rem;
|
|
58
|
+
overflow-x: auto;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
div.sourceCode code,
|
|
62
|
+
pre:not(.sourceCode) code {
|
|
63
|
+
font-size: 0.9rem;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.fullwidth div.sourceCode,
|
|
67
|
+
.fullwidth pre:not(.sourceCode) {
|
|
68
|
+
width: 100%;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* We've handled all the margin/padding on the outer-most div.sourceCode */
|
|
72
|
+
div.sourceCode pre {
|
|
73
|
+
padding: 0;
|
|
74
|
+
margin: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@media (max-width: 760px) {
|
|
78
|
+
div.sourceCode,
|
|
79
|
+
pre:not(.sourceCode) {
|
|
80
|
+
width: 100%;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/* Pandoc-generated line numbers need the same stylings as normal <code> */
|
|
85
|
+
.lineNumbers pre {
|
|
86
|
+
line-height: 1.42;
|
|
87
|
+
font-size: 0.9rem;
|
|
88
|
+
}
|
data/_sass/_tufte.scss
ADDED
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
/* Import ET Book styles
|
|
2
|
+
adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */
|
|
3
|
+
|
|
4
|
+
@charset "UTF-8";
|
|
5
|
+
|
|
6
|
+
/* Tufte CSS styles */
|
|
7
|
+
html { font-size: 15px; }
|
|
8
|
+
|
|
9
|
+
body { width: 87.5%;
|
|
10
|
+
margin-left: auto;
|
|
11
|
+
margin-right: auto;
|
|
12
|
+
padding-left: 12.5%;
|
|
13
|
+
font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
|
|
14
|
+
background-color: #fffff8;
|
|
15
|
+
color: #111;
|
|
16
|
+
max-width: 1400px;
|
|
17
|
+
counter-reset: sidenote-counter; }
|
|
18
|
+
|
|
19
|
+
h1 { font-weight: 400;
|
|
20
|
+
margin-top: 4rem;
|
|
21
|
+
margin-bottom: 1.5rem;
|
|
22
|
+
font-size: 3.2rem;
|
|
23
|
+
line-height: 1; }
|
|
24
|
+
|
|
25
|
+
h2 { font-style: italic;
|
|
26
|
+
font-weight: 400;
|
|
27
|
+
margin-top: 2.1rem;
|
|
28
|
+
margin-bottom: 0;
|
|
29
|
+
font-size: 2.2rem;
|
|
30
|
+
line-height: 1; }
|
|
31
|
+
|
|
32
|
+
h3 { font-style: italic;
|
|
33
|
+
font-weight: 400;
|
|
34
|
+
font-size: 1.7rem;
|
|
35
|
+
margin-top: 2rem;
|
|
36
|
+
margin-bottom: 0;
|
|
37
|
+
line-height: 1; }
|
|
38
|
+
|
|
39
|
+
p.subtitle { font-style: italic;
|
|
40
|
+
margin-top: 1rem;
|
|
41
|
+
margin-bottom: 1rem;
|
|
42
|
+
font-size: 1.8rem;
|
|
43
|
+
display: block;
|
|
44
|
+
line-height: 1; }
|
|
45
|
+
|
|
46
|
+
.numeral { font-family: et-book-roman-old-style; }
|
|
47
|
+
|
|
48
|
+
.danger { color: red; }
|
|
49
|
+
|
|
50
|
+
article { position: relative;
|
|
51
|
+
padding: 5rem 0rem; }
|
|
52
|
+
|
|
53
|
+
section { padding-top: 1rem;
|
|
54
|
+
padding-bottom: 1rem; }
|
|
55
|
+
|
|
56
|
+
p, ol, ul { font-size: 1.4rem; }
|
|
57
|
+
|
|
58
|
+
p { line-height: 2rem;
|
|
59
|
+
margin-top: 1.4rem;
|
|
60
|
+
margin-bottom: 1.4rem;
|
|
61
|
+
padding-right: 0;
|
|
62
|
+
vertical-align: baseline; }
|
|
63
|
+
|
|
64
|
+
/* Chapter Epigraphs */
|
|
65
|
+
div.epigraph { margin: 5em 0; }
|
|
66
|
+
|
|
67
|
+
div.epigraph > blockquote { margin-top: 3em;
|
|
68
|
+
margin-bottom: 3em; }
|
|
69
|
+
|
|
70
|
+
div.epigraph > blockquote, div.epigraph > blockquote > p { font-style: italic; }
|
|
71
|
+
|
|
72
|
+
div.epigraph > blockquote > footer { font-style: normal; }
|
|
73
|
+
|
|
74
|
+
div.epigraph > blockquote > footer > cite { font-style: italic; }
|
|
75
|
+
/* end chapter epigraphs styles */
|
|
76
|
+
|
|
77
|
+
blockquote { font-size: 1.4rem; }
|
|
78
|
+
|
|
79
|
+
blockquote p { width: 55%;
|
|
80
|
+
margin-right: 40px; }
|
|
81
|
+
|
|
82
|
+
blockquote footer { width: 55%;
|
|
83
|
+
font-size: 1.1rem;
|
|
84
|
+
text-align: right; }
|
|
85
|
+
|
|
86
|
+
section>ol, section>ul { width: 45%;
|
|
87
|
+
-webkit-padding-start: 5%;
|
|
88
|
+
-webkit-padding-end: 5%; }
|
|
89
|
+
|
|
90
|
+
li { padding: 0.5rem 0; }
|
|
91
|
+
|
|
92
|
+
figure { padding: 0;
|
|
93
|
+
border: 0;
|
|
94
|
+
font-size: 100%;
|
|
95
|
+
font: inherit;
|
|
96
|
+
vertical-align: baseline;
|
|
97
|
+
max-width: 55%;
|
|
98
|
+
-webkit-margin-start: 0;
|
|
99
|
+
-webkit-margin-end: 0;
|
|
100
|
+
margin: 0 0 3em 0; }
|
|
101
|
+
|
|
102
|
+
figcaption { float: right;
|
|
103
|
+
clear: right;
|
|
104
|
+
margin-top: 0;
|
|
105
|
+
margin-bottom: 0;
|
|
106
|
+
font-size: 1.1rem;
|
|
107
|
+
line-height: 1.6;
|
|
108
|
+
vertical-align: baseline;
|
|
109
|
+
position: relative;
|
|
110
|
+
max-width: 40%; }
|
|
111
|
+
|
|
112
|
+
figure.fullwidth figcaption { margin-right: 24%; }
|
|
113
|
+
|
|
114
|
+
/* Links: replicate underline that clears descenders */
|
|
115
|
+
a:link, a:visited { color: inherit; }
|
|
116
|
+
|
|
117
|
+
a:link { text-decoration: none;
|
|
118
|
+
background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#333, #333);
|
|
119
|
+
background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333);
|
|
120
|
+
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
121
|
+
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
122
|
+
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
|
123
|
+
background-repeat: no-repeat, no-repeat, repeat-x;
|
|
124
|
+
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;
|
|
125
|
+
background-position: 0% 93%, 100% 93%, 0% 93%; }
|
|
126
|
+
|
|
127
|
+
@media screen and (-webkit-min-device-pixel-ratio: 0) { a:link { background-position-y: 87%, 87%, 87%; } }
|
|
128
|
+
|
|
129
|
+
a:link::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;
|
|
130
|
+
background: #b4d5fe; }
|
|
131
|
+
|
|
132
|
+
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;
|
|
133
|
+
background: #b4d5fe; }
|
|
134
|
+
|
|
135
|
+
/* Sidenotes, margin notes, figures, captions */
|
|
136
|
+
img { max-width: 100%; }
|
|
137
|
+
|
|
138
|
+
.sidenote, .marginnote { float: right;
|
|
139
|
+
clear: right;
|
|
140
|
+
margin-right: -60%;
|
|
141
|
+
width: 50%;
|
|
142
|
+
margin-top: 0;
|
|
143
|
+
margin-bottom: 0;
|
|
144
|
+
font-size: 1.1rem;
|
|
145
|
+
line-height: 1.3;
|
|
146
|
+
vertical-align: baseline;
|
|
147
|
+
position: relative; }
|
|
148
|
+
|
|
149
|
+
.sidenote-number { counter-increment: sidenote-counter; }
|
|
150
|
+
|
|
151
|
+
.sidenote-number:after, .sidenote:before { content: counter(sidenote-counter) " ";
|
|
152
|
+
font-family: et-book-roman-old-style;
|
|
153
|
+
position: relative;
|
|
154
|
+
vertical-align: baseline; }
|
|
155
|
+
|
|
156
|
+
.sidenote-number:after { content: counter(sidenote-counter);
|
|
157
|
+
font-size: 1rem;
|
|
158
|
+
top: -0.5rem;
|
|
159
|
+
left: 0.1rem; }
|
|
160
|
+
|
|
161
|
+
.sidenote:before { content: counter(sidenote-counter) " ";
|
|
162
|
+
top: -0.5rem; }
|
|
163
|
+
|
|
164
|
+
blockquote .sidenote, blockquote .marginnote { margin-right: -82%;
|
|
165
|
+
min-width: 59%;
|
|
166
|
+
text-align: left; }
|
|
167
|
+
|
|
168
|
+
p, footer, table { width: 55%; }
|
|
169
|
+
|
|
170
|
+
div.fullwidth, table.fullwidth { width: 100%; }
|
|
171
|
+
|
|
172
|
+
div.table-wrapper { overflow-x: auto;
|
|
173
|
+
font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; }
|
|
174
|
+
|
|
175
|
+
.sans { font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
|
176
|
+
letter-spacing: .03em; }
|
|
177
|
+
|
|
178
|
+
code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
179
|
+
font-size: 1.0rem;
|
|
180
|
+
line-height: 1.42; }
|
|
181
|
+
|
|
182
|
+
.sans > code { font-size: 1.2rem; }
|
|
183
|
+
|
|
184
|
+
h1 > code, h2 > code, h3 > code { font-size: 0.80em; }
|
|
185
|
+
|
|
186
|
+
.marginnote > code, .sidenote > code { font-size: 1rem; }
|
|
187
|
+
|
|
188
|
+
pre.code { font-size: 0.9rem;
|
|
189
|
+
width: 52.5%;
|
|
190
|
+
margin-left: 2.5%;
|
|
191
|
+
overflow-x: auto; }
|
|
192
|
+
|
|
193
|
+
pre.code.fullwidth { width: 90%; }
|
|
194
|
+
|
|
195
|
+
.fullwidth { max-width: 90%;
|
|
196
|
+
clear:both; }
|
|
197
|
+
|
|
198
|
+
span.newthought { font-variant: small-caps;
|
|
199
|
+
font-size: 1.2em; }
|
|
200
|
+
|
|
201
|
+
input.margin-toggle { display: none; }
|
|
202
|
+
|
|
203
|
+
label.sidenote-number { display: inline; }
|
|
204
|
+
|
|
205
|
+
label.margin-toggle:not(.sidenote-number) { display: none; }
|
|
206
|
+
|
|
207
|
+
@media (max-width: 760px) { body { width: 84%;
|
|
208
|
+
padding-left: 8%;
|
|
209
|
+
padding-right: 8%; }
|
|
210
|
+
p, footer { width: 100%; }
|
|
211
|
+
pre.code { width: 97%; }
|
|
212
|
+
ul { width: 85%; }
|
|
213
|
+
figure { max-width: 90%; }
|
|
214
|
+
figcaption, figure.fullwidth figcaption { margin-right: 0%;
|
|
215
|
+
max-width: none; }
|
|
216
|
+
blockquote { margin-left: 1.5em;
|
|
217
|
+
margin-right: 0em; }
|
|
218
|
+
blockquote p, blockquote footer { width: 100%; }
|
|
219
|
+
label.margin-toggle:not(.sidenote-number) { display: inline; }
|
|
220
|
+
.sidenote, .marginnote { display: none; }
|
|
221
|
+
.margin-toggle:checked + .sidenote,
|
|
222
|
+
.margin-toggle:checked + .marginnote { display: block;
|
|
223
|
+
float: left;
|
|
224
|
+
left: 1rem;
|
|
225
|
+
clear: both;
|
|
226
|
+
width: 95%;
|
|
227
|
+
margin: 1rem 2.5%;
|
|
228
|
+
vertical-align: baseline;
|
|
229
|
+
position: relative; }
|
|
230
|
+
label { cursor: pointer; }
|
|
231
|
+
div.table-wrapper, table { width: 85%; }
|
|
232
|
+
img { width: 100%; } }
|
metadata
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: tufte-pandoc-jekyll
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.8.0
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Jake Zimmerman
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2016-11-06 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
|
+
- zimmerman.jake@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/_pandoc-solarized.scss
|
|
87
|
+
- _sass/_pandoc.scss
|
|
88
|
+
- _sass/_tufte-extra.scss
|
|
89
|
+
- _sass/_tufte.scss
|
|
90
|
+
- assets/css/main.scss
|
|
91
|
+
homepage: https://github.com/jez/tufte-pandoc-jekyll
|
|
92
|
+
licenses:
|
|
93
|
+
- MIT
|
|
94
|
+
metadata: {}
|
|
95
|
+
post_install_message:
|
|
96
|
+
rdoc_options: []
|
|
97
|
+
require_paths:
|
|
98
|
+
- lib
|
|
99
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
100
|
+
requirements:
|
|
101
|
+
- - ">="
|
|
102
|
+
- !ruby/object:Gem::Version
|
|
103
|
+
version: '0'
|
|
104
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
105
|
+
requirements:
|
|
106
|
+
- - ">="
|
|
107
|
+
- !ruby/object:Gem::Version
|
|
108
|
+
version: '0'
|
|
109
|
+
requirements: []
|
|
110
|
+
rubyforge_project:
|
|
111
|
+
rubygems_version: 2.5.1
|
|
112
|
+
signing_key:
|
|
113
|
+
specification_version: 4
|
|
114
|
+
summary: A Jekyll theme based on jez/tufte-pandoc-css
|
|
115
|
+
test_files: []
|