Skip to content

Instantly share code, notes, and snippets.

@aerickt

aerickt/tufte-css-strokes.json

Last active September 4, 2021 23:24
Show Gist options
  • Save aerickt/fca2e37f0ceb9d6b747cfced24e6b90c to your computer and use it in GitHub Desktop.
Save aerickt/fca2e37f0ceb9d6b747cfced24e6b90c to your computer and use it in GitHub Desktop.
Download ZIP
Tufte CSS HTML Strokes
Raw
tufte-css-strokes.json
"TA*G": ".",
"TA*G/*EU": "{^}</i>",
"TA*G/*UL": "{^}</ul>",
"TA*G/A": "<a href=\"",
"TA*G/A*": "{^}</a>",
"TA*G/AE": "<a target=\"_blank\" rel=\"noopener noreferrer\" href=\"{^}",
"TA*G/EU": "<i>{^}",
"TA*G/H*/1": "{^}<h1>{^}{-|}",
"TA*G/H*/1*": "{^}</h1>",
"TA*G/H*/2": "{^}<h2>{^}{-|}",
"TA*G/H*/2*": "{^}</h2>",
"TA*G/H*/3": "{^}<h3>{^}{-|}",
"TA*G/H*/3*": "{^}</h3>",
"TA*G/H/1": "{^}<h1>{^}{-|}",
"TA*G/H/2": "{^}<h2>{^}{-|}",
"TA*G/H/2*": "{^}</h2>",
"TA*G/H/3": "{^}<h3>{^}{-|}",
"TA*G/H/3*": "{^}</h3>",
"TA*G/HR*EU": "{^}</li>",
"TA*G/HREU": "{^}<li>{^}{-|}",
"TA*G/KO*ED": "{^}</code>",
"TA*G/KOED": "<code>{^}",
"TA*G/P": "{^}<p>{^}{-|}",
"TA*G/P*": "{^}</p>",
"TA*G/P*EUFP": "{^}\" alt=\"picture\"/>\n</figure>{#Shift(tab)}",
"TA*G/PEUFP": "{^}<figure>\n <label for=\"picture-{^}{:time:%s}\" class=\"margin-toggle\">&#8853;</label>\n<input type=\"checkbox\" id=\"picture-{^}{:time:%s}\" class=\"margin-toggle\"/>\n<span class=\"marginnote\"></span>\n<img src=\"./img/{^}",
"TA*G/PHARPB/P*EUFP": "{^}\" alt=\"margin picture\"/> Margin Picture\n</p>{#Shift(tab)}",
"TA*G/PHARPB/PEUFP": "{^}<p>\n <label for=\"margin-picture-{^}{:time:%s}\" class=\"margin-toggle\">&#8853;</label>\n<input type=\"checkbox\" id=\"margin-picture-{^}{:time:%s}\" class=\"margin-toggle\"/>\n<span class=\"marginnote\"><img src=\"./img/{^}",
"TA*G/PHARPB/SRO*EUD": "{^}\">\n{#Shift(tab)}{^}</video>\n{#shift(tab)}{^}</span>\n{#shift(tab)}{^}</p>",
"TA*G/PHARPB/SROEUD": "<p>\n <label for=\"margin-picture-{^}{:time:%s} \" class=\"margin-toggle\">&#8853;</label>\n<input type=\"checkbox\" id=\"margin-picture-{^}{:time:%s} \" class=\"margin-toggle\"/>\n<span class=\"marginnote\">\n <video width=100% controls>\n <source src=\"./img/{^}",
"TA*G/PHARPB/TPHOET": "<label for=\"mn-{^}{:time:%s}\" class=\"margin-toggle\">&#8853;</label><input type=\"checkbox\" id=\"mn-{^}{:time:%s}\" class=\"margin-toggle\"/><span class=\"marginnote\"></span>{#left}{#left}{#left}{#left}{#left}{#left}{#left}{^}{-|}",
"TA*G/PHE/TA": "{^}<h1></h1>\n<p class=\"subtitle\"></p>\n<h3></h3>",
"TA*G/PR*E": "{^}</pre>{^}",
"TA*G/PRE": "{^}<pre>{^}",
"TA*G/RE/TKREBGT": "{^}<meta http-equiv=\"Refresh\" content=\"0; url=../\" />",
"TA*G/S*EBGS": "{#Shift(tab)}{^}</section>",
"TA*G/SAOEUD/TPHOET": "<label for=\"sn-{^}{:time:%s}\" class=\"margin-toggle sidenote-number\"></label><input type=\"checkbox\" id=\"sn-{^}{:time:%s}\" class=\"margin-toggle\"/><span class=\"sidenote\"></span>{#left}{#left}{#left}{#left}{#left}{#left}{#left}{^}{-|}",
"TA*G/SEBGS": "{^}<section>{^}{-|}",
"TA*G/SRO*EUD": "{^}\">\n{#Shift(tab)}{^}</video>\n{#Shift(tab)}{^}</figure>",
"TA*G/SROEUD": "{^}<figure>\n <label for=\"picture-{^}{:time:%s}\" class=\"margin-toggle\">&#8853;</label>\n<input type=\"checkbox\" id=\"picture-{^}{:time:%s}\" class=\"margin-toggle\"/>\n<span class=\"marginnote\"></span>\n<video width=100% controls>\n <source src=\"./img/{^}",
"TA*G/SUBT": "{^}<p class=\"subtitle\">{^}{-|}",
"TA*G/UL": "{^}<ul>{^}{-|}",
"TA*G/TPAOEUPBL": "<br>\n<h2><a href=\"../\">Back</a>\n</article>\n</body>\n</html>",
"TA*G/TPHEURBL": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\"/>\n<title>Title Here</title>\n<link rel=\"stylesheet\" href=\"../../css/tufte.css\"/>\n<link rel=\"stylesheet\" href=\"../../css/latex.css\"/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<script src='../../image-click.js'></script>\n</head>\n<body>\n<article>\n<h1>Title Here</h1>\n<p class=\"subtitle\">Description Here</p>\n<h3>{:time:%Y-%m-%d}</h3>",
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment