From 699057fe8dc9e7cbc65a28b4c2a5352127eb4732 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 25 May 2020 13:15:35 +0200
Subject: [PATCH] run with default markdown parsing, fix all code examples

---
 .gitignore                              | 1 +
 _config.yml                             | 8 --------
 _src/_assets/javascripts/page-guide.js  | 9 +++++----
 _src/_assets/styles/bigchain/_code.scss | 3 ++-
 4 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/.gitignore b/.gitignore
index 9565b0d..f5f0ae3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 node_modules
 Gemfile.lock
 .jekyll-metadata
+.jekyll-cache
 _dist
 .awspublish*
 yarn.lock
diff --git a/_config.yml b/_config.yml
index c9f7505..1fc8bb4 100644
--- a/_config.yml
+++ b/_config.yml
@@ -65,14 +65,6 @@ typekitID:              fih1ngo
 permalink:              /:title/
 
 
-# Content Parsing
-# --------------------
-markdown:               redcarpet
-
-redcarpet:
-    extensions:         ['no_intra_emphasis', 'autolink', 'tables', 'smart', 'hard_wrap', 'fenced_code_blocks', 'strikethrough', 'highlight', 'quote', 'footnotes', 'with_toc_data', 'space_after_headers', 'superscript', 'lax_spacing']
-
-
 # Generator
 # --------------------
 source:                 ./_src
diff --git a/_src/_assets/javascripts/page-guide.js b/_src/_assets/javascripts/page-guide.js
index 6543ffc..a3660b4 100644
--- a/_src/_assets/javascripts/page-guide.js
+++ b/_src/_assets/javascripts/page-guide.js
@@ -7,13 +7,14 @@ document.addEventListener('DOMContentLoaded', (event) => {
     const successImage = '<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path d="M2.12132034,39.4786797 C0.949747468,38.3071068 -0.949747468,38.3071068 -2.12132034,39.4786797 C-3.29289322,40.6502525 -3.29289322,42.5497475 -2.12132034,43.7213203 L14.2786797,60.1213203 C15.5878487,61.4304894 17.7587151,61.2529588 18.8377878,59.7484823 L60.4377878,1.74848232 C61.403448,0.402129267 61.0948354,-1.47212773 59.7484823,-2.43778785 C58.4021293,-3.40344797 56.5278723,-3.09483537 55.5622122,-1.74848232 L16.0221415,53.3795008 L2.12132034,39.4786797 Z" transform="translate(3 3)"/></svg>'
     const clipboardButton = `<button class="btn btn--clipboard" title="Copy to clipboard">${clipboardImage}</button>`
 
-    const codeBlocks = document.querySelectorAll('.highlight')
+    const codeBlocks = document.querySelectorAll('div.highlighter-rouge')
 
     codeBlocks.forEach(codeBlock => {
-        const language = codeBlock.getElementsByTagName('code')[0].dataset.lang
-
-        codeBlock.insertAdjacentHTML('afterbegin', clipboardButton)
+        const language = codeBlock.className.split(' ')[0].replace('language-', '')
         codeBlock.insertAdjacentHTML('afterbegin', `<h6 class="highlight__title">${language}</h6>`)
+
+        const pre = codeBlock.querySelectorAll('div.highlight')[0]
+        pre.insertAdjacentHTML('afterbegin', clipboardButton)
     })
 
     const buttons = document.querySelectorAll('.highlight .btn--clipboard')
diff --git a/_src/_assets/styles/bigchain/_code.scss b/_src/_assets/styles/bigchain/_code.scss
index 7f8529f..739dad2 100644
--- a/_src/_assets/styles/bigchain/_code.scss
+++ b/_src/_assets/styles/bigchain/_code.scss
@@ -77,8 +77,9 @@ pre {
     .btn--clipboard,
     .success__text {
         position: absolute;
-        top: $spacer * 1.65;
+        top: .1rem;
         right: .1rem;
+        z-index: 10;
     }
 
     .success__text {