From d872002ee99e4952a234d47fe29bbd3f52148203 Mon Sep 17 00:00:00 2001
From: Maxime Moraine <mmoraine@bearstech.com>
Date: Mon, 30 Mar 2020 14:26:19 +0200
Subject: [PATCH] style

---
 docs/.vuepress/config.js                      | 14 ++++++-
 docs/.vuepress/theme/components/NavDrawer.vue |  8 ++--
 docs/.vuepress/theme/components/Navbar.vue    |  2 +-
 docs/.vuepress/theme/components/Page.vue      |  2 +-
 docs/.vuepress/theme/components/Spell.vue     |  8 +---
 docs/.vuepress/theme/enhanceApp.js            |  9 +++--
 docs/.vuepress/theme/layouts/GlobalLayout.vue |  2 +-
 docs/.vuepress/theme/styles/_anchors.scss     | 22 ++++++++++
 docs/.vuepress/theme/styles/_colors.scss      |  3 ++
 docs/.vuepress/theme/styles/main.scss         | 10 +++++
 docs/.vuepress/theme/styles/wrapper.styl      |  9 -----
 docs/races/halfelin/README.md                 |  2 +-
 package.json                                  |  9 ++++-
 yarn.lock                                     | 40 ++++++++++++++++++-
 14 files changed, 108 insertions(+), 32 deletions(-)
 create mode 100644 docs/.vuepress/theme/styles/_anchors.scss
 create mode 100644 docs/.vuepress/theme/styles/_colors.scss
 create mode 100644 docs/.vuepress/theme/styles/main.scss
 delete mode 100644 docs/.vuepress/theme/styles/wrapper.styl

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index a768baa..a97952e 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -19,9 +19,21 @@ module.exports = {
           },
         ],
       }
-    ]
+    ],
+    ['check-md'],
   ],
+  markdown: {
+    anchor: {
+      permalinkBefore: false,
+      permalinkSymbol: '<i class="v-icon notranslate mdi mdi-link-variant"></i>'
+    },
+    extendMarkdown: md => {
+      md.use(require('markdown-it-div'))
+    }
+  },
   themeConfig: {
+    primaryColor: '#563f5a',
+    accentColor: '#9b1c47',
     searchPlaceholder: 'Recherche',
     nav: [
       { text: 'Home', link: '/' },
diff --git a/docs/.vuepress/theme/components/NavDrawer.vue b/docs/.vuepress/theme/components/NavDrawer.vue
index a33634f..313609e 100644
--- a/docs/.vuepress/theme/components/NavDrawer.vue
+++ b/docs/.vuepress/theme/components/NavDrawer.vue
@@ -14,7 +14,7 @@
       </v-treeview> -->
     <v-list dense nav>
       <template v-for="item in items">
-        <v-list-group v-if="item.children" :key="item.title" v-model="item.expanded">
+        <v-list-group v-if="item.children" :key="item.title" v-model="item.expanded" :color="$site.themeConfig.accentColor">
           <template v-slot:activator>
             <v-list-item-content>
               <v-list-item-title>
@@ -24,7 +24,7 @@
           </template>
 
           <template v-for="child in item.children">
-            <v-list-group v-if="child.children" :key="child.title" sub-group v-model="child.expanded">
+            <v-list-group v-if="child.children" :key="child.title" sub-group v-model="child.expanded" :color="$site.themeConfig.accentColor">
               <template v-slot:activator>
                 <v-list-item-content>
                   <v-list-item-title>
@@ -49,7 +49,7 @@
             </v-list-item>
           </template>
         </v-list-group>
-        <v-list-item v-else :key="item.title" link :to="{path: item.path}">
+        <v-list-item v-else :key="item.title" link :to="{path: item.path}" :color="$site.themeConfig.accentColor">
           <v-list-item-content>
             <v-list-item-title>
               {{ item.title }}
@@ -115,7 +115,7 @@ export default {
         }
       }
     }
-    
+
     .v-list--nav {
       .v-list-item {
         padding-left: 24px;
diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue
index e0fed4c..a716d04 100644
--- a/docs/.vuepress/theme/components/Navbar.vue
+++ b/docs/.vuepress/theme/components/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" app color="blue darken-3" dark>
+  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" app :color="$site.themeConfig.primaryColor" dark>
     <v-app-bar-nav-icon @click.stop="setDrawer" />
     <v-toolbar-title class="ml-0 mr-4 pl-4">
       <v-btn class="hidden-sm-and-down site-title" text link :to="{ path: '/' }">{{ $site.title }}</v-btn>
diff --git a/docs/.vuepress/theme/components/Page.vue b/docs/.vuepress/theme/components/Page.vue
index f0c4a20..c700eeb 100644
--- a/docs/.vuepress/theme/components/Page.vue
+++ b/docs/.vuepress/theme/components/Page.vue
@@ -1,7 +1,7 @@
 <template>
   <main class="page content">
 
-    <Content />
+    <Content class="content" />
 
   </main>
 </template>
diff --git a/docs/.vuepress/theme/components/Spell.vue b/docs/.vuepress/theme/components/Spell.vue
index 5c84f69..75cae8d 100644
--- a/docs/.vuepress/theme/components/Spell.vue
+++ b/docs/.vuepress/theme/components/Spell.vue
@@ -13,11 +13,5 @@ export default {
 }
 </script>
 
-<style lang="stylus">
-@require '../styles/wrapper.styl'
-
-.page
-  padding-bottom 2rem
-  display block
-
+<style lang="scss">
 </style>
diff --git a/docs/.vuepress/theme/enhanceApp.js b/docs/.vuepress/theme/enhanceApp.js
index 4481545..0bdd097 100644
--- a/docs/.vuepress/theme/enhanceApp.js
+++ b/docs/.vuepress/theme/enhanceApp.js
@@ -12,14 +12,17 @@ export default ({
   router,
   siteData
 }) => {
+  require('./styles/main.scss')
   Vue.use(Vuex)
   Vue.mixin({ store: store })
   Vue.use(Vuetify)
   options.vuetify = new Vuetify({
     theme: {
-      // primary: colors.red.darken1, // #E53935
-      // secondary: colors.red.lighten4, // #FFCDD2
-      // accent: colors.indigo.base // #3F51B5
+      light: {
+        primary: '#563f5a', // Héros
+        // secondary: colors.red.lighten4, // #FFCDD2
+        accent: '#9b1c47' // Dragons
+      }
     }
   })
 }
diff --git a/docs/.vuepress/theme/layouts/GlobalLayout.vue b/docs/.vuepress/theme/layouts/GlobalLayout.vue
index 15249de..cdf3362 100644
--- a/docs/.vuepress/theme/layouts/GlobalLayout.vue
+++ b/docs/.vuepress/theme/layouts/GlobalLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app>
+  <v-app class="srd">
 
     <NavDrawer />
 
diff --git a/docs/.vuepress/theme/styles/_anchors.scss b/docs/.vuepress/theme/styles/_anchors.scss
new file mode 100644
index 0000000..a214543
--- /dev/null
+++ b/docs/.vuepress/theme/styles/_anchors.scss
@@ -0,0 +1,22 @@
+h1 {
+  a.header-anchor {
+    display: none;
+  }
+}
+
+h2, h3, h4, h5, h6 {
+  a.header-anchor {
+    display: none;
+  }
+
+  &:hover {
+    a.header-anchor {
+      display: inline-block;
+      color: $color-gray;
+
+      &:hover {
+        color: $color-dragon;
+      }
+    }
+  }
+}
diff --git a/docs/.vuepress/theme/styles/_colors.scss b/docs/.vuepress/theme/styles/_colors.scss
new file mode 100644
index 0000000..4124505
--- /dev/null
+++ b/docs/.vuepress/theme/styles/_colors.scss
@@ -0,0 +1,3 @@
+$color-hero: #563f5a;
+$color-dragon: #9b1c47;
+$color-gray: #555;
diff --git a/docs/.vuepress/theme/styles/main.scss b/docs/.vuepress/theme/styles/main.scss
new file mode 100644
index 0000000..25f2ba1
--- /dev/null
+++ b/docs/.vuepress/theme/styles/main.scss
@@ -0,0 +1,10 @@
+@import "colors";
+@import "anchors";
+
+.srd {
+  .content {
+    a {
+      color: #9b1c47;
+    }
+  }
+}
diff --git a/docs/.vuepress/theme/styles/wrapper.styl b/docs/.vuepress/theme/styles/wrapper.styl
deleted file mode 100644
index a99262c..0000000
--- a/docs/.vuepress/theme/styles/wrapper.styl
+++ /dev/null
@@ -1,9 +0,0 @@
-$wrapper
-  max-width $contentWidth
-  margin 0 auto
-  padding 2rem 2.5rem
-  @media (max-width: $MQNarrow)
-    padding 2rem
-  @media (max-width: $MQMobileNarrow)
-    padding 1.5rem
-
diff --git a/docs/races/halfelin/README.md b/docs/races/halfelin/README.md
index 18d9cea..9629b94 100644
--- a/docs/races/halfelin/README.md
+++ b/docs/races/halfelin/README.md
@@ -10,7 +10,7 @@ sidebarDepth: 0
 **Alignement**. La majorité des halfelins est d'alignement Loyal Bon. Ce sont par nature des êtres qui ont un bon cœur et qui sont affables. Ils détestent voir les autres créatures souffrir et ne tolèrent pas l'oppression. Ils sont aussi très organisés et respectueux des traditions. Ils se reposent beaucoup sur leur communauté et le confort apporté par leurs coutumes.  
 **Taille**. D'une taille moyenne de 90 centimètres, les halfelins pèsent environ 20 kg. Ils sont de petite taille.  
 **Vitesse**. Votre vitesse au sol de base est de 7,50 mètres.  
-**Chanceux**. Quand vous faites un 1 avec le d20 d'un [jet d'attaque](/combattre#jets-dattaque), d'un test de caractéristiques ou d'un jet de sauvegarde, vous pouvez relancer le dé. Mais vous devez utiliser le nouveau résultat du jet.  
+**Chanceux**. Quand vous faites un 1 avec le d20 d'un [jet d'attaque](/combattre/#jets-d-attaque), d'un test de caractéristiques ou d'un jet de sauvegarde, vous pouvez relancer le dé. Mais vous devez utiliser le nouveau résultat du jet.  
 **Brave**. Vous bénéficiez d'un avantage sur les jets de sauvegarde contre la terreur.  
 **Agilité halfeline**. Vous pouvez traverser n'importe quel emplacement occupé par une créature plus grande que vous.  
 **Langues**. Vous pouvez parler, lire et écrire en commun et en halfelin. Bien que la langue des halfelins n'ait rien d'un secret, ils n'aiment pas l'apprendre aux autres. Ils écrivent très peu et n'ont donc pas énormément de livres. Leur tradition orale est par contre très riche. Presque tous les halfelins parlent le commun, une langue dont ils partagent l'alphabet, ce qui leur permet de converser avec les gens qui habitent sur les mêmes territoires qu'eux ou dont ils traversent les terres.
diff --git a/package.json b/package.json
index 61f83e1..54a5bd0 100644
--- a/package.json
+++ b/package.json
@@ -5,18 +5,23 @@
   "author": "Maxime Moraine",
   "license": "MIT",
   "scripts": {
-    "docs:dev": "vuepress dev docs",
-    "docs:build": "vuepress build docs"
+    "dev": "vuepress dev docs",
+    "build": "vuepress build docs",
+    "check-md": "vuepress check-md docs"
   },
   "dependencies": {
     "@mdi/font": "^5.0.45",
     "@vuepress/plugin-blog": "^1.9.2",
     "flexsearch": "nextapps-de/flexsearch",
+    "markdown-it-div": "^1.1.0",
     "node-sass": "^4.13.1",
     "sass-loader": "^8.0.2",
     "vuepress": "^1.4.0",
     "vuepress-plugin-clean-urls": "^1.1.1",
     "vuetify": "^2.2.19",
     "vuex": "^3.1.3"
+  },
+  "devDependencies": {
+    "vuepress-plugin-check-md": "^0.0.2"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index a380760..7208a8d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -818,6 +818,14 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
   integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
 
+"@sindresorhus/slugify@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/slugify/-/slugify-0.8.0.tgz#5550b7fa064f3a8a82651463ad635378054c72d0"
+  integrity sha512-Y+C3aG0JHmi4nCfixHgq0iAtqWCjMCliWghf6fXbemRKSGzpcrHdYxGZGDt8MeFg+gH7ounfMbz6WogqKCWvDg==
+  dependencies:
+    escape-string-regexp "^1.0.5"
+    lodash.deburr "^4.1.0"
+
 "@szmarczak/http-timer@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
@@ -2046,6 +2054,17 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+check-md@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/check-md/-/check-md-1.0.0.tgz#6ba97cf4e061b23691b4132591afb168d4cd5910"
+  integrity sha512-H9LS+TDB6ix4QZQFiTp2TVIL+24zKutOKDqxIxAxnvkx3phpzrwPINaykD8RSeynxIVp3s0PecR2GEA3KLbziQ==
+  dependencies:
+    "@sindresorhus/slugify" "^0.8.0"
+    chalk "^2.4.2"
+    commander "^2.19.0"
+    diacritics "^1.3.0"
+    globby "^9.1.0"
+
 chokidar@^2.0.2, chokidar@^2.0.3, chokidar@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
@@ -2234,7 +2253,7 @@ commander@2.17.x:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
   integrity sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==
 
-commander@^2.20.0:
+commander@^2.19.0, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
@@ -3702,7 +3721,7 @@ globby@^7.1.1:
     pify "^3.0.0"
     slash "^1.0.0"
 
-globby@^9.2.0:
+globby@^9.1.0, globby@^9.2.0:
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
   integrity sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==
@@ -4811,6 +4830,11 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
 
+lodash.deburr@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/lodash.deburr/-/lodash.deburr-4.1.0.tgz#ddb1bbb3ef07458c0177ba07de14422cb033ff9b"
+  integrity sha1-3bG7s+8HRYwBd7oH3hRCLLAz/5s=
+
 lodash.defaultsdeep@4.6.1:
   version "4.6.1"
   resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
@@ -4987,6 +5011,11 @@ markdown-it-container@^2.0.0:
   resolved "https://registry.yarnpkg.com/markdown-it-container/-/markdown-it-container-2.0.0.tgz#0019b43fd02eefece2f1960a2895fba81a404695"
   integrity sha1-ABm0P9Au7+zi8ZYKKJX7qBpARpU=
 
+markdown-it-div@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/markdown-it-div/-/markdown-it-div-1.1.0.tgz#779c07a2313a36e59afd54c39907f9bc87c1ab20"
+  integrity sha512-Vz1T8cPG4sRofn5VlwiGMpy7AyhizbBZcFmvVDf/mlDgF7Mt6QqjPhc/nLlLYB3EANkJfO4kym7R6SZ7RhGvCQ==
+
 markdown-it-emoji@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/markdown-it-emoji/-/markdown-it-emoji-1.4.0.tgz#9bee0e9a990a963ba96df6980c4fddb05dfb4dcc"
@@ -8134,6 +8163,13 @@ vuepress-html-webpack-plugin@^3.2.0:
     toposort "^1.0.0"
     util.promisify "1.0.0"
 
+vuepress-plugin-check-md@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/vuepress-plugin-check-md/-/vuepress-plugin-check-md-0.0.2.tgz#e0c5f296948fa5df24280971ee6a725c00a88738"
+  integrity sha512-XwA/IiMNvR42L3ajmkr+6JY3JRnhDN+uluh1wLYl0VAI8VqTkXT7Ng4xlxgebfLPChEFPnJgcydGv8E52Zdpig==
+  dependencies:
+    check-md "1.0.0"
+
 vuepress-plugin-clean-urls@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/vuepress-plugin-clean-urls/-/vuepress-plugin-clean-urls-1.1.1.tgz#593f47be643c33c34413ba408e8bee31aaf534bd"