Commit 8500d08e authored by Ewilan R.'s avatar Ewilan R. 🦄
Browse files

wip

parent 033c42d2
MIT License
Copyright (c) 2022 Ewilan Rivière
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
......@@ -11,18 +11,18 @@ const devMode = useNuxtApp()._legacyContext?.isDev
<template>
<div :class="{ 'debug-screens': devMode }" class="min-h-[150vh]">
<div class="fixed top-0 left-0">
<app-color-mode />
</div>
<!-- <div class="h-96">
<div class="parallax bg-jungle-forest gradient-inter h-96"></div>
</div>
<div class="h-96">
<div class="parallax bg-jungle-forest gradient-inter h-96"></div>
</div>
<div class="h-64">
<div class="parallax bg-jungle-cascade gradient-bottom h-96"></div>
</div> -->
<atom />
<!-- <atom-navbar /> -->
<layout-navbar />
<layout-sidebar />
<atom-hero />
<about />
<features />
<atom-cloud-logos class="mt-10" />
<atom-projects />
<atom-history />
<atom-blog />
<atom-contact />
<atom-app-footer />
<div class="parallax bg-jungle-cascade gradient-bottom h-32"></div>
</div>
</template>
......@@ -4,9 +4,9 @@
@tailwind components;
@tailwind utilities;
/* body {
@apply min-h-screen text-black dark:bg-gray-900 dark:text-white transition-colors duration-75;
} */
body {
@apply min-h-screen text-black dark:bg-gray-900 dark:text-white transition-colors duration-200;
}
.v-enter-active,
.v-leave-active {
......@@ -38,8 +38,8 @@
mask-image: linear-gradient(
180deg,
transparent 0%,
white 60%,
white 40%,
white 60%,
transparent 100%
);
}
......
......@@ -3,5 +3,37 @@
"professionalTitle": "Developer designer of applications",
"title": "Full-stack developer",
"subtitle": "Tech enthusiast",
"text": "As a young developer, I started to develop my first real projects with **Laravel** (*PHP*), learning also to use **Git**. But I'm also very interested in the user experience, which pushes me to keep a link with the front-end with **Vue.js** and **Nuxt.js** (*JavaScript* / *TypeScript*) with *CSS* frameworks like **Tailwind CSS**. I want to implement the necessary for **SEO**, although I am not an expert in this field. On the mobile side, beyond web responsive, I do **Flutter** (*Dart*) in order to be able to deploy applications on *Android* and on *iOS*.\n\nI like to have knowledge on each part of the chain, from local development to **deployment on a server** (with **NGINX**), which leads me to configure quite often **Linux** servers for both production and local development. Therefore, I like to have efficient tools, *whatever the development environment* (*Linux*, *Windows* or *macOS*) to be able to easily use such or such version of a language.\n\nI develop best in groups, preferring **communication** and **help** to isolated development, as long as I have colleagues who also enjoy this way of working. I love to *discuss technologies*, I'm interested in the *latest versions of the languages* I use and I spend a lot of time reading **documentation** or making it, in **Markdown** of course. I always have too many projects on the go, but I also always have something to do!"
"text": "As a young developer, I started to develop my first real projects with **Laravel** (*PHP*), learning also to use **Git**. But I'm also very interested in the user experience, which pushes me to keep a link with the front-end with **Vue.js** and **Nuxt.js** (*JavaScript* / *TypeScript*) with *CSS* frameworks like **Tailwind CSS**. I want to implement the necessary for **SEO**, although I am not an expert in this field. On the mobile side, beyond web responsive, I do **Flutter** (*Dart*) in order to be able to deploy applications on *Android* and on *iOS*.\n\nI like to have knowledge on each part of the chain, from local development to **deployment on a server** (with **NGINX**), which leads me to configure quite often **Linux** servers for both production and local development. Therefore, I like to have efficient tools, *whatever the development environment* (*Linux*, *Windows* or *macOS*) to be able to easily use such or such version of a language.\n\nI develop best in groups, preferring **communication** and **help** to isolated development, as long as I have colleagues who also enjoy this way of working. I love to *discuss technologies*, I'm interested in the *latest versions of the languages* I use and I spend a lot of time reading **documentation** or making it, in **Markdown** of course. I always have too many projects on the go, but I also always have something to do!",
"social": [
{
"name": "GitHub",
"slug": "github",
"color": "#181717",
"link": "https://github.com/ewilan-riviere"
},
{
"name": "GitLab",
"slug": "gitlab",
"color": "#FC6D26",
"link": "https://gitlab.com/ewilan-riviere"
},
{
"name": "Stack Overflow",
"slug": "stackoverflow",
"color": "#F58025",
"link": "https://stackoverflow.com/users/11008206/ewilan-r"
},
{
"name": "LinkedIn",
"slug": "linkedin",
"color": "#0A66C2",
"link": "https://twitter.com/ewilanriviere"
},
{
"name": "Email",
"slug": "email",
"color": "#EA4335",
"link": "mailto:contact@ewilan-riviere.com"
}
]
}
[
{
"icon": "code",
"title": "Developement",
"text": "Always look back at what has been coded to see if it can be improved, comments and refactoring allow to always improve the code."
},
{
"icon": "swatch",
"title": "Front-end & design",
"text": "The front-end is the basis for mastering the integration of a model, either with a CSS framework or by hand."
},
{
"icon": "server",
"title": "Deployments",
"text": "Deploy projects on VPS servers, in HTTPS, HTTP 2 on NGINX with databases are often in MySQL."
},
{
"icon": "framework",
"title": "Frameworks",
"text": "Without a framework, coding is interesting but it takes time for basic things, mastering a framework allows to save time and productivity."
},
{
"icon": "seo",
"title": "SEO",
"text": "Whether it's setting up <head> metadata, open graph, redirects, traffic analysis or ecodesign, SEO is important in every project."
},
{
"icon": "documentation",
"title": "Technical documentation",
"text": "Write technical documentation to explain how to use some projects, to save snippets, to write some articles for developers."
}
]
......@@ -128,7 +128,7 @@
"title": "Roazhon StarBus",
"slug": "roazhon-star-bus",
"isFavorite": false,
"isDraft": false,
"isDraft": true,
"status": "1",
"formation": null,
"context": "personal",
......@@ -145,7 +145,7 @@
"title": "Skyscale",
"slug": "skyscale",
"isFavorite": false,
"isDraft": false,
"isDraft": true,
"status": "3",
"formation": null,
"context": "personal",
......
......@@ -28,7 +28,7 @@
"title": "Overwatch Memory",
"slug": "overwatch-memory",
"isFavorite": true,
"isDraft": false,
"isDraft": true,
"linkRepository": "https://github.com/ewilan-riviere/overwatch-memory",
"discover": null,
"status": "3",
......@@ -47,7 +47,7 @@
"title": "./play.it",
"slug": "play-it",
"isFavorite": true,
"isDraft": false,
"isDraft": true,
"linkRepository": "https://forge.dotslashplay.it/play.it/website",
"discover": "https://dev.website.dotslashplay.it/",
"status": "2",
......@@ -77,7 +77,7 @@
"title": "Pomodoro",
"slug": "pomodoro",
"isFavorite": false,
"isDraft": false,
"isDraft": true,
"linkRepository": "https://github.com/ewilan-riviere/pomodoro",
"discover": null,
"status": "3",
......@@ -96,7 +96,7 @@
"title": "Quizz Pokémon",
"slug": "quizz-pokemon",
"isFavorite": false,
"isDraft": false,
"isDraft": true,
"linkRepository": "https://github.com/ewilan-riviere/quizz-pokemon",
"discover": null,
"status": "3",
......@@ -127,7 +127,7 @@
"title": "Zergling Evolution",
"slug": "zergling-evolution",
"isFavorite": false,
"isDraft": false,
"isDraft": true,
"linkRepository": "https://github.com/ewilan-riviere/zergling-evolution",
"discover": null,
"formation": "developpeuse-web-web-mobile",
......
......@@ -2,6 +2,7 @@
{
"title": "Laravel",
"slug": "laravel",
"icon": "laravel",
"version": "6",
"link": "https://laravel.com/",
"is_free": true,
......@@ -14,15 +15,17 @@
"image": "laravel.svg",
"blockquote_text": "Château mythique des contrées de phpia, Cair Laravel est le lieu d'où les monarques du Back gouvernent avec application le royaume du serveur.",
"blockquote_who": "Carolina S. L., autrice de : Une histoire du Back à travers les âges",
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": true
},
{
"title": "Backpack",
"slug": "backpack",
"title": "Filament",
"slug": "filament",
"icon": "filament",
"version": "4",
"link": "https://backpackforlaravel.com/",
"link": "https://filamentphp.com",
"is_free": true,
"color": "#605ca8",
"color": "#eab208",
"color_text_dark": false,
"subtitle": "Librairie PHP pour back-office",
"details": "Couplé à Laravel, cela permet de gérer un back-office rapidement et efficacement sans perdre de temps, efficace pour la plupart des sites web",
......@@ -31,11 +34,13 @@
"image": "backpack.svg",
"blockquote_text": "Permet de transporter efficacement vos données dans tous vos déplacement de framework, tout ce que vous y mettrez sera protégé de l'humidité, classé et vous disposerez d'une place quasiment illimitée. Vous disposerez aussi d'un index répertoriant tout ce qui y est stocké. Ainsi toute personne ayant les droits d'accès pourra gérer les informations qui s'y trouvent.",
"blockquote_who": "Notice d'utilisation",
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Bootstrap",
"slug": "bootstrap",
"icon": "bootstrap",
"version": "4.3",
"link": "https://getbootstrap.com",
"is_free": true,
......@@ -48,11 +53,13 @@
"image": "bootstrap.svg",
"blockquote_text": "Avant Bootstrap, il n'y avait rien. Les développeurs pensent que le code a dû rebooter sur lui-même avant de renaître et de produire ce qu'on appelle le « Big boot » qui a généré des milliers de lignes de code primitif qui ont pu former les grands langages actuels des milliards d'années plus tard. Bootstrap semble être lié au rayonnement lointain, une forme de bruit de fond sur Internet qui semble provenir du début des langages...",
"blockquote_who": "Bootstrap, ou le big boot, documentaire sur l'origine des langages",
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Materialize / Vuetify",
"slug": "materialize-vuetify",
"icon": "materialize-vuetify",
"version": "2.2",
"link": "https://vuetifyjs.com/",
"is_free": true,
......@@ -65,11 +72,13 @@
"image": "materialize-vuetify.svg",
"blockquote_text": "Le matérialisme est un véritable obstacle épistémologique pour Auguste Comte, il caractérise avant tout l’attitude consistant à ramener l’analyse de phénomènes à une causalité absolue...",
"blockquote_who": "Erreur, entrée non valide",
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Tailwind CSS",
"title": "Tailwind CSS / Windi CSS",
"slug": "tailwind-css",
"icon": "tailwind-css",
"version": "2.0",
"link": "https://tailwindcss.com/",
"is_free": true,
......@@ -82,11 +91,13 @@
"image": null,
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": true
},
{
"title": "jQuery",
"slug": "j-query",
"icon": "j-query",
"version": "3",
"link": "https://jquery.com/",
"is_free": true,
......@@ -99,11 +110,13 @@
"image": "jquery.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Vue.js",
"slug": "vue-js",
"icon": "vue-js",
"version": "3.0",
"link": "https://vuejs.org",
"is_free": true,
......@@ -116,11 +129,13 @@
"image": "nuxt-vue.svg",
"blockquote_text": "Avez-vous déjà vu... un développeur back sur un framework JS ?",
"blockquote_who": "Le narrateur lui-même",
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": true
},
{
"title": "Nuxt.js",
"slug": "nuxt-js",
"icon": "nuxt-js",
"version": "2.4",
"link": "https://nuxtjs.org",
"is_free": true,
......@@ -133,11 +148,13 @@
"image": "nuxt-vue.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": true
},
{
"title": "Angular",
"slug": "angular",
"icon": "angular",
"version": "8",
"link": "https://angular.io/",
"is_free": true,
......@@ -150,11 +167,13 @@
"image": "angular.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "ReactJS",
"slug": "react-js",
"icon": "react-js",
"version": "16",
"link": "https://reactjs.org/",
"is_free": true,
......@@ -167,11 +186,13 @@
"image": "reactjs.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Wordpress",
"slug": "wordpress",
"icon": "wordpress",
"version": "",
"link": "https://wordpress.com/",
"is_free": true,
......@@ -184,11 +205,13 @@
"image": "wordpress.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Symfony",
"slug": "symfony",
"icon": "symfony",
"version": "4",
"link": "https://symfony.com/",
"is_free": true,
......@@ -201,12 +224,14 @@
"image": "symfony.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
},
{
"title": "Dart",
"slug": "dart",
"icon": "dart",
"version": "2.10",
"link": "https://dart.dev",
"is_free": true,
......@@ -219,11 +244,13 @@
"image": null,
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": true
},
{
"title": "Flutter",
"slug": "flutter",
"icon": "flutter",
"version": "1.2",
"link": "https://flutter.dev",
"is_free": true,
......@@ -236,11 +263,13 @@
"image": null,
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": true
},
{
"title": "Blade",
"slug": "blade",
"icon": "blade",
"version": null,
"link": "https://laravel.com/docs/8.x/blade",
"is_free": true,
......@@ -253,6 +282,7 @@
"image": null,
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "frameworks-librairies"
"skill_category_slug": "frameworks-librairies",
"isDisplay": false
}
]
......@@ -2,6 +2,7 @@
{
"title": "PHP",
"slug": "php",
"icon": "php",
"version": "7.4",
"link": "https://www.php.net/",
"is_free": true,
......@@ -14,11 +15,13 @@
"image": "php.svg",
"blockquote_text": "Maman ! Es-tu sûre que cette ligne de code est fini bien par un point virgule ? Tout cela me plonge dans la perplexité.",
"blockquote_who": "Tantor, un éléphant méfiant",
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "SASS / SCSS",
"slug": "sass-scss",
"icon": "sass",
"version": "",
"link": "https://sass-lang.com/",
"is_free": true,
......@@ -31,11 +34,13 @@
"image": "sass.svg",
"blockquote_text": "Ce qui est sensas c'est paradoxalement d'utiliser du SASS",
"blockquote_who": "Anonyme",
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "JavaScript",
"slug": "java-script",
"icon": "javascript",
"version": "ECMAScript 2018",
"link": "https://developer.mozilla.org/en-US/docs/Web/JavaScript",
"is_free": true,
......@@ -48,11 +53,13 @@
"image": "js.svg",
"blockquote_text": "Ces écritures... serait-ce un dialecte Jawa ?",
"blockquote_who": "Un archéologue d'une époque lointaine, très lointaine",
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "TypeScript",
"slug": "type-script",
"icon": "typescript",
"version": "",
"link": "https://www.typescriptlang.org/",
"is_free": true,
......@@ -65,11 +72,13 @@
"image": "typescript.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "MySQL / MariaDB",
"slug": "my-sql-maria-db",
"icon": "mysql",
"version": "",
"link": "https://mariadb.org/",
"is_free": true,
......@@ -82,11 +91,13 @@
"image": "mysql-mariadb.svg",
"blockquote_text": "Utilisant des dauphins pour stocker des données à long terme, le fondateur de MySQL Michael dû finalement revendre son projet à Sun Maxizoo devant le scandale que le traitement des dauphins provoquait. Adoptant une conscience écologique, il décida d'apprivoiser des otaries pour stoker à nouveau des données mais cette fois-ci en respectant leurs besoins...",
"blockquote_who": "Extrait d'un journal spécialisé",
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "SQL Server",
"slug": "sql-server",
"icon": "sql-server",
"version": "",
"link": null,
"is_free": false,
......@@ -99,11 +110,13 @@
"image": "sql-server.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": false
},
{
"title": "Java",
"slug": "java",
"icon": "java",
"version": "8",
"link": "https://www.java.com/fr/",
"is_free": true,
......@@ -116,11 +129,13 @@
"image": "java.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": false
},
{
"title": "Bash",
"slug": "bash",
"icon": "bash",
"version": "bash, zsh",
"link": "https://www.gnu.org/software/bash",
"is_free": true,
......@@ -133,11 +148,13 @@
"image": "terminal.svg",
"blockquote_text": "- Est ce que c'est... ?<br/>- Le shell ? Oui.<br/>- Et vous le regardez toujours en ligne de commande ?<br/>- Oui, faut bien, les interfaces graphiques prennent trop de ressources pour le programme. Et il y a beaucoup trop d'information à interpréter dans le shell.",
"blockquote_who": "Le linuxien élu, devant un terminal",
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "LaTeX",
"slug": "la-te-x",
"slug": "latex",
"icon": "latex",
"version": "",
"link": null,
"is_free": true,
......@@ -150,11 +167,13 @@
"image": "latex.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
},
{
"title": "Markdown",
"slug": "markdown",
"icon": "markdown",
"version": "",
"link": null,
"is_free": false,
......@@ -167,6 +186,7 @@
"image": "markdown.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "langages-de-developpement"
"skill_category_slug": "langages-de-developpement",
"isDisplay": true
}
]
......@@ -2,6 +2,7 @@
{
"title": "Français",
"slug": "francais",
"icon": "francais",
"version": "contemporaine",
"link": null,
"is_free": false,
......@@ -14,11 +15,13 @@
"image": "francais.svg",
"blockquote_text": null,
"blockquote_who": null,
"skill_category_slug": "langues"
"skill_category_slug": "langues",
"isDisplay": false
},
{
"title": "Anglais",