raffi/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

end of project

Browse Source
This commit is contained in:
Raffiskender
2023-06-20 09:16:28 +02:00
parent e214326ad5
commit 17e5e3fcfe
39 changed files with 1055 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/Contact.vue
View File

@@ -92,34 +92,34 @@ const onSubmit = () => {
<h3><span>contact</span></h3>
</div>
<div class="form">
<p class="subtitle">Please full up the form to keep in touch&nbsp;!</p>
<p class="subtitle">Please full up the form to keep in touch!</p>
<form @submit.prevent="onSubmit()">
<div class="form-item">
<label class="first" for="name">Your name</label>
<input v-model="name" id="name" type="text" placeholder="Name">
<div class="error" v-if="errors.name">
Please enter your name !
Please enter your name!
</div>
</div>
<div class="form-item">
<label for="coordinates">Your coordinates</label>
<input v-model="coordinates" id="coordinates" type="text" placeholder="A phone or a mail (or both)">
<div class="error" v-if="errors.coordinates">
Please enter some coordinates !
Please enter some coordinates!
</div>
</div>
<div class="form-item">
<label for="company">Your company</label>
<input v-model="company" id="company" type="text" placeholder="Company ">
<div class="error" v-if="errors.company">
Please enter your company !
Please enter your company!
</div>
</div>
<div class="form-item">
<label for="message-content">Your message</label>
<textarea v-model="content" id="message-content" rows="5" cols="22" placeholder="Message"></textarea>
<div class="error" v-if="errors.content">
Please write something !
Please write something!
</div>
</div>
<p class="small">
@@ -156,7 +156,7 @@ const onSubmit = () => {
</template>
<style lang="scss" scoped>
@import '../style/shared.scss';
@import '../style/colors.scss';
.modal-content{
& > .modal-title{
text-align: center;
@@ -217,12 +217,12 @@ const onSubmit = () => {
font-size : 0.75em;
padding: 1em 0.5em;
& > a{
color: rgb(169, 162, 255);
color: $hypertext-normal;
text-decoration: none;
transition : 0.25s;
&:hover{
text-decoration: underline;
color: lighten(rgb(169, 162, 255), 5%);
color: $hypertext-light;
}
}
}
@@ -230,23 +230,27 @@ const onSubmit = () => {
margin: 0.5em;
border: none;
//border-radius: 10px;
border-radius: 7px;
font-size:1.5rem;
background-color: darken($green, 10%);
background-color: $action-normal;
outline : 3px;
outline-style: solid;
outline-offset: -5px;
outline-color: black;
color:black;
outline-color: $page-bg;
color:$page-bg;
padding: 0.3em 0.9em;
transition:0.3s;
&:hover{
cursor: pointer;
background-color: $green
background-color: darken($action-normal, 15%)
}
&:disabled{
background-color: hsl(0, 0%, 55%);
outline-color: $page-bg;
color:$page-bg;
&:hover{
cursor : default;
}
@@ -263,7 +267,7 @@ p.subtitle{
margin: auto 0.5em;
}
.error{
color: $red-light;
color: $renforced-light;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.25em;