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

Fix stats reporting. Add Vite compatibility

Browse Source
This commit is contained in:
Wim Brand
2025-11-04 16:16:50 +01:00
parent aa29de9029
commit e54dc2dbd7
21 changed files with 1060 additions and 361 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,45 +22,10 @@ let upload_widget
<div class="page_content">
<section>
<p>
Pixeldrain offers services for efficiently moving and storing
digital files on the internet.
FNX.storage is a platform for cost-effective cloud storage and
content delivery. We will store and serve your files at an extremely
competitive rate.
</p>
<h2>What pixeldrain is good at</h2>
<ul>
<li>
Serving large files to millions of people worldwide
</li>
<li>
Storing files for less money than all the competition
</li>
</ul>
<h2>Things we take very seriously</h2>
<ul>
<li>
<b>Performance</b> - Slow software is a waste of time. We
don't want to make you wait, so pixeldrain is completely
tuned for maximum performance
</li>
<li>
<b>Privacy</b> - There is too much tracking on the web
nowadays. Pixeldrain goes in the other direction, this site
does not contain any advertisements or third party tracking
scripts
</li>
<li>
Bullet lists
</li>
</ul>
<Pricing/>
</section>
</div>
<header>
<h1>Pricing</h1>
<span>(Prepaid plan. For monthly subscriptions, look further below)</span>
</header>
<div class="page_content">
<section>
<div class="prices">
<div>
<div>Storage pricing</div>
@@ -70,16 +35,25 @@ let upload_widget
<div>Egress pricing</div>
<div>€ 1 / TB</div>
</div>
<div>
<div>Minimum fee *</div>
<div>€1 / month</div>
</div>
</div>
<p style="text-align: center;">
* The minimum fee is only charged when usage is less than €1
</p>
<h2>What FNX is good at</h2>
<ul>
<li>
Serving large files to millions of people worldwide
</li>
<li>
Storing files for less money than all the competition
</li>
</ul>
<Pricing/>
</section>
</div>
<h2>What you get</h2>
<header>
<h1>Features</h1>
</header>
<div class="page_content">
<section>
<ul>
<li>
<span class="bold">Unlimited</span> storage space
@@ -136,17 +110,16 @@ let upload_widget
</header>
<GetStarted/>
<header id="pro">
<h1>Subscription plans</h1>
</header>
<div class="page_content">
<FeatureTable/>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<svelte:head>
<style>
body {
background-image: url("/res/img/catspaw.webp");
background-image: url("/res/img/northernlights.webp");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
@@ -164,10 +137,9 @@ header {
padding-top: 0;
padding-bottom: 0;
}
header > h1,
header > span {
header > h1 {
color: #ffffff;
text-shadow: 0 0 4px #000000;
text-shadow: 0 0 6px #000000;
margin-top: 30px;
margin-bottom: 30px;
}
@@ -209,17 +181,23 @@ header > span {
flex: 1 0 200px;
min-width: 200px;
display: flex;
flex-direction: column;
flex-direction: row;
text-align: center;
border-radius: 6px;
overflow: hidden;
border: 2px solid var(--card_color);
}
.prices > div > div {
flex: 1 1 auto;
padding: 4px;
font-size: 1.3em;
}
.prices > div > div:nth-child(2) {
background: var(--card_color);
font-size: 1.3em;
}
@media(max-width: 1000px) {
.prices > div {
flex-direction: column;
}
}
</style>