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

Compress home page background

Browse Source
This commit is contained in:
Fornax
2023-09-15 10:33:03 +02:00
parent ae00bc6a2c
commit d57a5c788d
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
res/static/img/servers.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 134 KiB

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

@@ -30,20 +30,20 @@ onMount(() => {
<div class="vertical_scroll"> <div class="vertical_scroll">
<div class="grid"> <div class="grid">
<div></div> <div></div>
<div class="top_row"> <div class="top_row free_feat">
Free <span class="bold">Free</span>
</div> </div>
<div class="top_row pro_feat"> <div class="top_row pro_feat">
Pro <span class="bold">Pro</span>
</div> </div>
<div class="top_row pro_feat"> <div class="top_row pro_feat">
Prepaid <span class="bold">Prepaid</span> (currently only in Europe)
</div> </div>
<div class="left_col"> <div class="left_col">
Price Price
</div> </div>
<div class="feature_cell"> <div class="feature_cell free_feat">
<span class="bold">Free</span> <span class="bold">Free</span>
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell pro_feat">
@@ -59,7 +59,7 @@ onMount(() => {
<div class="left_col"> <div class="left_col">
Download limit Download limit
</div> </div>
<div class="feature_cell"> <div class="feature_cell free_feat">
<span class="bold">10 GB</span> per day<br/> <span class="bold">10 GB</span> per day<br/>
Download speed is reduced to 1 MiB/s when exceeded Download speed is reduced to 1 MiB/s when exceeded
</div> </div>
@@ -80,7 +80,7 @@ onMount(() => {
Hotlinking Hotlinking
</button> </button>
</div> </div>
<div class="feature_cell"> <div class="feature_cell free_feat">
No No
</div> </div>
@@ -102,7 +102,7 @@ onMount(() => {
File expiry File expiry
</button> </button>
</div> </div>
<div class="feature_cell"> <div class="feature_cell free_feat">
<span class="bold">60 days</span><br/> <span class="bold">60 days</span><br/>
After last download After last download
</div> </div>
@@ -118,7 +118,7 @@ onMount(() => {
<div class="left_col"> <div class="left_col">
Max file size Max file size
</div> </div>
<div class="feature_cell"> <div class="feature_cell free_feat">
<span class="bold">20 GB</span> per file <span class="bold">20 GB</span> per file
</div> </div>
<div class="feature_cell span2 pro_feat"> <div class="feature_cell span2 pro_feat">
@@ -144,7 +144,7 @@ onMount(() => {
<div class="left_col"> <div class="left_col">
Download page customization Download page customization
</div> </div>
<div class="feature_cell span2"> <div class="feature_cell free_feat span2">
No customization No customization
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell pro_feat">
@@ -156,7 +156,7 @@ onMount(() => {
<div class="left_col"> <div class="left_col">
Online file previews Online file previews
</div> </div>
<div class="feature_cell"> <div class="feature_cell free_feat">
<span class="bold">Image, audio, PDF and text files</span><br/> <span class="bold">Image, audio, PDF and text files</span><br/>
Can all be viewed in the browser Can all be viewed in the browser
</div> </div>
@@ -166,7 +166,7 @@ onMount(() => {
</div> </div>
<div></div> <div></div>
<div class="bottom_row"> <div class="bottom_row free_feat">
Free Free
</div> </div>
<div class="bottom_row pro_feat"> <div class="bottom_row pro_feat">
@@ -384,8 +384,6 @@ header > h1 {
.top_row { .top_row {
border-top-left-radius: 0.5em; border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em; border-top-right-radius: 0.5em;
border: 1px solid var(--separator);
font-weight: bold;
} }
.bottom_row { .bottom_row {
border-bottom-left-radius: 0.5em; border-bottom-left-radius: 0.5em;
@@ -400,6 +398,9 @@ header > h1 {
.pro_feat { .pro_feat {
border: 1px solid var(--highlight_color); border: 1px solid var(--highlight_color);
} }
.free_feat {
border: 1px solid var(--danger_color);
}
.span2 { .span2 {
grid-column: span 2; grid-column: span 2;
} }