Skip to content
Snippets Groups Projects
Commit c7a2f5c1 authored by Lene Wasskog's avatar Lene Wasskog
Browse files

feat: Format code, improve styling of front page image

parent 1f16faf5
No related branches found
No related tags found
No related merge requests found
<!-- <!--
Copyright (c) 2022 NIBIO <http://www.nibio.no/>. Copyright (c) 2022 NIBIO <http://www.nibio.no/>.
This file is part of VIPSObservationApp. This file is part of VIPSObservationApp.
VIPSObservationApp is free software: you can redistribute it and/or modify VIPSObservationApp is free software: you can redistribute it and/or modify
it under the terms of the NIBIO Open Source License as published by it under the terms of the NIBIO Open Source License as published by
NIBIO, either version 1 of the License, or (at your option) any NIBIO, either version 1 of the License, or (at your option) any
later version. later version.
VIPSObservationApp is distributed in the hope that it will be useful, VIPSObservationApp is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
NIBIO Open Source License for more details. NIBIO Open Source License for more details.
You should have received a copy of the NIBIO Open Source License You should have received a copy of the NIBIO Open Source License
along with VIPSObservationApp. If not, see <http://www.nibio.no/licenses/>. along with VIPSObservationApp. If not, see <http://www.nibio.no/licenses/>.
Author: Bhabesh Bhabani Mukhopadhyay Author: Bhabesh Bhabani Mukhopadhyay
Author: Tor-Einar Skog <tor-einar.skog@nibio.no> Author: Tor-Einar Skog <tor-einar.skog@nibio.no>
Dated : 19-Aug-2021 Dated : 19-Aug-2021
--> -->
<template> <template>
<div class="main"> <div class="main">
<center> <div class="row">
<p><img src="../assets/welcome_illus.png" style="width: 70%; margin-bottom: 50px;" /></p> <div class="col mb-4 mt-3">
<h2>{{$t("welcome.header.text")}}</h2> <img src="../assets/welcome_illus.png" class="welcome-image img-fluid" alt="Front page image" />
<p v-html="$t('welcome.body.text')"></p> </div>
<footer v-html="$t('welcome.footer.text')" /> </div>
</center> <h2>{{ $t("welcome.header.text") }}</h2>
</div> <p v-html="$t('welcome.body.text')"></p>
<footer v-html="$t('welcome.footer.text')"/>
</div>
</template> </template>
<style scoped> <style scoped>
.main { .main {
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} text-align: center;
}
footer { footer {
margin-top: 55px; margin-top: 55px;
font-size: small; font-size: small;
background-color: #3d8052; background-color: #3d8052;
color: white; color: white;
font-weight: bold; font-weight: bold;
padding: 15px; padding: 15px;
} }
</style> </style>
<script> <script>
export default ({ import CommonUtil from '@/components/CommonUtil'
data() { export default ({
return { data() {
return {}
} },
}, methods: {},
methods: { mounted() {
CommonUtil.setHeaderTitle(this.$i18n.t("index.header"));
}, }
mounted() { })
} </script>
})
</script>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment