add md_font_weight test

This commit is contained in:
Gavin Nishizawa 2023-04-10 11:41:14 -07:00
parent c3f681011b
commit 649a3f0f78
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
5 changed files with 1875 additions and 0 deletions

View file

@ -668,6 +668,19 @@ x: {
y
z
}
`,
},
{
name: "md_font_weight",
script: `
explanation: |md
# I can do headers
- lists
- lists
And other normal markdown stuff
|
`,
},
}

View file

@ -0,0 +1,88 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "explanation",
"type": "text",
"pos": {
"x": 0,
"y": 0
},
"width": 229,
"height": 159,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "transparent",
"stroke": "N1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# I can do headers\n\n- lists\n- lists\n\nAnd other normal markdown stuff",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 229,
"labelHeight": 159,
"zIndex": 0,
"level": 1
}
],
"connections": [],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"zIndex": 0,
"level": 0
}
}

View file

@ -0,0 +1,843 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 231 161"><svg id="d2-svg" class="d2-3066126663" width="231" height="161" viewBox="-1 -1 231 161"><rect x="-1.000000" y="-1.000000" width="231.000000" height="161.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3066126663 .text {
font-family: "d2-3066126663-font-regular";
}
@font-face {
font-family: d2-3066126663-font-regular;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-3066126663 .fill-N1{fill:#0A0F25;}
.d2-3066126663 .fill-N2{fill:#676C7E;}
.d2-3066126663 .fill-N3{fill:#9499AB;}
.d2-3066126663 .fill-N4{fill:#CFD2DD;}
.d2-3066126663 .fill-N5{fill:#DEE1EB;}
.d2-3066126663 .fill-N6{fill:#EEF1F8;}
.d2-3066126663 .fill-N7{fill:#FFFFFF;}
.d2-3066126663 .fill-B1{fill:#0D32B2;}
.d2-3066126663 .fill-B2{fill:#0D32B2;}
.d2-3066126663 .fill-B3{fill:#E3E9FD;}
.d2-3066126663 .fill-B4{fill:#E3E9FD;}
.d2-3066126663 .fill-B5{fill:#EDF0FD;}
.d2-3066126663 .fill-B6{fill:#F7F8FE;}
.d2-3066126663 .fill-AA2{fill:#4A6FF3;}
.d2-3066126663 .fill-AA4{fill:#EDF0FD;}
.d2-3066126663 .fill-AA5{fill:#F7F8FE;}
.d2-3066126663 .fill-AB4{fill:#EDF0FD;}
.d2-3066126663 .fill-AB5{fill:#F7F8FE;}
.d2-3066126663 .stroke-N1{stroke:#0A0F25;}
.d2-3066126663 .stroke-N2{stroke:#676C7E;}
.d2-3066126663 .stroke-N3{stroke:#9499AB;}
.d2-3066126663 .stroke-N4{stroke:#CFD2DD;}
.d2-3066126663 .stroke-N5{stroke:#DEE1EB;}
.d2-3066126663 .stroke-N6{stroke:#EEF1F8;}
.d2-3066126663 .stroke-N7{stroke:#FFFFFF;}
.d2-3066126663 .stroke-B1{stroke:#0D32B2;}
.d2-3066126663 .stroke-B2{stroke:#0D32B2;}
.d2-3066126663 .stroke-B3{stroke:#E3E9FD;}
.d2-3066126663 .stroke-B4{stroke:#E3E9FD;}
.d2-3066126663 .stroke-B5{stroke:#EDF0FD;}
.d2-3066126663 .stroke-B6{stroke:#F7F8FE;}
.d2-3066126663 .stroke-AA2{stroke:#4A6FF3;}
.d2-3066126663 .stroke-AA4{stroke:#EDF0FD;}
.d2-3066126663 .stroke-AA5{stroke:#F7F8FE;}
.d2-3066126663 .stroke-AB4{stroke:#EDF0FD;}
.d2-3066126663 .stroke-AB5{stroke:#F7F8FE;}
.d2-3066126663 .background-color-N1{background-color:#0A0F25;}
.d2-3066126663 .background-color-N2{background-color:#676C7E;}
.d2-3066126663 .background-color-N3{background-color:#9499AB;}
.d2-3066126663 .background-color-N4{background-color:#CFD2DD;}
.d2-3066126663 .background-color-N5{background-color:#DEE1EB;}
.d2-3066126663 .background-color-N6{background-color:#EEF1F8;}
.d2-3066126663 .background-color-N7{background-color:#FFFFFF;}
.d2-3066126663 .background-color-B1{background-color:#0D32B2;}
.d2-3066126663 .background-color-B2{background-color:#0D32B2;}
.d2-3066126663 .background-color-B3{background-color:#E3E9FD;}
.d2-3066126663 .background-color-B4{background-color:#E3E9FD;}
.d2-3066126663 .background-color-B5{background-color:#EDF0FD;}
.d2-3066126663 .background-color-B6{background-color:#F7F8FE;}
.d2-3066126663 .background-color-AA2{background-color:#4A6FF3;}
.d2-3066126663 .background-color-AA4{background-color:#EDF0FD;}
.d2-3066126663 .background-color-AA5{background-color:#F7F8FE;}
.d2-3066126663 .background-color-AB4{background-color:#EDF0FD;}
.d2-3066126663 .background-color-AB5{background-color:#F7F8FE;}
.d2-3066126663 .color-N1{color:#0A0F25;}
.d2-3066126663 .color-N2{color:#676C7E;}
.d2-3066126663 .color-N3{color:#9499AB;}
.d2-3066126663 .color-N4{color:#CFD2DD;}
.d2-3066126663 .color-N5{color:#DEE1EB;}
.d2-3066126663 .color-N6{color:#EEF1F8;}
.d2-3066126663 .color-N7{color:#FFFFFF;}
.d2-3066126663 .color-B1{color:#0D32B2;}
.d2-3066126663 .color-B2{color:#0D32B2;}
.d2-3066126663 .color-B3{color:#E3E9FD;}
.d2-3066126663 .color-B4{color:#E3E9FD;}
.d2-3066126663 .color-B5{color:#EDF0FD;}
.d2-3066126663 .color-B6{color:#F7F8FE;}
.d2-3066126663 .color-AA2{color:#4A6FF3;}
.d2-3066126663 .color-AA4{color:#EDF0FD;}
.d2-3066126663 .color-AA5{color:#F7F8FE;}
.d2-3066126663 .color-AB4{color:#EDF0FD;}
.d2-3066126663 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3066126663 .md em,
.d2-3066126663 .md dfn {
font-family: "d2-3066126663-font-italic";
}
.d2-3066126663 .md b,
.d2-3066126663 .md strong {
font-family: "d2-3066126663-font-bold";
}
.d2-3066126663 .md code,
.d2-3066126663 .md kbd,
.d2-3066126663 .md pre,
.d2-3066126663 .md samp {
font-family: "d2-3066126663-font-mono";
font-size: 1em;
}
.d2-3066126663 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-3066126663 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-3066126663-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-3066126663 .md details,
.d2-3066126663 .md figcaption,
.d2-3066126663 .md figure {
display: block;
}
.d2-3066126663 .md summary {
display: list-item;
}
.d2-3066126663 .md [hidden] {
display: none !important;
}
.d2-3066126663 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-3066126663 .md a:active,
.d2-3066126663 .md a:hover {
outline-width: 0;
}
.d2-3066126663 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-3066126663 .md dfn {
font-style: italic;
}
.d2-3066126663 .md h1 {
margin: 0.67em 0;
font-weight: 600;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-3066126663 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-3066126663 .md small {
font-size: 90%;
}
.d2-3066126663 .md sub,
.d2-3066126663 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-3066126663 .md sub {
bottom: -0.25em;
}
.d2-3066126663 .md sup {
top: -0.5em;
}
.d2-3066126663 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-3066126663 .md figure {
margin: 1em 40px;
}
.d2-3066126663 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-3066126663 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-3066126663 .md [type="button"],
.d2-3066126663 .md [type="reset"],
.d2-3066126663 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-3066126663 .md [type="button"]::-moz-focus-inner,
.d2-3066126663 .md [type="reset"]::-moz-focus-inner,
.d2-3066126663 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-3066126663 .md [type="button"]:-moz-focusring,
.d2-3066126663 .md [type="reset"]:-moz-focusring,
.d2-3066126663 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-3066126663 .md [type="checkbox"],
.d2-3066126663 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-3066126663 .md [type="number"]::-webkit-inner-spin-button,
.d2-3066126663 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-3066126663 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-3066126663 .md [type="search"]::-webkit-search-cancel-button,
.d2-3066126663 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-3066126663 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-3066126663 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-3066126663 .md a:hover {
text-decoration: underline;
}
.d2-3066126663 .md hr::before {
display: table;
content: "";
}
.d2-3066126663 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-3066126663 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-3066126663 .md td,
.d2-3066126663 .md th {
padding: 0;
}
.d2-3066126663 .md details summary {
cursor: pointer;
}
.d2-3066126663 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-3066126663 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-3066126663 .md h1,
.d2-3066126663 .md h2,
.d2-3066126663 .md h3,
.d2-3066126663 .md h4,
.d2-3066126663 .md h5,
.d2-3066126663 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
font-family: "d2-3066126663-font-regular";
}
.d2-3066126663 .md h2 {
font-weight: 600;
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-3066126663 .md h3 {
font-weight: 600;
font-size: 1.25em;
}
.d2-3066126663 .md h4 {
font-weight: 600;
font-size: 1em;
}
.d2-3066126663 .md h5 {
font-weight: 600;
font-size: 0.875em;
}
.d2-3066126663 .md h6 {
font-weight: 600;
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-3066126663 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-3066126663 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-3066126663 .md ul,
.d2-3066126663 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-3066126663 .md ol ol,
.d2-3066126663 .md ul ol {
list-style-type: lower-roman;
}
.d2-3066126663 .md ul ul ol,
.d2-3066126663 .md ul ol ol,
.d2-3066126663 .md ol ul ol,
.d2-3066126663 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-3066126663 .md dd {
margin-left: 0;
}
.d2-3066126663 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-3066126663 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-3066126663 .md input::-webkit-outer-spin-button,
.d2-3066126663 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-3066126663 .md::before {
display: table;
content: "";
}
.d2-3066126663 .md::after {
display: table;
clear: both;
content: "";
}
.d2-3066126663 .md > *:first-child {
margin-top: 0 !important;
}
.d2-3066126663 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-3066126663 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-3066126663 .md .absent {
color: var(--color-danger-fg);
}
.d2-3066126663 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-3066126663 .md .anchor:focus {
outline: none;
}
.d2-3066126663 .md p,
.d2-3066126663 .md blockquote,
.d2-3066126663 .md ul,
.d2-3066126663 .md ol,
.d2-3066126663 .md dl,
.d2-3066126663 .md table,
.d2-3066126663 .md pre,
.d2-3066126663 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-3066126663 .md blockquote > :first-child {
margin-top: 0;
}
.d2-3066126663 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-3066126663 .md sup > a::before {
content: "[";
}
.d2-3066126663 .md sup > a::after {
content: "]";
}
.d2-3066126663 .md h1:hover .anchor,
.d2-3066126663 .md h2:hover .anchor,
.d2-3066126663 .md h3:hover .anchor,
.d2-3066126663 .md h4:hover .anchor,
.d2-3066126663 .md h5:hover .anchor,
.d2-3066126663 .md h6:hover .anchor {
text-decoration: none;
}
.d2-3066126663 .md h1 tt,
.d2-3066126663 .md h1 code,
.d2-3066126663 .md h2 tt,
.d2-3066126663 .md h2 code,
.d2-3066126663 .md h3 tt,
.d2-3066126663 .md h3 code,
.d2-3066126663 .md h4 tt,
.d2-3066126663 .md h4 code,
.d2-3066126663 .md h5 tt,
.d2-3066126663 .md h5 code,
.d2-3066126663 .md h6 tt,
.d2-3066126663 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-3066126663 .md ul.no-list,
.d2-3066126663 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-3066126663 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-3066126663 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-3066126663 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-3066126663 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-3066126663 .md ul ul,
.d2-3066126663 .md ul ol,
.d2-3066126663 .md ol ol,
.d2-3066126663 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-3066126663 .md li > p {
margin-top: 16px;
}
.d2-3066126663 .md li + li {
margin-top: 0.25em;
}
.d2-3066126663 .md dl {
padding: 0;
}
.d2-3066126663 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600;
}
.d2-3066126663 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-3066126663 .md table th {
font-weight: 600;
}
.d2-3066126663 .md table th,
.d2-3066126663 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-3066126663 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-3066126663 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-3066126663 .md table img {
background-color: transparent;
}
.d2-3066126663 .md img[align="right"] {
padding-left: 20px;
}
.d2-3066126663 .md img[align="left"] {
padding-right: 20px;
}
.d2-3066126663 .md span.frame {
display: block;
overflow: hidden;
}
.d2-3066126663 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-3066126663 .md span.frame span img {
display: block;
float: left;
}
.d2-3066126663 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-3066126663 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-3066126663 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-3066126663 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-3066126663 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-3066126663 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-3066126663 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-3066126663 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-3066126663 .md span.float-left span {
margin: 13px 0 0;
}
.d2-3066126663 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-3066126663 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-3066126663 .md code,
.d2-3066126663 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-3066126663 .md code br,
.d2-3066126663 .md tt br {
display: none;
}
.d2-3066126663 .md del code {
text-decoration: inherit;
}
.d2-3066126663 .md pre code {
font-size: 100%;
}
.d2-3066126663 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-3066126663 .md .highlight {
margin-bottom: 16px;
}
.d2-3066126663 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-3066126663 .md .highlight pre,
.d2-3066126663 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-3066126663 .md pre code,
.d2-3066126663 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-3066126663 .md .csv-data td,
.d2-3066126663 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-3066126663 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-3066126663 .md .csv-data tr {
border-top: 0;
}
.d2-3066126663 .md .csv-data th {
font-weight: 600;
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-3066126663 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-3066126663 .md .footnotes ol {
padding-left: 16px;
}
.d2-3066126663 .md .footnotes li {
position: relative;
}
.d2-3066126663 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-3066126663 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-3066126663 .md .task-list-item {
list-style-type: none;
}
.d2-3066126663 .md .task-list-item label {
font-weight: 400;
}
.d2-3066126663 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-3066126663 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-3066126663 .md .task-list-item .handle {
display: none;
}
.d2-3066126663 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-3066126663 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="229" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>I can do headers</h1>
<ul>
<li>lists</li>
<li>lists</li>
</ul>
<p>And other normal markdown stuff</p>
</div></foreignObject></g></g><mask id="d2-3066126663" maskUnits="userSpaceOnUse" x="-1" y="-1" width="231" height="161">
<rect x="-1" y="-1" width="231" height="161" fill="white"></rect>
</mask></svg></svg>

After

Width:  |  Height:  |  Size: 24 KiB

View file

@ -0,0 +1,88 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "explanation",
"type": "text",
"pos": {
"x": 12,
"y": 12
},
"width": 229,
"height": 159,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "transparent",
"stroke": "N1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# I can do headers\n\n- lists\n- lists\n\nAnd other normal markdown stuff",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 229,
"labelHeight": 159,
"zIndex": 0,
"level": 1
}
],
"connections": [],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"zIndex": 0,
"level": 0
}
}

View file

@ -0,0 +1,843 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 231 161"><svg id="d2-svg" class="d2-3432398351" width="231" height="161" viewBox="11 11 231 161"><rect x="11.000000" y="11.000000" width="231.000000" height="161.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3432398351 .text {
font-family: "d2-3432398351-font-regular";
}
@font-face {
font-family: d2-3432398351-font-regular;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-3432398351 .fill-N1{fill:#0A0F25;}
.d2-3432398351 .fill-N2{fill:#676C7E;}
.d2-3432398351 .fill-N3{fill:#9499AB;}
.d2-3432398351 .fill-N4{fill:#CFD2DD;}
.d2-3432398351 .fill-N5{fill:#DEE1EB;}
.d2-3432398351 .fill-N6{fill:#EEF1F8;}
.d2-3432398351 .fill-N7{fill:#FFFFFF;}
.d2-3432398351 .fill-B1{fill:#0D32B2;}
.d2-3432398351 .fill-B2{fill:#0D32B2;}
.d2-3432398351 .fill-B3{fill:#E3E9FD;}
.d2-3432398351 .fill-B4{fill:#E3E9FD;}
.d2-3432398351 .fill-B5{fill:#EDF0FD;}
.d2-3432398351 .fill-B6{fill:#F7F8FE;}
.d2-3432398351 .fill-AA2{fill:#4A6FF3;}
.d2-3432398351 .fill-AA4{fill:#EDF0FD;}
.d2-3432398351 .fill-AA5{fill:#F7F8FE;}
.d2-3432398351 .fill-AB4{fill:#EDF0FD;}
.d2-3432398351 .fill-AB5{fill:#F7F8FE;}
.d2-3432398351 .stroke-N1{stroke:#0A0F25;}
.d2-3432398351 .stroke-N2{stroke:#676C7E;}
.d2-3432398351 .stroke-N3{stroke:#9499AB;}
.d2-3432398351 .stroke-N4{stroke:#CFD2DD;}
.d2-3432398351 .stroke-N5{stroke:#DEE1EB;}
.d2-3432398351 .stroke-N6{stroke:#EEF1F8;}
.d2-3432398351 .stroke-N7{stroke:#FFFFFF;}
.d2-3432398351 .stroke-B1{stroke:#0D32B2;}
.d2-3432398351 .stroke-B2{stroke:#0D32B2;}
.d2-3432398351 .stroke-B3{stroke:#E3E9FD;}
.d2-3432398351 .stroke-B4{stroke:#E3E9FD;}
.d2-3432398351 .stroke-B5{stroke:#EDF0FD;}
.d2-3432398351 .stroke-B6{stroke:#F7F8FE;}
.d2-3432398351 .stroke-AA2{stroke:#4A6FF3;}
.d2-3432398351 .stroke-AA4{stroke:#EDF0FD;}
.d2-3432398351 .stroke-AA5{stroke:#F7F8FE;}
.d2-3432398351 .stroke-AB4{stroke:#EDF0FD;}
.d2-3432398351 .stroke-AB5{stroke:#F7F8FE;}
.d2-3432398351 .background-color-N1{background-color:#0A0F25;}
.d2-3432398351 .background-color-N2{background-color:#676C7E;}
.d2-3432398351 .background-color-N3{background-color:#9499AB;}
.d2-3432398351 .background-color-N4{background-color:#CFD2DD;}
.d2-3432398351 .background-color-N5{background-color:#DEE1EB;}
.d2-3432398351 .background-color-N6{background-color:#EEF1F8;}
.d2-3432398351 .background-color-N7{background-color:#FFFFFF;}
.d2-3432398351 .background-color-B1{background-color:#0D32B2;}
.d2-3432398351 .background-color-B2{background-color:#0D32B2;}
.d2-3432398351 .background-color-B3{background-color:#E3E9FD;}
.d2-3432398351 .background-color-B4{background-color:#E3E9FD;}
.d2-3432398351 .background-color-B5{background-color:#EDF0FD;}
.d2-3432398351 .background-color-B6{background-color:#F7F8FE;}
.d2-3432398351 .background-color-AA2{background-color:#4A6FF3;}
.d2-3432398351 .background-color-AA4{background-color:#EDF0FD;}
.d2-3432398351 .background-color-AA5{background-color:#F7F8FE;}
.d2-3432398351 .background-color-AB4{background-color:#EDF0FD;}
.d2-3432398351 .background-color-AB5{background-color:#F7F8FE;}
.d2-3432398351 .color-N1{color:#0A0F25;}
.d2-3432398351 .color-N2{color:#676C7E;}
.d2-3432398351 .color-N3{color:#9499AB;}
.d2-3432398351 .color-N4{color:#CFD2DD;}
.d2-3432398351 .color-N5{color:#DEE1EB;}
.d2-3432398351 .color-N6{color:#EEF1F8;}
.d2-3432398351 .color-N7{color:#FFFFFF;}
.d2-3432398351 .color-B1{color:#0D32B2;}
.d2-3432398351 .color-B2{color:#0D32B2;}
.d2-3432398351 .color-B3{color:#E3E9FD;}
.d2-3432398351 .color-B4{color:#E3E9FD;}
.d2-3432398351 .color-B5{color:#EDF0FD;}
.d2-3432398351 .color-B6{color:#F7F8FE;}
.d2-3432398351 .color-AA2{color:#4A6FF3;}
.d2-3432398351 .color-AA4{color:#EDF0FD;}
.d2-3432398351 .color-AA5{color:#F7F8FE;}
.d2-3432398351 .color-AB4{color:#EDF0FD;}
.d2-3432398351 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3432398351 .md em,
.d2-3432398351 .md dfn {
font-family: "d2-3432398351-font-italic";
}
.d2-3432398351 .md b,
.d2-3432398351 .md strong {
font-family: "d2-3432398351-font-bold";
}
.d2-3432398351 .md code,
.d2-3432398351 .md kbd,
.d2-3432398351 .md pre,
.d2-3432398351 .md samp {
font-family: "d2-3432398351-font-mono";
font-size: 1em;
}
.d2-3432398351 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-3432398351 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-3432398351-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-3432398351 .md details,
.d2-3432398351 .md figcaption,
.d2-3432398351 .md figure {
display: block;
}
.d2-3432398351 .md summary {
display: list-item;
}
.d2-3432398351 .md [hidden] {
display: none !important;
}
.d2-3432398351 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-3432398351 .md a:active,
.d2-3432398351 .md a:hover {
outline-width: 0;
}
.d2-3432398351 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-3432398351 .md dfn {
font-style: italic;
}
.d2-3432398351 .md h1 {
margin: 0.67em 0;
font-weight: 600;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-3432398351 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-3432398351 .md small {
font-size: 90%;
}
.d2-3432398351 .md sub,
.d2-3432398351 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-3432398351 .md sub {
bottom: -0.25em;
}
.d2-3432398351 .md sup {
top: -0.5em;
}
.d2-3432398351 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-3432398351 .md figure {
margin: 1em 40px;
}
.d2-3432398351 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-3432398351 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-3432398351 .md [type="button"],
.d2-3432398351 .md [type="reset"],
.d2-3432398351 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-3432398351 .md [type="button"]::-moz-focus-inner,
.d2-3432398351 .md [type="reset"]::-moz-focus-inner,
.d2-3432398351 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-3432398351 .md [type="button"]:-moz-focusring,
.d2-3432398351 .md [type="reset"]:-moz-focusring,
.d2-3432398351 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-3432398351 .md [type="checkbox"],
.d2-3432398351 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-3432398351 .md [type="number"]::-webkit-inner-spin-button,
.d2-3432398351 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-3432398351 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-3432398351 .md [type="search"]::-webkit-search-cancel-button,
.d2-3432398351 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-3432398351 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-3432398351 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-3432398351 .md a:hover {
text-decoration: underline;
}
.d2-3432398351 .md hr::before {
display: table;
content: "";
}
.d2-3432398351 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-3432398351 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-3432398351 .md td,
.d2-3432398351 .md th {
padding: 0;
}
.d2-3432398351 .md details summary {
cursor: pointer;
}
.d2-3432398351 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-3432398351 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-3432398351 .md h1,
.d2-3432398351 .md h2,
.d2-3432398351 .md h3,
.d2-3432398351 .md h4,
.d2-3432398351 .md h5,
.d2-3432398351 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
font-family: "d2-3432398351-font-regular";
}
.d2-3432398351 .md h2 {
font-weight: 600;
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-3432398351 .md h3 {
font-weight: 600;
font-size: 1.25em;
}
.d2-3432398351 .md h4 {
font-weight: 600;
font-size: 1em;
}
.d2-3432398351 .md h5 {
font-weight: 600;
font-size: 0.875em;
}
.d2-3432398351 .md h6 {
font-weight: 600;
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-3432398351 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-3432398351 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-3432398351 .md ul,
.d2-3432398351 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-3432398351 .md ol ol,
.d2-3432398351 .md ul ol {
list-style-type: lower-roman;
}
.d2-3432398351 .md ul ul ol,
.d2-3432398351 .md ul ol ol,
.d2-3432398351 .md ol ul ol,
.d2-3432398351 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-3432398351 .md dd {
margin-left: 0;
}
.d2-3432398351 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-3432398351 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-3432398351 .md input::-webkit-outer-spin-button,
.d2-3432398351 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-3432398351 .md::before {
display: table;
content: "";
}
.d2-3432398351 .md::after {
display: table;
clear: both;
content: "";
}
.d2-3432398351 .md > *:first-child {
margin-top: 0 !important;
}
.d2-3432398351 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-3432398351 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-3432398351 .md .absent {
color: var(--color-danger-fg);
}
.d2-3432398351 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-3432398351 .md .anchor:focus {
outline: none;
}
.d2-3432398351 .md p,
.d2-3432398351 .md blockquote,
.d2-3432398351 .md ul,
.d2-3432398351 .md ol,
.d2-3432398351 .md dl,
.d2-3432398351 .md table,
.d2-3432398351 .md pre,
.d2-3432398351 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-3432398351 .md blockquote > :first-child {
margin-top: 0;
}
.d2-3432398351 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-3432398351 .md sup > a::before {
content: "[";
}
.d2-3432398351 .md sup > a::after {
content: "]";
}
.d2-3432398351 .md h1:hover .anchor,
.d2-3432398351 .md h2:hover .anchor,
.d2-3432398351 .md h3:hover .anchor,
.d2-3432398351 .md h4:hover .anchor,
.d2-3432398351 .md h5:hover .anchor,
.d2-3432398351 .md h6:hover .anchor {
text-decoration: none;
}
.d2-3432398351 .md h1 tt,
.d2-3432398351 .md h1 code,
.d2-3432398351 .md h2 tt,
.d2-3432398351 .md h2 code,
.d2-3432398351 .md h3 tt,
.d2-3432398351 .md h3 code,
.d2-3432398351 .md h4 tt,
.d2-3432398351 .md h4 code,
.d2-3432398351 .md h5 tt,
.d2-3432398351 .md h5 code,
.d2-3432398351 .md h6 tt,
.d2-3432398351 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-3432398351 .md ul.no-list,
.d2-3432398351 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-3432398351 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-3432398351 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-3432398351 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-3432398351 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-3432398351 .md ul ul,
.d2-3432398351 .md ul ol,
.d2-3432398351 .md ol ol,
.d2-3432398351 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-3432398351 .md li > p {
margin-top: 16px;
}
.d2-3432398351 .md li + li {
margin-top: 0.25em;
}
.d2-3432398351 .md dl {
padding: 0;
}
.d2-3432398351 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600;
}
.d2-3432398351 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-3432398351 .md table th {
font-weight: 600;
}
.d2-3432398351 .md table th,
.d2-3432398351 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-3432398351 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-3432398351 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-3432398351 .md table img {
background-color: transparent;
}
.d2-3432398351 .md img[align="right"] {
padding-left: 20px;
}
.d2-3432398351 .md img[align="left"] {
padding-right: 20px;
}
.d2-3432398351 .md span.frame {
display: block;
overflow: hidden;
}
.d2-3432398351 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-3432398351 .md span.frame span img {
display: block;
float: left;
}
.d2-3432398351 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-3432398351 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-3432398351 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-3432398351 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-3432398351 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-3432398351 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-3432398351 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-3432398351 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-3432398351 .md span.float-left span {
margin: 13px 0 0;
}
.d2-3432398351 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-3432398351 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-3432398351 .md code,
.d2-3432398351 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-3432398351 .md code br,
.d2-3432398351 .md tt br {
display: none;
}
.d2-3432398351 .md del code {
text-decoration: inherit;
}
.d2-3432398351 .md pre code {
font-size: 100%;
}
.d2-3432398351 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-3432398351 .md .highlight {
margin-bottom: 16px;
}
.d2-3432398351 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-3432398351 .md .highlight pre,
.d2-3432398351 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-3432398351 .md pre code,
.d2-3432398351 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-3432398351 .md .csv-data td,
.d2-3432398351 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-3432398351 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-3432398351 .md .csv-data tr {
border-top: 0;
}
.d2-3432398351 .md .csv-data th {
font-weight: 600;
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-3432398351 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-3432398351 .md .footnotes ol {
padding-left: 16px;
}
.d2-3432398351 .md .footnotes li {
position: relative;
}
.d2-3432398351 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-3432398351 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-3432398351 .md .task-list-item {
list-style-type: none;
}
.d2-3432398351 .md .task-list-item label {
font-weight: 400;
}
.d2-3432398351 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-3432398351 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-3432398351 .md .task-list-item .handle {
display: none;
}
.d2-3432398351 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-3432398351 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="229" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>I can do headers</h1>
<ul>
<li>lists</li>
<li>lists</li>
</ul>
<p>And other normal markdown stuff</p>
</div></foreignObject></g></g><mask id="d2-3432398351" maskUnits="userSpaceOnUse" x="11" y="11" width="231" height="161">
<rect x="11" y="11" width="231" height="161" fill="white"></rect>
</mask></svg></svg>

After

Width:  |  Height:  |  Size: 24 KiB