Commit 5d64f84e authored by Jean Rabreau's avatar Jean Rabreau
Browse files

馃拕reshaped home page

parent c63c24a1
<template>
<v-container>
<v-row no-gutters>
<v-row class="pa-5" align="center" justify="center">
<crud-list-public
id="crud-list-public"
:items="crudListItems"
......@@ -12,44 +12,36 @@
:length="projectList.pageCount"
/>
</v-row>
<v-row no-gutters class="pa-5">
<v-row class="mb-5">
<h2>
<span class="primary--text text--darken-2">Chercheuses, Chercheurs, personnel</span> de l鈥橴niversit茅 de Strasbourg, <span class="primary--text">visualisez</span> et <span class="primary--text">d茅crivez</span>
vos donn茅es avec <span class="primary--text">POUNT</span>.
</h2>
<v-row class="pa-5">
<h1>
<span class="primary--text text--darken-2">Chercheuses, Chercheurs, personnel</span> de l鈥橴niversit茅 de Strasbourg, <span class="primary--text">visualisez</span> et <span class="primary--text">d茅crivez</span>
vos donn茅es avec <span class="primary--text">POUNT</span>.
<br/>
<router-link :to="{name: 'about'}" class="secondary--text">Pour plus d鈥檌nformations.</router-link>
</v-row>
<v-row class="mb-5 d-flex flex-column justify-md-space-between align-center flex-lg-row-reverse">
<v-col class="px-16">
<h3><span class="primary--text">D茅finissez</span> vous-m锚me
</h1>
<section>
<div class="preview">
<h2><span class="primary--text">Visualisez</span> vos mod猫les
3D, images, son, vid茅o鈥.
</h2>
<Hopla/>
</div>
<div class="preview">
<h2><span class="primary--text">D茅finissez</span> vous-m锚me
la finesse des
informations de
description de vos
donn茅es.
</h3>
</v-col>
<v-col>
</h2>
<usf-renderer
class="mt-2"
:fields="fields"
:messages="messages"
:is-submit-button-displayed="false"
/>
</v-col>
</v-row>
<v-row no-gutters class="d-flex flex-column justify-md-space-between flex-lg-row">
<v-col class="pa-16">
<h3><span class="primary--text">Visualisez</span> vos mod猫les
3D, images, son, vid茅o鈥.
</h3>
</v-col>
<v-col>
<Hopla/>
</v-col>
</v-row>
</div>
</section>
</v-row>
</v-container>
</template>
......@@ -374,3 +366,31 @@ export default {
},
};
</script>
<style lang="scss" scoped>
h1 {
margin: auto;
text-align: center;
line-height: 1;
a {
font-size: initial;
font-weight: initial;
}
}
section {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 2rem;
div.preview {
h2 {
padding: 2rem 1rem;
text-align: center;
}
}
@media all and (max-width: 1000px) {
grid-template-columns: unset;
grid-template-rows: 1fr 1fr;
}
}
</style>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment