45 lines
1.6 KiB
Vue
45 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import { Head, Link } from '@inertiajs/vue3';
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<Head title="Welcome">
|
|
</Head>
|
|
<div
|
|
class="flex min-h-screen flex-col items-center bg-[#FDFDFC] p-6 text-[#1b1b18] lg:justify-center lg:p-8 dark:bg-[#0a0a0a]"
|
|
>
|
|
<header
|
|
class="mb-6 w-full max-w-[335px] text-sm not-has-[nav]:hidden lg:max-w-4xl"
|
|
>
|
|
<nav class="flex items-center justify-end gap-4">
|
|
<Link
|
|
href="/test"
|
|
class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
|
|
view-transition
|
|
>
|
|
Test
|
|
</Link>
|
|
<Link
|
|
href="/perceptron"
|
|
class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
|
|
:data="{type: 'simple'}"
|
|
view-transition
|
|
>
|
|
Perceptron Simple
|
|
</Link>
|
|
</nav>
|
|
</header>
|
|
<div
|
|
class="flex w-full items-center justify-center opacity-100 transition-opacity duration-750 lg:grow starting:opacity-0"
|
|
>
|
|
<main
|
|
class="flex w-full max-w-[335px] flex-col-reverse overflow-hidden rounded-lg lg:max-w-4xl lg:flex-row"
|
|
>
|
|
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</template>
|