pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Graphical overhaul.

Browse Source 
Remove all legacy pixeldrain pages, handlers and assets.
Remove old theming engine.
Make logo responsive to the accent colour.
Lots of other stuff.
This commit is contained in:
Wim Brand
2026-10-01 02:06:00 +02:00
parent 7b2e4b4240
commit 58db683fc8
98 changed files with 1025 additions and 6475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
svelte/src/home_page/FeatureTable.svelte
View File

@@ -333,7 +333,7 @@ import { user } from "lib/UserStore";
border: 1px solid var(--background_color);
}
.pro_feat {
border: 1px solid var(--highlight_color);
border: 1px solid var(--accent_color);
}
.free_feat {
border: 1px solid #ebcb8b;
@@ -345,9 +345,9 @@ import { user } from "lib/UserStore";
grid-column: span 2;
}
.span2.left {
border-image: linear-gradient(to right, #ebcb8b 0%, var(--highlight_color) 100%) 1;
border-image: linear-gradient(to right, #ebcb8b 0%, var(--accent_color) 100%) 1;
}
.span2.right {
border-image: linear-gradient(to right, var(--highlight_color) 0%, #ec2cfa 100%) 1;
border-image: linear-gradient(to right, var(--accent_color) 0%, #ec2cfa 100%) 1;
}
</style>

28
svelte/src/home_page/HomePage.svelte
View File

@@ -1,16 +1,16 @@
<script>
import Menu from "filesystem/Menu.svelte";
import Footer from "layout/Footer.svelte";
import { drop_target } from "lib/DropTarget";
import GetStarted from "./GetStarted.svelte";
import Pricing from "./Pricing.svelte";
import SubscriptionPlans from "layout/checkout/SubscriptionPlans.svelte";
import NovaLogo from "util/NovaLogo.svelte";
let upload_widget
</script>
<header class="logo_header">
<div class="header_image_container"></div>
<NovaLogo full style="display: block; height: 100px; max-width: 100%; margin: 50px auto;"/>
</header>
<div class="page_content">
@@ -60,17 +60,6 @@ let upload_widget
</header>
<SubscriptionPlans/>
<svelte:head>
<style>
body {
background-image: url("/res/img/northernlights.webp");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
</style>
</svelte:head>
<style>
header {
padding-top: 20px;
@@ -82,21 +71,8 @@ header {
padding-bottom: 0;
}
header > h1 {
color: #ffffff;
text-shadow: 1px 1px 5px #000000;
margin-top: 30px;
margin-bottom: 30px;
}
.header_image_container {
text-align: initial;
margin: 50px auto;
height: 100px;
width: 500px;
max-width: 100%;
background-image: url("/res/img/header.webp");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
</style>