mirror of
https://github.com/ArthurDanjou/website.git
synced 2026-01-27 02:10:35 +01:00
trying to fix the duplicata
This commit is contained in:
@@ -5,36 +5,26 @@ const getColor = computed(() => appConfig.ui.primary)
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<NuxtLoadingIndicator :color="getColor" />
|
<NuxtLayout name="default">
|
||||||
<section class="fixed inset-0 flex justify-center sm:px-8">
|
<div class="flex flex-col items-center gap-4">
|
||||||
<div class="flex w-full max-w-7xl">
|
<h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
|
||||||
<div class="w-full bg-white ring-1 ring-zinc-100 dark:bg-zinc-900 dark:ring-zinc-300/20" />
|
{{ error.statusCode }}
|
||||||
|
</h1>
|
||||||
|
<p class="text-lg md:text-2xl text-subtitle text-center">
|
||||||
|
Sorry, {{ error.statusCode === 404
|
||||||
|
? "the page you are looking for doesn't exist or as been moved."
|
||||||
|
: "you have encountered a problem."
|
||||||
|
}}
|
||||||
|
<br>
|
||||||
|
Let's find a better place for you to go.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
<div>
|
||||||
<div class="relative z-50">
|
<UButton to="/" size="md" variant="soft" color="primary">
|
||||||
<Header />
|
Go back to the main page
|
||||||
<UContainer class="my-32 w-container flex flex-col items-center gap-8">
|
</UButton>
|
||||||
<div class="flex flex-col items-center gap-4">
|
</div>
|
||||||
<h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
|
</NuxtLayout>
|
||||||
{{ error.statusCode }}
|
|
||||||
</h1>
|
|
||||||
<p class="text-lg md:text-2xl text-subtitle text-center">
|
|
||||||
Sorry, {{ error.statusCode === 404
|
|
||||||
? "the page you are looking for doesn't exist or as been moved."
|
|
||||||
: "you have encountered a problem."
|
|
||||||
}}
|
|
||||||
<br>
|
|
||||||
Let's find a better place for you to go.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<UButton to="/" size="md" variant="soft" color="primary">
|
|
||||||
Go back to the main page
|
|
||||||
</UButton>
|
|
||||||
</div>
|
|
||||||
</UContainer>
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
const days = ref(0)
|
|
||||||
useHead({
|
useHead({
|
||||||
title: 'Arthur Danjou • Software Engineer and Maths Lover',
|
title: 'Arthur Danjou • Software Engineer and Maths Lover',
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user