main
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
- p {{ st.tr["about_intro1"] }}
- p {{ st.tr["about_intro2"] }}
- p {{ st.tr["about_sitemap"] }}
- p(v-html="st.tr['about_contrib']")
- p(v-html="st.tr['about_thanks']")
+ div(v-html="content")
</template>
<script>
import { store } from "@/store";
-
+import afterRawLoad from "@/utils/afterRawLoad";
export default {
- name: 'my-about',
- data: function() {
- return {
- st: store.state,
- };
- },
+ name: "my-about",
+ computed: {
+ content: function() {
+ return (
+ afterRawLoad(
+ require(
+ "raw-loader!@/translations/about/" + store.state.lang + ".pug"
+ ).default
+ )
+ );
+ }
+ }
};
</script>
+<!-- Not scoped, because code is injected -->
<style lang="sass">
-.warn
- padding: 3px
- color: red
- background-color: lightgrey
- font-weight: bold
-
-p.boxed
- background-color: #FFCC66
- padding: 5px
-
-.stageDelimiter
- color: purple
-
-.section-title
- padding: 0
-
-.section-title > h4
- padding: 5px
-
-ol, ul:not(.browser-default)
- padding-left: 20px
-
-ul:not(.browser-default)
- margin-top: 5px
-
-ul:not(.browser-default) > li
- list-style-type: disc
+#links
+ margin: var(--universal-margin);
+ & > a
+ display: block
</style>