You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
962 B
43 lines
962 B
2 months ago
|
<script setup lang="ts">
|
||
|
|
import { useRouter } from 'vue-router'
|
||
|
|
import Particles from '@/components/Particles/Particles.vue'
|
||
|
|
import FuzzyText from '@/components/FuzzyText/FuzzyText.vue';
|
||
|
|
|
||
|
|
const router = useRouter()
|
||
|
|
|
||
|
|
const handleGoLogin = () => {
|
||
|
|
router.push('/login')
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="not-found-page">
|
||
|
|
<Particles :particle-count="50" :particle-colors="['#ffffff', '#aaaaaa']" class="particles-bg" />
|
||
|
|
<div class="fuzzy-container">
|
||
|
|
<FuzzyText :font-size="140" :font-weight="900" color="#fff" :enable-hover="true" :base-intensity="0.18" :hover-intensity="0.5">
|
||
|
|
404
|
||
|
|
</FuzzyText>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.not-found-page {
|
||
|
|
min-height: 100vh;
|
||
|
|
background: #000000;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.particles-bg {
|
||
|
|
position: fixed !important;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100% !important;
|
||
|
|
height: 100% !important;
|
||
|
|
}
|
||
|
|
</style>
|