Tufte Test

New features

Emoji

Powered by Noto Emoji font.

We really like cats. Yes, they are fluffy and happy. 🐈🐱

🪷🫶🤍😊💀🔥

Button

Tufte features

Marginnote and sidenote

This is what you came here for. This is a marginnote. It has no indicators on big screens. Be honest. (1) (1) This is a sidenote! It has a little number.

Epigraph

{{< epigraph author="Shawn O'Hare" cite="Math is Fun" detail="p.8" >}}
This is an example of an epigraph with some math
`$ \mathbb N \subseteq \mathbb R $`
to start the beginning of a section.
{{< /epigraph >}}

Blockquote

Some blockquotes. But first, we try to manually cite via

This is between cite tags and has math: $e^x $ (2) (2) Only use $\KaTeX{}$, you must.

{{< blockquote author="Shawn O'Hare" cite="www.shawnohare.com" >}}
This is a blockquote with two paragraphs, that employs the
theme's `blockquote` shortcode. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
...
{{< /blockquote >}}

Small-caps

Sometimes a new thought distinguishes a section, as here.

{{< newthought >}}Sometimes a new thought{{< /newthought >}}

Figure

Regular width figure:

{{< figure
  src="https://github.com/edwardtufte/tufte-css/raw/gh-pages/img/exports-imports.png"
  title="The image title"
  label="mn-export-import"
  caption="This is the image caption."
  attr="[Image attribution](#)"
  link="link"
>}}

Margin figure:

Margin figures appear on the margin. Highly logical.

Very importantly, they want some text to go with them, either before or after, with only one line break.

No worries if you forgot to give your figure a label. Marginnote (either for figure or with figure inside) will be created if any one of the following conditions is met:

1. Has type="margin; or
2. Has caption; or
3. Has attr.

Full-width figure:

{{< figure
  src="https://github.com/edwardtufte/tufte-css/raw/gh-pages/img/napoleons-march.png"
  type="full"
  label="mn-napoleonic-wars"
  title="Napoleonic wars"
  caption="This the image caption."
  attr="[Image attribution](#)"
  alt="Napoleonic wars"
  link="#"
>}}

Normal Markdown tests

Begin test file…

Formatting

Bold, bold, 加粗

Italic, italic, 斜体

Underline, underline

Strike, strike, strike, strike, –strike–

Highlight, =highlight=, ==highlight==

Footnote¹, footnote²

Lists

• ul
• Unordered list

1. ol
2. Ordered list

dl

dt

Description list

• Task list
• Task list

Code

Inline code, `escape`, and keystroke

199
200
201
202
203
204
205
206
207
208
209
210
211

package main

import "log"

func add(x int, y int) int {
  log.Println("We are going to take the sum of two numbers, and leave a long comment.")
  return x + y
}

func main() {
  y := add(1, 2)
  log.Println(y)
}

Here’s an example without line numbers.

package main

import "log"

func add(x int, y int) int {
  log.Println("We are going to take the sum of two numbers, and leave a very very very long comment.")
  return x + y
}

func main() {
  y := add(1, 2)
  log.Println(y)
}

Font

我能体に傷つけないで吞下 259 ml glass。

Four score and seven years ago our fathers brought forth upon this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.

0 Oo Ii Ll 1 | 2 Z 5 s 8 Bb 6 # * ^ ~ () {} [] . , : ; “ ‘ ’ `

0 Oo Ii Ll 1 | 2 Z 5 s 8 Bb 6 # * ^ ~ () {} [] . , : ; “ ‘ ’ `

Inline HTML

ref: https://burk.io/2020/let-there-be-dark

LaTeX & Table

$\LaTeX{}$

$$R_1 \begin{cases} >\mu_{2} \\ \leq \mu_{2} \end{cases}$$