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

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

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