This commit is contained in:
Jack Hadrill
2022-03-20 17:41:43 +00:00
parent c6fb1528ea
commit ee532dfd30
8 changed files with 169 additions and 7 deletions

View File

@@ -5,11 +5,11 @@
<template v-slot:title>Welcome to Mercury!</template>
<template v-slot:content>
<div class="d-flex flex-column text-center align-items-center px-5 overflow-hidden">
<img class="animate__animated animate__rotateIn py-5 w-25" id="logo" src="../assets/logo-light.png" />
<h1 class="animate__animated animate__fadeInDown animate__delay-1s">
<img class="animate__animated animate__rollIn py-5 w-25" id="logo" src="../assets/logo-light.png" />
<h1 class="animate__animated animate__zoomIn">
Mercury is a web-based BENNC client.
</h1>
<h2 class="animate__animated animate__fadeInDown animate__delay-2s">
<h2 class="animate__animated animate__zoomIn">
Go to <router-link :to="{ name: 'Settings' }" class="text-muted"><i class="bi bi-gear-fill"></i> Settings</router-link> to configure your client.
</h2>
</div>
@@ -26,10 +26,10 @@ import Content from '../components/Content.vue'
#logo {
filter: invert(80%);
}
h1 {
/* h1 {
--animate-delay: 0.5s;
}
h2 {
--animate-delay: 0.5s;
}
} */
</style>