mirror of https://github.com/VERT-sh/VERT.git
Fix vert BG jumping & comment out privacy policy
This commit is contained in:
parent
0067faafca
commit
0cc939f138
|
@ -2,10 +2,12 @@
|
||||||
import { beforeNavigate, goto } from "$app/navigation";
|
import { beforeNavigate, goto } from "$app/navigation";
|
||||||
import { PUB_HOSTNAME, PUB_PLAUSIBLE_URL } from "$env/static/public";
|
import { PUB_HOSTNAME, PUB_PLAUSIBLE_URL } from "$env/static/public";
|
||||||
import { duration } from "$lib/animation";
|
import { duration } from "$lib/animation";
|
||||||
|
import VertVBig from "$lib/assets/vert-bg.svg?component";
|
||||||
import featuredImage from "$lib/assets/VERT_Feature.webp";
|
import featuredImage from "$lib/assets/VERT_Feature.webp";
|
||||||
import Navbar from "$lib/components/functional/Navbar.svelte";
|
import Navbar from "$lib/components/functional/Navbar.svelte";
|
||||||
import Footer from "$lib/components/visual/Footer.svelte";
|
import Footer from "$lib/components/visual/Footer.svelte";
|
||||||
import Logo from "$lib/components/visual/svg/Logo.svelte";
|
import Logo from "$lib/components/visual/svg/Logo.svelte";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
files,
|
files,
|
||||||
gradientColor,
|
gradientColor,
|
||||||
|
@ -181,7 +183,7 @@
|
||||||
<Footer
|
<Footer
|
||||||
class="w-full h-full"
|
class="w-full h-full"
|
||||||
items={{
|
items={{
|
||||||
"Privacy policy": "#",
|
//"Privacy policy": "#",
|
||||||
"Source code": "https://github.com/not-nullptr/VERT",
|
"Source code": "https://github.com/not-nullptr/VERT",
|
||||||
"Discord server": "https://discord.gg/kqevGxYPak",
|
"Discord server": "https://discord.gg/kqevGxYPak",
|
||||||
}}
|
}}
|
||||||
|
@ -202,6 +204,11 @@
|
||||||
<!-- Gradients placed here to prevent it overlapping in transitions -->
|
<!-- Gradients placed here to prevent it overlapping in transitions -->
|
||||||
{#if $showGradient}
|
{#if $showGradient}
|
||||||
{#if data.pathname === "/"}
|
{#if data.pathname === "/"}
|
||||||
|
<div
|
||||||
|
class="fixed -z-30 top-0 left-0 w-screen h-screen flex items-center justify-center overflow-hidden"
|
||||||
|
>
|
||||||
|
<VertVBig class="fill-[--fg] opacity-50" />
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
id="gradient-bg"
|
id="gradient-bg"
|
||||||
class="fixed top-0 left-0 w-screen h-screen -z-40 pointer-events-none"
|
class="fixed top-0 left-0 w-screen h-screen -z-40 pointer-events-none"
|
||||||
|
|
|
@ -6,16 +6,9 @@
|
||||||
// ship fast n break things !!
|
// ship fast n break things !!
|
||||||
// -- nullptr
|
// -- nullptr
|
||||||
|
|
||||||
import VertVBig from "$lib/assets/vert-bg.svg?component";
|
|
||||||
import Uploader from "$lib/components/functional/Uploader.svelte";
|
import Uploader from "$lib/components/functional/Uploader.svelte";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
|
||||||
class="absolute -z-30 top-0 left-0 w-screen h-screen flex items-center justify-center overflow-hidden"
|
|
||||||
>
|
|
||||||
<VertVBig class="fill-[--fg] opacity-50" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-screen px-8 h-full flex items-start justify-center overflow-hidden max-h-screen"
|
class="w-screen px-8 h-full flex items-start justify-center overflow-hidden max-h-screen"
|
||||||
>
|
>
|
||||||
|
@ -54,38 +47,38 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) and (min-height: 576px) {
|
@media screen and (min-width: 768px) and (min-height: 576px) {
|
||||||
.content {
|
.content {
|
||||||
padding-top: 15vh;
|
padding-top: 15vh;
|
||||||
padding-bottom: 15vh;
|
padding-bottom: 15vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) and (min-height: 720px) {
|
@media screen and (min-width: 768px) and (min-height: 720px) {
|
||||||
.content {
|
.content {
|
||||||
padding-top: 20vh;
|
padding-top: 20vh;
|
||||||
padding-bottom: 20vh;
|
padding-bottom: 20vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) and (min-height: 1080px) {
|
@media screen and (min-width: 768px) and (min-height: 1080px) {
|
||||||
.content {
|
.content {
|
||||||
padding-top: 25vh;
|
padding-top: 25vh;
|
||||||
padding-bottom: 25vh;
|
padding-bottom: 25vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) and (min-height: 1440px) {
|
@media screen and (min-width: 768px) and (min-height: 1440px) {
|
||||||
.content {
|
.content {
|
||||||
padding-top: 30vh;
|
padding-top: 30vh;
|
||||||
padding-bottom: 30vh;
|
padding-bottom: 30vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) and (min-height: 2160px) {
|
@media screen and (min-width: 768px) and (min-height: 2160px) {
|
||||||
.content {
|
.content {
|
||||||
padding-top: 35vh;
|
padding-top: 35vh;
|
||||||
padding-bottom: 35vh;
|
padding-bottom: 35vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue