jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#30 Merge fix + some more image location change

Browse Source
This commit is contained in:
Dominic Villemure
2024-04-21 14:14:40 -04:00
parent 5d37cefec1 722265b5c1
commit 0b5988fd4c
30 changed files with 1393 additions and 1866 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/main/ContactView.vue
View File

@@ -4,14 +4,13 @@
<div class="hutopy-backgroud-color">
<div class="hidden-xs flex-col items-center page-margin">
<v-container>
<!-- Banner -->
<v-row class="text-center align-center row-between-logo-text home-row">
<v-col xl="7" lg="9" md="11" sm="12" xs="12"> </v-col>
<img class="hutopy-header-image" src="../../../public/images/hutopy.png">
<v-col class="ml-0 text-left ">
<!-- Home btn -->
<RouterLink :to="{ name: 'home' }">
<v-btn class="home-btn" size="large" color="rgb(107, 0, 101)" outlined elevation="0"> Accueil</v-btn>
</RouterLink>
@@ -19,34 +18,33 @@
</v-row>
</v-container>
<!-- Home btn -->
<v-container class="row-between-logo-text">
<v-row>
<v-spacer></v-spacer>
<v-col xl="8" lg="11" md="12" sm="12" xs="12">
<v-row>
<!-- Contact image -->
<v-col>
<img class="contact-image" src="../../../public/images/contactpage/contactpicture.png">
</v-col>
<!-- Form Information -->
<v-col class="row-joinus">
<h1 class="h2-Participez-au-développement">PARTICIPEZ AU DÉVELOPPEMENT</h1>
<v-text-field label="Nom ($)" style="color: rgb(107, 0, 101);"></v-text-field>
<v-text-field label="Courriel ($)" style="color: rgb(107, 0, 101);"></v-text-field>
<v-textarea style="color: rgb(107, 0, 101)" label="Pourquoi voulez-vous participer au développement"
<v-text-field label="Nom" style="color: rgb(107, 0, 101);"></v-text-field>
<v-text-field label="Courriel" style="color: rgb(107, 0, 101);"></v-text-field>
<v-textarea style="color: rgb(107, 0, 101)" label="Pourquoi voulez-vous participer au développement?"
placeholder="Écrivez votre message ici" rows="3" auto-grow></v-textarea>
<v-textarea style="color: rgb(107, 0, 101)" label="Avez-vous déjà des comptes sur les réseaux sociaux ?"
<v-textarea style="color: rgb(107, 0, 101)" label="Avez-vous déjà des comptes sur les réseaux sociaux?"
placeholder="Écrivez votre message ici" rows="3" auto-grow></v-textarea>
<RouterLink :to="{ name: 'home' }">
<v-btn style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;"
class="mt-4 send-btn" block>Envoyez </v-btn>
</RouterLink>
</v-col>
</v-row>
<!-- Text about joining us -->
<v-row>
<v-container>
<p class="h3-text paragraph">Rejoignez l'aventure
@@ -80,30 +78,38 @@
</v-container>
</v-row>
</v-col>
<!-- Offset -->
<v-spacer></v-spacer>
</v-row>
</v-container>
</div>
<!-- Mobile low dimensions -->
<div class="hidden-sm-and-up flex-col items-center justify-center">
<!-- Offset -->
<v-spacer style="margin-bottom: 25px;"></v-spacer>
<v-img src="../../../images/contactpage/contactpicture.png" contain aspect-ratio="16/9"
<!-- Contact image -->
<v-img src="../../../public/images/contactpage/contactpicture.png" contain aspect-ratio="16/9"
style="clip-path: polygon(0 50%, 100% 0, 100% 80%, 0 100%);" class="Scale-80"></v-img>
<!-- Title -->
<v-row class="labelgroup">
<v-col cols="12">
<h1 class="h2-Participez-au-développement">PARTICIPEZ AU DÉVELOPPEMENT</h1>
</v-col>
</v-row>
<v-text-field class="labelsize" label="Nom ($)" style="margin-top: 5%; color: rgb(107, 0, 101);"></v-text-field>
<v-text-field class="labelsize" label="Courriel ($)" style="color: rgb(107, 0, 101);"></v-text-field>
<!-- Form Information -->
<v-text-field class="labelsize" label="Nom" style="margin-top: 5%; color: rgb(107, 0, 101);"></v-text-field>
<v-text-field class="labelsize" label="Courriel" style="color: rgb(107, 0, 101);"></v-text-field>
<v-textarea class="labelsize" style="color: rgb(107, 0, 101)"
label="Pourquoi voulez-vous participer au développement" placeholder="Écrivez votre message ici" rows="3"
label="Pourquoi voulez-vous participer au développement?" placeholder="Écrivez votre message ici" rows="3"
auto-grow></v-textarea>
<v-textarea class="labelsize" style="color: rgb(107, 0, 101)"
label="Avez-vous déjà des comptes sur les réseaux sociaux ?" placeholder="Écrivez votre message ici" rows="3"
label="Avez-vous déjà des comptes sur les réseaux sociaux?" placeholder="Écrivez votre message ici" rows="3"
auto-grow></v-textarea>
<RouterLink :to="{ name: 'home' }">
<v-btn style="background-color: rgb(163, 14, 121); margin-bottom: 8%; color: white; font-weight: bold;"
@@ -112,6 +118,8 @@
</v-btn>
</RouterLink>
<!-- Text about joining us -->
<p class="h3-text paragraph">Rejoignez l'aventure
Hutopy : une
invitation à façonner l'avenir de la création.
@@ -142,9 +150,7 @@
dans le ciel de notre utopie partagée.
</p>
</div>
<FooterLayout></FooterLayout>
</div>
</template>