lucas.delanier
/
Portfolio-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sonar
continuous-integration/drone/push Build is passing Details

Browse Source
main
Lucas DELANIER 12 months ago
parent 50817539bb
commit 398e0bc72e
10 changed files with 36 additions and 54 deletions
Show Stats Download Patch File Download Diff File

3
index.html
Unescape View File

@ -3,7 +3,8 @@
<head> <head>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap"
rel="stylesheet">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

4
src/components/Footer.vue
Unescape View File

@ -6,10 +6,10 @@ import GithubLogo from './../assets/icons/github.svg';
<template> <template>
<div class="flex flex-col justify-center items-center bg-grey-400 text-white pt-40 pb-8 px-12 sm:px-64"> <div class="flex flex-col justify-center items-center bg-grey-400 text-white pt-40 pb-8 px-12 sm:px-64">
<div class="flex flex-row justify-center items-center gap-2 py-4"> <div class="flex flex-row justify-center items-center gap-2 py-4">
<a href="https://github.com/WINK3R" target="_blank"> <a href="https://github.com/WINK3R" target="_blank" rel="noopener">
<LinkedinLogo class="w-8 h-8 text-gray-500"/> <LinkedinLogo class="w-8 h-8 text-gray-500"/>
</a> </a>
<a href="https://www.linkedin.com/in/lucas-delanier/" target="_blank"> <a href="https://www.linkedin.com/in/lucas-delanier/" target="_blank" rel="noopener">
<GithubLogo class="w-8 h-8 text-gray-500"/> <GithubLogo class="w-8 h-8 text-gray-500"/>
</a> </a>
</div> </div>

40
src/components/HelloWorld.vue
Unescape View File

@ -1,40 +0,0 @@
<script setup>
import { ref } from 'vue'
defineProps({
msg: String,
})
const count = ref(0)
</script>
<template>
<h1>{{ msg }}</h1>
<div class="card">npm install -D tailwindcss postcss autoprefixer
<button type="button" @click="count++">count is {{ count }}</button>
<p class="bg-red-500">
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>
<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Install
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>
<style scoped>
.read-the-docs {
color: #888;
}
</style>

15
src/components/HeroContainer.vue
Unescape View File

@ -4,11 +4,20 @@ import RedirectLogo from './../assets/icons/redirect.svg';
</script> </script>
<template> <template>
<div class="flex flex-col justify-center items-center"> <div class="flex flex-col justify-center items-center">
<img src="/src/assets/images/picture.png" height="624" width="624" class="w-24 h-24 sm:w-40 sm:h-40" alt="Lucas Delanier"> <img src="/src/assets/images/picture.png" height="624" width="624" class="w-24 h-24 sm:w-40 sm:h-40"
alt="Lucas Delanier">
<div class="flex flex-row items-center gap-1"> <div class="flex flex-row items-center gap-1">
<p class="pt-2">Salut, je suis Lucas</p><p class="hover:scale-150 transition-all ease-in duration-300 hover:rotate-12">👋</p> <p class="pt-2">
Salut, je suis Lucas
</p>
<p class="hover:scale-150 transition-all ease-in duration-300 hover:rotate-12">
👋
</p>
</div> </div>
<h2 class="text-center text-3xl sm:text-5xl font-medium bg-gradient-to-r from-grey-50 to-grey-100 bg-clip-text text-transparent leading-tight pt-5">Développeur &<br>designer d'application.</h2> <h1 class="text-center text-3xl sm:text-5xl font-medium bg-gradient-to-r from-grey-50 to-grey-100 bg-clip-text
text-transparent leading-tight pt-5">
Développeur &<br>designer d'application.
</h1>
<div class="flex scale-90 sm:scale-100 flex-row gap-3 pt-8 flex-wrap items-center justify-center"> <div class="flex scale-90 sm:scale-100 flex-row gap-3 pt-8 flex-wrap items-center justify-center">
<LinkButton url="https://www.linkedin.com/in/lucas-delanier/"> <LinkButton url="https://www.linkedin.com/in/lucas-delanier/">
Linkedin Linkedin

4
src/components/InfoBuble.vue
Unescape View File

@ -3,7 +3,9 @@
</script> </script>
<template> <template>
<div class="flex justify-center bg-grey-400 items-center px-5 py-1 rounded-full border border-grey-300 text-xl text-gray-500 font-medium hover:scale-105 transition-all ease-in-out duration-1000 group-hover:text-white/70 group-hover:border-white/15"> <div class="flex justify-center bg-grey-400 items-center px-5 py-1 rounded-full border border-grey-300 text-xl
text-gray-500 font-medium hover:scale-105 transition-all ease-in-out duration-1000 group-hover:text-white/70
group-hover:border-white/15">
<slot></slot> <slot></slot>
</div> </div>

4
src/components/LinkButton.vue
Unescape View File

@ -6,7 +6,9 @@ const props = defineProps({
<template> <template>
<a :href="props.url" target="_blank"> <a :href="props.url" target="_blank">
<button class="px-10 bg-grey-900 border border-grey-300 flex flex-row justify-center items-center py-3 gap-2 text-grey-100 transition-all duration-300 ease-in-out hover:bg-grey-100/10 hover:text-white hover:shadow-xl hover:-translate-y-1 hover:scale-105"> <button class="px-10 bg-grey-900 border border-grey-300 flex flex-row justify-center items-center py-3 gap-2
text-grey-100 transition-all duration-300 ease-in-out hover:bg-grey-100/10 hover:text-white hover:shadow-xl
hover:-translate-y-1 hover:scale-105">
<slot></slot> <slot></slot>
</button> </button>
</a> </a>

3
src/components/PrimaryButton.vue
Unescape View File

@ -4,7 +4,8 @@ const props = defineProps({
}) })
</script> </script>
<template> <template>
<div class="px-7 py-1.5 bg-blue rounded-full text-sm font-bold shadow-lg shadow-blue/20 transition-all ease-in-out delay-75 text-nowrap duration-150 hover:shadow-none hover:scale-105 cursor-pointer"> <div class="px-7 py-1.5 bg-blue rounded-full text-sm font-bold shadow-lg shadow-blue/20 transition-all ease-in-out
delay-75 text-nowrap duration-150 hover:shadow-none hover:scale-105 cursor-pointer">
<p>{{ props.text }}</p> <p>{{ props.text }}</p>
</div> </div>
</template> </template>

6
src/components/ProjectShow.vue
Unescape View File

@ -28,8 +28,10 @@ watch(() => props.progress, (progress) => {
<p class="text-2xl font-bold md:text-3xl xl:text-4xl text-white"> {{ props.application}}</p> <p class="text-2xl font-bold md:text-3xl xl:text-4xl text-white"> {{ props.application}}</p>
</div> </div>
</div> </div>
<div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4" :style="{ transform: `translateY(${translateYleft}px)`}"> <div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4"
<img :src="`images/${ props.image}`" class="w-full h-full object-contain p-20" :alt="`screenshot de ${props.application}`"> :style="{ transform: `translateY(${translateYleft}px)`}">
<img :src="`images/${ props.image}`" class="w-full h-full object-contain p-20"
:alt="`screenshot de ${props.application}`" width="100" height="100">
</div> </div>
</div> </div>
</template> </template>

3
src/components/ShowcaseBanner.vue
Unescape View File

@ -2,7 +2,8 @@
</script> </script>
<template> <template>
<div class="flex flex-row justify-around bg-grey-400 px-28 py-10 border-t border-b border-grey-300 min-h-56 items-center flex-wrap gap-5"> <div class="flex flex-row justify-around bg-grey-400 px-28 py-10 border-t border-b border-grey-300 min-h-56
items-center flex-wrap gap-5">
<slot/> <slot/>
</div> </div>
</template> </template>

8
src/components/SkillCell.vue
Unescape View File

@ -6,10 +6,14 @@ const props = defineProps({
</script> </script>
<template> <template>
<div class="overflow-hidden xl:pt-28 md:pt-12 sm:pt-20 lg:pt-24 pt-12 bg-grey-400 border border-grey-300 p-6 rounded-sm h-72 hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-1 hover:border-white/15 hover:scale-101 min-w-64"> <div class="overflow-hidden xl:pt-28 md:pt-12 sm:pt-20 lg:pt-24 pt-12 bg-grey-400 border border-grey-300 p-6
rounded-sm h-72 hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-1 hover:border-white/15
hover:scale-101 min-w-64">
<div class="flex flex-row items-center justify-start pb-2 gap-2"> <div class="flex flex-row items-center justify-start pb-2 gap-2">
<slot></slot> <slot></slot>
<p class="text-2xl text-grey-250 transition-all ease-in duration-500 group-hover:brightness-200">{{ props.title }}</p> <p class="text-2xl text-grey-250 transition-all ease-in duration-500 group-hover:brightness-200">
{{ props.title }}
</p>
</div> </div>
<p class="text-grey-90 text-lg leading-5 overflow-hidden text-ellipsis">{{ props.text }}</p> <p class="text-grey-90 text-lg leading-5 overflow-hidden text-ellipsis">{{ props.text }}</p>
</div> </div>

Write Preview
Loading…
Cancel
Save