diff --git a/src/parser/parser.ts b/src/parser/parser.ts index 4f100dbc..a51aebc8 100644 --- a/src/parser/parser.ts +++ b/src/parser/parser.ts @@ -9,6 +9,7 @@ import config from './config'; const mdit = new MarkdownIt({ html: true, highlight: highlight, + linkify: true, }); mdit.use(anchor, { diff --git a/static/style.css b/static/style.css index 99b6f1be..d9be442e 100644 --- a/static/style.css +++ b/static/style.css @@ -75,6 +75,24 @@ blockquote { margin-left: 0 } +/* -------------------------------------------------------------------------- + * TABLES ------------------------------------------------------------------- */ +table { + border-spacing: 0; + border-collapse: collapse; + margin-top: 0; + margin-bottom: 16px; +} + +th, td { + padding: 6px 13px; + border: 1px solid #444; +} + +tr:nth-child(even) { + background-color: #161616; +} + /* -------------------------------------------------------------------------- * LISTS -------------------------------------------------------------------- */ li.task-list-item { list-style: none; } @@ -96,6 +114,15 @@ li.dir-list-file:before { content: '📄' } * IMAGES ------------------------------------------------------------------- */ img, svg { max-width: 100%; } +/* -------------------------------------------------------------------------- + * HORIZONTAL RULE ---------------------------------------------------------- */ +hr { + height: .25em; + margin: 24px 0; + background-color: #353535; + border: 0; +} + /* -------------------------------------------------------------------------- * LIGHT MODE --------------------------------------------------------------- */ @media (prefers-color-scheme: light) { @@ -128,4 +155,16 @@ img, svg { max-width: 100%; } color: #656d76; border-left: .25em solid #d0d7de; } + + th, td { + border: 1px solid #d8dee4; + } + + tr:nth-child(even) { + background-color: #f6f8fa; + } + + hr { + background-color: #d0d7de; + } }