From 05816bd7403dafb84947f02e4012792c77f68bd3 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Mon, 20 Apr 2020 01:14:09 +0000
Subject: [PATCH]

---
 ayanova/package-lock.json               | 5 +++++
 ayanova/package.json                    | 1 +
 ayanova/src/assets/css/main.css         | 4 ++--
 ayanova/src/components/wiki-control.vue | 7 +------
 ayanova/src/main.js                     | 1 +
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/ayanova/package-lock.json b/ayanova/package-lock.json
index 4cea66d9..132f68e5 100644
--- a/ayanova/package-lock.json
+++ b/ayanova/package-lock.json
@@ -11772,6 +11772,11 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "github-markdown-css": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/github-markdown-css/-/github-markdown-css-4.0.0.tgz",
+      "integrity": "sha512-mH0bcIKv4XAN0mQVokfTdKo2OD5K8WJE9+lbMdM32/q0Ie5tXgVN/2o+zvToRMxSTUuiTRcLg5hzkFfOyBYreg=="
+    },
     "glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
diff --git a/ayanova/package.json b/ayanova/package.json
index 435e5a79..0153fe65 100644
--- a/ayanova/package.json
+++ b/ayanova/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "core-js": "^3.6.4",
     "dompurify": "^2.0.8",
+    "github-markdown-css": "^4.0.0",
     "jwt-decode": "^2.2.0",
     "luxon": "^1.22.2",
     "marked": "^0.8.2",
diff --git a/ayanova/src/assets/css/main.css b/ayanova/src/assets/css/main.css
index 7de8590b..862d3cf5 100644
--- a/ayanova/src/assets/css/main.css
+++ b/ayanova/src/assets/css/main.css
@@ -2,11 +2,11 @@
   white-space: pre-line;
 }
 
-.aywiki > blockquote {
+/* .aywiki > blockquote {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 50px;
   padding-left: 15px;
   border-left: 3px solid #ccc;
   background-color: rgb(245, 252, 255);
-}
+} */
diff --git a/ayanova/src/components/wiki-control.vue b/ayanova/src/components/wiki-control.vue
index cab2c7e0..234e0ba6 100644
--- a/ayanova/src/components/wiki-control.vue
+++ b/ayanova/src/components/wiki-control.vue
@@ -316,7 +316,7 @@
         >
           <div
             :style="wikiStyle()"
-            class="aywiki"
+            class="markdown-body"
             v-html="compiledOutput()"
           ></div>
         </v-col>
@@ -813,11 +813,6 @@ export default {
 /**
 
 
-Clean up the example markdown, go through and use mine and sprinkle in the marked sample stuff where it differs
-  - Make sure images ONLY come from our own server, not any other
-  - Maybe make a key image and put on our server for wiki example so we can if we feel like  it track usage of demo data
-  - Put a block of emojis in it with a link to the help docs regarding emojis for extra coolness
-
 todo: STYLE /  OUTPUT CSS  IMPROVEMENTS
   - Check with MARKED to see what css they use or require or something, maybe I'm missing something they have on their site before I roll my own
   - the TOAST one is pretty cool looking
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index 9c4ac90e..5d362390 100644
--- a/ayanova/src/main.js
+++ b/ayanova/src/main.js
@@ -2,6 +2,7 @@
 
 import "@fortawesome/fontawesome-free/css/all.css";
 import "typeface-roboto/index.css";
+import "github-markdown-css";
 import Vue from "vue";
 import Vuetify from "./plugins/vuetify";
 import App from "./App.vue";