client/src/views/About.vue

   1 <template lang="pug">
   2 main
   3   .row
   4     .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
   5       div(v-html="content")
   6 </template>
   7
   8 <script>
   9 import { store } from "@/store";
  10
  11 export default {
  12   name: 'my-about',
  13   computed: {
  14     content: function() {
  15       return require("raw-loader!@/translations/about/" + store.state.lang + ".pug")
  16         // Next two lines fix a weird issue after last update (2019-11)
  17         .replace(/\\[n"]/g, " ")
  18         .replace('module.exports = "', '').replace(/"$/, "");
  19     },
  20   },
  21 };
  22 </script>
  23
  24 <style lang="sass">
  25 .warn
  26   padding: 3px
  27   color: red
  28   background-color: lightgrey
  29   font-weight: bold
  30
  31 p.boxed
  32   background-color: #FFCC66
  33   padding: 5px
  34
  35 .stageDelimiter
  36   color: purple
  37
  38 .section-title
  39   padding: 0
  40
  41 .section-title > h4
  42   padding: 5px
  43
  44 ol, ul:not(.browser-default)
  45   padding-left: 20px
  46
  47 ul:not(.browser-default)
  48   margin-top: 5px
  49
  50 ul:not(.browser-default) > li
  51   list-style-type: disc
  52 </style>