Merge pull request #44 from kentnek/kent-raw-html

msfjarvis · Jun 23, 2020 · 081033d · 081033d
2 parents 7eb26ab + 8e032ad
commit 081033d
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 2 deletions.
diff --git a/assets/scss/pages/post.scss b/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;
+  }
+}
diff --git a/assets/scss/partials/_colors.scss b/assets/scss/partials/_colors.scss
@@ -1,4 +1,6 @@
 $black: #111;
+$lightGrey: #F7F7F7;
+$greyTableBorder: #EEEEEE;
 $grey: #9B9B9B;
 $darkGrey: #717171;
 $white: #fff;

diff --git a/assets/scss/partials/_typography.scss b/assets/scss/partials/_typography.scss
@@ -72,11 +72,34 @@ ol {
 }
 
 blockquote {
+  &::before {
+    position: absolute;
+    content: '\201C';
+
+    font-size: 6em;
+    font-family: 'Roboto', serif;
+    margin-top: 0.10em;;
+    margin-left: -0.2em;
+
+    z-index: -1;
+    color: darken($white, 7%);
+  }
+
   margin-top: $leading;
   margin-bottom: $leading;
   line-height: $leading;
-  color: $darkGrey;
-  font-style: italic;
+  color: $black;
+
+  cite {
+    &::before {
+      content: "— "
+    }
+
+    font-style: italic;
+    font-size: .95em;
+    color: $darkGrey;
+  }
+
 }
 
 pre {
@@ -117,3 +140,7 @@ pre code {
 .lead {
   font-size: $scale * 1rem;
 }
+
+abbr[title] {
+  text-decoration: underline double;
+}
diff --git a/exampleSite/config.toml b/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]]

diff --git a/exampleSite/content/blog/markdown-syntax.md b/exampleSite/content/blog/markdown-syntax.md
@@ -38,6 +38,14 @@ The blockquote element represents content that is quoted from another source, op
 > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use *Markdown syntax* within a blockquote.
 
+#### Blockquote with attribution
+
+> Simplicity is the ultimate sophistication.
+> <cite>Leonardo da Vinci[^1]</cite>
+
+[^1]: The above quote is often attributed to Leonardo da Vinci but there is no concrete evidence to support this.
+
+
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.