RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix vert BG jumping & comment out privacy policy

This commit is contained in:
JovannMC 2025-01-21 19:25:15 +03:00
parent 0067faafca
commit 0cc939f138
No known key found for this signature in database
2 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/routes/+layout.svelte
View File

@ -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"

67
src/routes/+page.svelte
View File

@ -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>