Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-03-21 17:54:13 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add some splats to the homepage

Browse Source
This commit is contained in:
Matt Isenhower 2022-08-28 13:07:31 -07:00
parent d0b2611549
commit cc1fb7ab20
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/MainLayout.vue
View File

@ -1,5 +1,5 @@
<template>
<main class="min-h-screen flex flex-col">
<main class="min-h-screen flex flex-col overflow-hidden">
<slot />
<div class="m-2 text-center text-xs text-gray-500">

15
src/views/HomeView.vue
View File

@ -1,10 +1,16 @@
<template>
<MainLayout>
<div class="grow flex items-center justify-center">
<div class="w-full max-w-2xl m-4">
<div class="font-splatoon1 text-5xl text-center">Splatoon 3</div>
<div class="relative w-full max-w-2xl m-4">
<Splat3 class="absolute w-48 -bottom-16 left-32" fill="fill-splatoon-red" />
<Splat2 class="absolute w-64 -top-20 -left-20" fill="fill-splatoon-yellow" />
<Splat4 class="absolute w-64 -top-20 -right-20" fill="fill-splatoon-blue" />
<Splatoon3Countdown />
<div class="relative">
<div class="font-splatoon1 text-5xl text-center">Splatoon 3</div>
<Splatoon3Countdown />
</div>
</div>
</div>
</MainLayout>
@ -13,4 +19,7 @@
<script setup>
import MainLayout from '@/layouts/MainLayout.vue'
import Splatoon3Countdown from '@/components/Splatoon3Countdown.vue'
import Splat2 from '../components/splats/Splat2.vue';
import Splat3 from '../components/splats/Splat3.vue';
import Splat4 from '../components/splats/Splat4.vue';
</script>