Add (static) task list support

Stephan Schmitz · Stephan Schmitz · commit 427adea3235f · 2019-09-12T09:42:05.000+02:00
diff --git a/index.html b/index.html
@@ -32,10 +32,11 @@
 
     <link href='/static/dom_distiller_viewer.css' rel='stylesheet' media='nope' onload='this.media="all"'>
     <link href='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.6/build/styles/default.min.css' rel='stylesheet' media='nope' onload='this.media="all"'>
-    <link href='/static/vendor/atom-one-light.css' rel='stylesheet' media='nope' onload='this.media="all"'>
+    <link href='/static/vendor/github-gist.css' rel='stylesheet' media='nope' onload='this.media="all"'>
 
     <script src='https://cdn.jsdelivr.net/gh/markdown-it/markdown-it@8.4.2/dist/markdown-it.min.js'></script>
     <script src='/static/vendor/markdown-it-anchor@5.0.2.min.js'></script>
+    <script src='https://unpkg.com/markdown-it-task-lists@2.1.1/dist/markdown-it-task-lists.min.js'></script>
     <script src='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.6/build/highlight.min.js' async defer></script>
 </head>
 <body class='light sans-serif'>
diff --git a/static/app.js b/static/app.js
@@ -360,6 +360,8 @@
                                 }
                             });
 
+                            md.use(window.markdownitTaskLists, {enabled: true});
+
                             // render markdown
                             this.files.markdown.forEach(file => {
                                 html += md.render(file.content);
diff --git a/static/dom_distiller_viewer.css b/static/dom_distiller_viewer.css
@@ -500,6 +500,11 @@ article {
 }
 
 .hljs {
-  white-space: pre;
-  word-wrap: normal;
+    white-space: pre;
+    word-wrap: normal;
+}
+
+ul.contains-task-list {
+    list-style-type: none;
+    margin-left: 0;
 }
diff --git a/static/vendor/github-gist.css b/static/vendor/github-gist.css
@@ -0,0 +1,71 @@
+/**
+ * GitHub Gist Theme
+ * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
+ */
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}

-Original file line number
+Diff line change
     <link href='/static/dom_distiller_viewer.css' rel='stylesheet' media='nope' onload='this.media="all"'>
     <link href='https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css' rel='stylesheet' media='nope' onload='this.media="all"'>
 -    <link href='/static/vendor/atom-one-light.css' rel='stylesheet' media='nope' onload='this.media="all"'>
 +    <link href='/static/vendor/github-gist.css' rel='stylesheet' media='nope' onload='this.media="all"'>
     <script src='https://cdn.jsdelivr.net/gh/markdown-it/[email protected]/dist/markdown-it.min.js'></script>
     <script src='/static/vendor/[email protected]'></script>
 +    <script src='https://unpkg.com/[email protected]/dist/markdown-it-task-lists.min.js'></script>
     <script src='https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js' async defer></script>
 </head>
 <body class='light sans-serif'>
Original file line number	Diff line number	Diff line change
`@@ -360,6 +360,8 @@`
`360`	`360`	`}`
`361`	`361`	`});`
`362`	`362`
	`363`	`+ md.use(window.markdownitTaskLists, {enabled: true});`
	`364`	`+`
`363`	`365`	`// render markdown`
`364`	`366`	`this.files.markdown.forEach(file => {`
`365`	`367`	`html += md.render(file.content);`
Original file line number	Diff line number	Diff line change
`@@ -500,6 +500,11 @@ article {`
`500`	`500`	`}`
`501`	`501`
`502`	`502`	`.hljs {`
`503`		`- white-space: pre;`
`504`		`- word-wrap: normal;`
	`503`	`+ white-space: pre;`
	`504`	`+ word-wrap: normal;`
	`505`	`+}`
	`506`	`+`
	`507`	`+ul.contains-task-list {`
	`508`	`+ list-style-type: none;`
	`509`	`+ margin-left: 0;`
`505`	`510`	`}`