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);
-}
+} */

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

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";