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

Removed nuxt/image

Browse Source
This commit is contained in:
Arthur Danjou
2021-06-01 23:10:47 +02:00
parent 85eb45f9a6
commit e54c98461d
30 changed files with 100 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/css/style.scss
View File

@@ -21,7 +21,6 @@ body {
@apply dark:(bg-dark-800 text-white) border dark:border-white border-black border-solid;
}
//TODO remove with windicss/typography
.nuxt-content-container, .nuxt-content {
p {
@apply text-gray-700 dark:text-gray-400

0
src/static/favicon.ico → src/assets/images/favicon.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 89 KiB

After

Width:  |  Height:  |  Size: 89 KiB

0
src/static/favicon.png → src/assets/images/favicon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 125 KiB

7
src/assets/images/socials/twitch.svg
View File

@@ -1,9 +1,8 @@
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-92.4 101 489.5 512" enable-background="new -92.4 101 489.5 512" xml:space="preserve">
<g>
<path fill="#65459B" d="M263.6,546.1H163.4L96.7,613H30v-66.9H-92.4v-356l33.3-89.1h456.2v311.6L263.6,546.1z M352.7,390.5V145.5
H-14.6v322.7H85.6V535l66.7-66.7h122.4L352.7,390.5z"/>
<g id="Solo_Glitch_136_">
<g>
<path fill="#65459B" d="M263.6,546.1H163.4L96.7,613H30v-66.9H-92.4v-356l33.3-89.1h456.2v311.6L263.6,546.1z M352.7,390.5V145.5H-14.6v322.7H85.6V535l66.7-66.7h122.4L352.7,390.5z"/>
<g id="Solo_Glitch_136_">
<g>
<path fill="#65459B" d="M230.2,234.6v133.6h44.5V234.6H230.2z M107.8,368.1h44.5V234.6h-44.5V368.1z"/>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 573 B

After

Width:  |  Height:  |  Size: 578 B

3
src/assets/images/socials/twitter.svg
View File

@@ -1 +1,2 @@
<svg id="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.24 102.59"><defs><style>.cls-1{fill:#1da1f2;}</style></defs><title>twitter-original</title><path id="original" class="cls-1" d="M40.58,115.3c47.64,0,73.69-39.47,73.69-73.69,0-1.12,0-2.24-.07-3.35a52.7,52.7,0,0,0,12.92-13.41,51.7,51.7,0,0,1-14.87,4.08A26,26,0,0,0,123.63,14.6a51.9,51.9,0,0,1-16.45,6.29A25.92,25.92,0,0,0,63.05,44.51,73.53,73.53,0,0,1,9.67,17.45a25.92,25.92,0,0,0,8,34.58A25.71,25.71,0,0,1,6,48.78c0,.11,0,.22,0,.33A25.91,25.91,0,0,0,26.73,74.5a25.86,25.86,0,0,1-11.7.44,25.93,25.93,0,0,0,24.2,18A52,52,0,0,1,7.06,104a52.72,52.72,0,0,1-6.18-.36,73.32,73.32,0,0,0,39.7,11.63" transform="translate(-0.88 -12.7)"/></svg>
<svg id="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.24 102.59">
<defs><style>.cls-1{fill:#1da1f2;}</style></defs><path id="original" class="cls-1" d="M40.58,115.3c47.64,0,73.69-39.47,73.69-73.69,0-1.12,0-2.24-.07-3.35a52.7,52.7,0,0,0,12.92-13.41,51.7,51.7,0,0,1-14.87,4.08A26,26,0,0,0,123.63,14.6a51.9,51.9,0,0,1-16.45,6.29A25.92,25.92,0,0,0,63.05,44.51,73.53,73.53,0,0,1,9.67,17.45a25.92,25.92,0,0,0,8,34.58A25.71,25.71,0,0,1,6,48.78c0,.11,0,.22,0,.33A25.91,25.91,0,0,0,26.73,74.5a25.86,25.86,0,0,1-11.7.44,25.93,25.93,0,0,0,24.2,18A52,52,0,0,1,7.06,104a52.72,52.72,0,0,1-6.18-.36,73.32,73.32,0,0,0,39.7,11.63" transform="translate(-0.88 -12.7)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 702 B

After

Width:  |  Height:  |  Size: 675 B

4
src/components/AboutHome.vue
View File

@@ -2,7 +2,7 @@
<section v-if="info && info.age" class="w-full flex items-center justify-center my-12">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-12 md:mb-0 w-full md:w-1/2 flex justify-center">
<img src="@/assets/images/memojies/Hat.png" alt="It's me !" class="xl:w-1/2">
<img src="~/assets/images/memojies/Hat.png" alt="It's me !" class="xl:w-1/2" />
</div>
<div class="md:w-1/2 text-justify">
<h2 class="text-4xl font-bold text-center md:text-justify">
@@ -21,7 +21,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {InfoData} from "../../@types/types";
import {InfoData} from "../../types/types";
export default defineComponent({
name: "AboutPreview",

2
src/components/Ad.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="rounded-3xl p-2 lg:p-8 text-center" :class="getColor">
<div class="rounded-3xl p-2 lg:p-8 text-center h-full block" :class="getColor">
<slot />
</div>
</template>

8
src/components/AdHome.vue
View File

@@ -1,10 +1,10 @@
<template>
<section class="w-full my-12">
<section class="w-full my-12 h-full">
<div class="md:space-x-12 space-y-8 md:space-y-0 flex flex-col md:flex-row items-center justify-around h-full">
<nuxt-link to="/env" class="h-full md:w-2/5">
<nuxt-link to="/env" class="block h-auto md:w-2/5">
<Ad color="rose" class="w-full flex flex-col justify-between items-center">
<div>
<img class="h-48" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
<img class="h-48" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
</div>
<div>
<h1 class="font-bold text-black text-4xl">
@@ -16,7 +16,7 @@
</div>
</Ad>
</nuxt-link>
<nuxt-link to="/contact" class="h-full md:w-2/5">
<nuxt-link to="/contact" class="min-h-full md:w-2/5">
<Ad color="blue" class="w-full flex flex-col justify-between items-center">
<div>
<img class="h-48" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />

2
src/components/ContactForm.vue
View File

@@ -68,7 +68,7 @@
<script lang="ts">
import {computed, defineComponent, ref, useContext} from "@nuxtjs/composition-api";
import {Form} from "../../@types/types";
import {Form} from "../../types/types";
export default defineComponent({
name: "ContactForm",

2
src/components/ExperiencesAbout.vue
View File

@@ -19,7 +19,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Experience} from "../../@types/types";
import {Experience} from "../../types/types";
export default defineComponent({
name: "ExperiencesAbout",

14
src/components/Footer.vue
View File

@@ -6,16 +6,16 @@
<p class="inline">{{ $t('footer.find_me') }}
<br class="md:hidden"/>
<a class="font-semibold" href="https://twitch.com/ArthurDanjou" target="_blank" rel="noopener noreferrer">
<img class="inline" src="@/assets/images/socials/twitch.svg" alt="Twitch logo" height="20" width="20" />
<img class="inline" src="~/assets/images/socials/twitch.svg" alt="Twitch logo" height="20" width="20" />
<span class="link">Twitch</span>
</a>,
<a class="font-semibold" href="https://github.com/ArthurDanjou" target="_blank" rel="noopener noreferrer">
<img v-if="!isDarkMode" class="inline" src="@/assets/images/socials/github-black.svg" alt="Github logo" height="20" width="20" />
<img v-else class="inline" src="@/assets/images/socials/github-white.svg" alt="Github logo" height="20" width="20" />
<img v-if="!isDarkMode" class="inline" src="~/assets/images/socials/github-black.svg" alt="Github logo" height="20" width="20" />
<img v-else class="inline" src="~/assets/images/socials/github-white.svg" alt="Github logo" height="20" width="20" />
<span class="link">Github</span>
</a> &
<a class="font-semibold" href="https://twitter.com/ArthurDanj" target="_blank" rel="noopener noreferrer">
<img class="inline" src="@/assets/images/socials/twitter.svg" alt="Twitter logo" height="20" width="20" />
<img class="inline" src="/socials/twitter.svg" alt="Twitter logo" height="" width="20" />
<span class="link">Twitter</span>
</a>
<br class="md:hidden"/>
@@ -35,7 +35,7 @@
<p>
{{ $t('footer.credits') }}
<a class="font-semibold" target="_blank" href="https://nuxtjs.org" rel="noopener noreferrer">
<img class="inline" src="@/assets/images/socials/nuxtjs.svg" alt="NuxtJs logo" height="20" width="20" />
<img class="inline" src="~/assets/images/socials/nuxtjs.svg" alt="NuxtJs logo" width="20" />
<span class="link">NuxtJs</span>
</a>
{{ $t('footer.credits_separator') }} <span>Arthur DANJOU</span>
@@ -46,7 +46,7 @@
</footer>
</template>
<script>
<script lang="ts">
import {computed, defineComponent, ref, useContext} from "@nuxtjs/composition-api";
export default defineComponent({
@@ -54,7 +54,7 @@ export default defineComponent({
setup() {
const {$colorMode} = useContext()
const isDarkMode = computed(() => {
return $colorMode.preference === 'dark' | undefined
return $colorMode.preference === 'dark'
})
const getDate = ref(new Date().getFullYear())

2
src/components/FormationsAbout.vue
View File

@@ -19,7 +19,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Formation} from "../../@types/types";
import {Formation} from "../../types/types";
export default defineComponent({
name: "FormationsHome",

4
src/components/Header.vue
View File

@@ -2,7 +2,7 @@
<header class="dark:bg-black dark:text-white fixed z-50 top-0 left-0 bg-white w-full duration-400" :class="scrollPosition > 50 ? ' shadow-md dark:shadow-white h-16 lg:h-20' : 'h-20 lg:h-24'">
<div class="header-container z-index-50 flex justify-between items-center h-full px-5 xl:px-32">
<nuxt-link to="/">
<img src="@/assets/images/logo-header.png" alt="Logo Circle" class="h-10 left cursor-pointer duration-500" />
<img src="~/assets/images/logo-header.png" alt="Logo Circle" class="h-10 left cursor-pointer duration-500" />
</nuxt-link>
<nav class="right">
<div class="flex flex-col md:flex-row items-center">
@@ -161,7 +161,7 @@ export default defineComponent({
}
.nuxt-link-exact-active {
@apply text-black dark:text-white !important;
@apply text-black dark:text-white;
}
.navbar-bottom-items li {

2
src/components/PostsHome.vue
View File

@@ -31,7 +31,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Post} from "../../@types/types";
import {Post} from "../../types/types";
export default defineComponent({
name: "PostsHome",

2
src/components/PresentationAbout.vue
View File

@@ -1,7 +1,7 @@
<template>
<section class="flex flex-col 2xl:flex-row justify-center items-center py-8">
<div class="lg:mr-12">
<img class="logo-img rounded-full my-5" src="@/assets/images/memojies/Hey.png" alt="It's me !" />
<img class="logo-img rounded-full my-5" src="~/assets/images/memojies/Hey.png" alt="It's me !" />
</div>
<div class="ml-2 text-lg leading-6 xl:w-2/3 text-justify dark:text-gray-400 text-gray-700">
<p>{{ $t('about.banner.hello') }} <span class="text-indigo-600 font-bold">Arthur DANJOU</span> 👋.</p> <br/>

2
src/components/ProjectsHome.vue
View File

@@ -29,7 +29,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Project} from "../../@types/types";
import {Project} from "../../types/types";
export default defineComponent({
name: "ProjectsHome",

2
src/components/Skill.vue
View File

@@ -2,7 +2,7 @@
<div class="mb-3 mr-2 p-1 md:p-2 h-32 w-32 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="getColor">
<div class="w-full h-full flex flex-col justify-center items-center">
<div>
<img class="rounded-sm" alt="Skill Img" :src="getCoverLink">
<img class="rounded-sm" alt="Skill Img" :src="getCoverLink" />
</div>
<h1 class="md:text-lg text-md font-bold text-center text-gray-700 dark:text-gray-400">{{ skill }}</h1>
</div>

2
src/components/SkillsAbout.vue
View File

@@ -20,7 +20,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Skill} from "../../@types/types";
import {Skill} from "../../types/types";
export default defineComponent({
name: "SkillsAbout",

6
src/pages/blog/_slug.vue
View File

@@ -43,7 +43,7 @@
<nuxt-content
:document="post"
class="my-6 md:my-10 w-full text-justify max-w-none
prose prose-sm sm:prose lg:prose-lg lg:max-w-none sm:max-w-none
prose prose-sm lg:prose-lg lg:max-w-none sm:max-w-none
dark:prose-dark dark:max-w-none"
/>
<p class="mb-3">
@@ -66,7 +66,7 @@
:href="'https://twitter.com/intent/tweet?url=https%3A%2F%2Farthurdanjou.fr%2Fblog%2F' + this.post.slug + '&text=' + $t('blog.tweet') + ' ' + post.title"
class="h-16 mr-2 end-blog cursor-pointer duration-300 text-3xl p-3 border-solid border border-gray-400 dark:border-dark-200 hover:border-cyan-500 dark:hover:border-cyan-400 justify-center items-center"
>
<img class="inline img icon-hover" src="@/assets/images/socials/twitter.svg" alt="Twitter logo" height="40" width="40" />
<img class="inline img icon-hover" src="~/assets/images/socials/twitter.svg" alt="Twitter logo" height="40" width="40" />
</a>
<div @click="scrollToTop"
class="h-16 mr-2 end-blog cursor-pointer duration-300 text-3xl p-3 border-solid border border-gray-400 dark:border-dark-200 hover:border-dark-800 dark:hover:border-white">
@@ -113,7 +113,7 @@ import {
useMeta,
useRoute, useStatic, watch
} from "@nuxtjs/composition-api";
import {Post} from "../../../@types/types";
import {Post} from "../../../types/types";
export default defineComponent({
name: "blog",

2
src/pages/blog/index.vue
View File

@@ -31,7 +31,7 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Post} from "../../../@types/types";
import {Post} from "../../../types/types";
export default defineComponent({
name: "blog",

2
src/pages/contact.vue
View File

@@ -28,7 +28,7 @@
<script lang="ts">
import {computed, useAsync, useContext} from "@nuxtjs/composition-api";
import {InfoData} from "../../@types/types";
import {InfoData} from "../../types/types";
export default {
name: "contact",

2
src/pages/projects.vue
View File

@@ -23,7 +23,7 @@
<script lang="ts">
import {useAsync, useContext, useMeta} from "@nuxtjs/composition-api";
import {Project} from "../../@types/types";
import {Project} from "../../types/types";
export default {
name: "index",