2024-12-21 19:11:09 -08:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { main } from "@popperjs/core";
|
|
|
|
|
import backgroundCalm from "./components/BackgroundCalm.vue";
|
|
|
|
|
import Navbar from "./components/Navbar.vue"
|
2025-01-03 21:50:12 -08:00
|
|
|
import './assets/style/style.css'
|
2024-12-21 19:11:09 -08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
2025-01-01 21:33:12 -08:00
|
|
|
<Head>
|
|
|
|
|
<!-- inform browser of /rss.xml -->
|
2025-01-26 16:24:48 -08:00
|
|
|
<Link rel="alternate" type="application/rss+xml" title="RSS Feed for Luna's blog" href="/rss.xml" />
|
|
|
|
|
<Link rel="alternate" type="application/rss+atom" title="RSS Feed for Luna's blog" href="/rss.xml" />
|
2025-01-01 21:33:12 -08:00
|
|
|
</Head>
|
2024-12-22 12:22:47 -08:00
|
|
|
<Navbar/>
|
|
|
|
|
<NuxtPage :transition="{
|
|
|
|
|
name: 'page',
|
|
|
|
|
mode: 'out-in'
|
|
|
|
|
}" />
|
2024-12-22 13:21:05 -08:00
|
|
|
<div></div>
|
2024-12-22 12:22:47 -08:00
|
|
|
<background-calm />
|
2024-12-21 19:11:09 -08:00
|
|
|
</template>
|
2024-12-22 12:22:47 -08:00
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.page-move,
|
|
|
|
|
.page-enter-active,
|
|
|
|
|
.page-leave-active {
|
|
|
|
|
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-enter-from,
|
|
|
|
|
.page-leave-to {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transform: translate(100px, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-leave-active {
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
