Hid TOC on desktops & tablets, read more

* I switched the markdown engine to markdown-it.
* I used a plugin from the new engine called markdown-it-container to generate a div tag around the TOC
* Configured the plugin to generate the classname mobileOnly
* Recreated semantic's mobile only option using CSS.
This commit is contained in:
2017-03-22 20:07:55 +11:00
parent 74f41ac28e
commit 06bb8b8ed0
5 changed files with 36 additions and 5 deletions
+3 -2
View File
@@ -1,9 +1,10 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="node_modules/markdown/lib/markdown.js"></script>
<script src="utilities.js"></script>
<script src="node_modules/markdown-it/dist/markdown-it.js"></script>
<script src="node_modules/markdown-it-container/dist/markdown-it-container.js"></script>
<script src="tsorter.min.js"></script>
<script src="utilities.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/semantic-ui/2.2.8/semantic.min.css">
<link rel="stylesheet" type="text/css" href="styles/shared.css" />
</head>