arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-23 16:30:42 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

contact page

Browse Source
This commit is contained in:
Arthur Danjou
2020-11-29 16:00:54 +01:00
parent a24c7037e5
commit 70b2b9b1fc
7 changed files with 103 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Service.vue
View File

@@ -1,49 +0,0 @@
<template>
<div class="w-72 h-80 border-2 border-black border-solid rounded-xl">
<div class="flex flex-col items-center my-3 border-b-2 border-black border-solid">
<img width="85" :src="'http://localhost:5555/files/' + cover" alt="Service Img"/>
<h1 class="items-center flex h-16 text-xl font-bold mx-4">
{{ title }}
</h1>
</div>
<div class="h-auto">
{{description }}
</div>
<div class="h-auto">
{{ price }}
</div>
</div>
</template>
<script>
export default {
name: "Service",
props: {
title: {
default: 'Title',
type: String
},
description: {
default: 'Description',
type: String
},
cover: {
default: 'default.png',
type: String
},
price: {
default: 0,
type: String
}
},
computed: {
hasPrice() {
return this.price !== '0'
}
}
}
</script>
<style scoped>
</style>

4
src/components/Skill.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="'hover:bg-'+color+'-600'">
<div class="mb-3 mr-3 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="'hover:bg-'+color+'-600'">
<div class="w-full h-full flex flex-col justify-center items-center">
<div>
<img alt="Skill Img" width="95" height="95" :src="'http://localhost:5555/files/' + cover">
<img class="rounded-full" alt="Skill Img" width="95" height="95" :src="'http://localhost:5555/files/' + cover">
</div>
<h1 class="md:text-xl text-lg font-bold text-center">{{ $t(skill) }}</h1>
</div>

2
src/components/WorkSkill.vue
View File

@@ -2,7 +2,7 @@
<div class="m-4 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="'hover:bg-'+color+'-600'">
<div class="w-full h-full flex flex-col justify-center items-center">
<div>
<img alt="Skill Img" width="95" height="95" :src="'http://localhost:5555/files/' + cover">
<img class="rounded-full" alt="Skill Img" width="95" height="95" :src="'http://localhost:5555/files/' + cover">
</div>
<h1 class="md:text-2xl text-lg font-bold">{{ $t(skill) }}</h1>
</div>