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

Update home page a bit

Browse Source
This commit is contained in:
Wim Brand
2026-07-30 23:15:00 +02:00
parent 1536b8bd1b
commit 5b25f21f72
4 changed files with 19 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,49 +28,23 @@ let upload_widget
content delivery. We will store and serve your files at an extremely
competitive rate.
</p>
</section>
</div>
<header>
<h1>Features</h1>
</header>
<div class="page_content">
<section>
<h2>Features</h2>
<ul>
<li>
<span class="bold">Unlimited</span> storage space
Cloud storage with <a href="/filesystem#toc_7">rclone</a> and
FTPS support
</li>
<li>
Cloud storage with <a href="/filesystem#toc_7">rclone</a> and <a
href="/filesystem#toc_10">FTPS</a> support
Customizable download pages (custom branding colours, header and
background images)
</li>
<li>
<span class="bold">Customizable</span> download pages (custom
branding colours, header and background images)
Fault tolerance for up to four storage server failures
</li>
<li>
<span class="bold">Fault tolerance</span> for up to four storage
server failures
</li>
<li>
<span class="bold">1.8 Terabits per second</span> of total bandwidth
capacity
</li>
<li>
Twenty-three high-performance caching servers optimized for data
transfer over long distances
</li>
<li>
File caching in
<span class="bold">Portland</span>,
<span class="bold">Querétaro</span>,
<span class="bold">New York</span>,
<span class="bold">São Paulo</span>,
<span class="bold">Frankfurt</span> and
<span class="bold">Singapore</span>
Caching servers highly optimized for long-distance data transfer
</li>
</ul>
<img class="image" src="/res/img/map.webp" alt="A globe showing datacenter locations"/>
<h3>What you don't get</h3>
<ul>
<li>
@@ -78,10 +52,7 @@ let upload_widget
in case of emergency
</li>
<li>
Commercial support - If you have a question, please check the <a
href="/about">Q&A page</a> first. If that doesn't answer it, try
the <a href="https://discord.gg/UDjaBGwr4p"
target="_blank">support channel</a> on Discord.
Commercial support - I'm busy, please don't bother me
</li>
</ul>
</section>
@@ -142,43 +113,8 @@ header > h1 {
background-size: contain;
background-position: center;
}
.image {
max-width: 100%;
border-radius: 12px;
}
.bold {
font-weight: bold;
color: var(--highlight_color);
}
.prices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.prices > div {
flex: 1 0 200px;
min-width: 200px;
display: flex;
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);
}
@media(max-width: 1000px) {
.prices > div {
flex-direction: column;
}
}
</style>