enable raw HTML by default and add some styling

assets/scss/pages/post.scss

@@ -1,5 +1,6 @@
 @import '../main';
 @import '../partials/github-syntax-highlighting';
+@import '../partials/colors';
 
 .post {
   width: 100%;
@@ -236,3 +237,18 @@ footer {
   margin: 1.5rem auto !important;
   width: 375px !important;
 }
+
+table {
+  max-width: 100%;
+  border-spacing: 0;
+
+  thead {
+    background: $lightGrey;
+  }
+
+  th,
+  td {
+    padding: 0.5em 1em;
+    border: 1px double $greyTableBorder;
+  }
+}

assets/scss/partials/_colors.scss

@@ -1,4 +1,6 @@
 $black: #111;
+$lightGrey: #F7F7F7;
+$greyTableBorder: #EEEEEE;
 $grey: #9B9B9B;
 $darkGrey: #717171;
 $white: #fff;

assets/scss/partials/_typography.scss

@@ -117,3 +117,7 @@ pre code {
 .lead {
   font-size: $scale * 1rem;
 }
+
+abbr[title] {
+  text-decoration: underline double;
+}

exampleSite/config.toml

@@ -41,6 +41,10 @@ themesDir = "../../"
 [markup]
   [markup.highlight]
     codeFences = false
+    
+  # Set to false to disallow raw HTML in markdown files
+  [markup.goldmark.renderer]
+      unsafe = true
 
 # Controls the navigation
 [[menu.main]]