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       p {{ st.tr["about_intro1"] }}
   6       p {{ st.tr["about_intro2"] }}
   7       p {{ st.tr["about_sitemap"] }}
   8       p(v-html="st.tr['about_contrib']")
   9       p(v-html="st.tr['about_thanks']")
  10 </template>
  11
  12 <script>
  13 import { store } from "@/store";
  14
  15 export default {
  16   name: 'my-about',
  17   data: function() {
  18     return {
  19       st: store.state,
  20     };
  21   },
  22 };
  23 </script>
  24
  25 <style lang="sass">
  26 .warn
  27   padding: 3px
  28   color: red
  29   background-color: lightgrey
  30   font-weight: bold
  31
  32 p.boxed
  33   background-color: #FFCC66
  34   padding: 5px
  35
  36 .stageDelimiter
  37   color: purple
  38
  39 .section-title
  40   padding: 0
  41
  42 .section-title > h4
  43   padding: 5px
  44
  45 ol, ul:not(.browser-default)
  46   padding-left: 20px
  47
  48 ul:not(.browser-default)
  49   margin-top: 5px
  50
  51 ul:not(.browser-default) > li
  52   list-style-type: disc
  53 </style>