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

Add file viewer branding options

Browse Source
This commit is contained in:
Fornax
2022-02-07 12:00:22 +01:00
parent 1de3bb49c5
commit af82d45c6e
20 changed files with 477 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
res/include/style/layout.css
View File

@@ -105,7 +105,7 @@ footer {
.page_navigation {
position: fixed;
backface-visibility: hidden;
width: 18em;
width: 17em;
height: 100%;
left: 0;
float: left;
@@ -119,7 +119,7 @@ footer {
position: absolute;
right: 0;
height: auto;
left: 18em;
left: 17em;
min-width: 300px;
display: inline-block;
text-align: center; /* Center the header and body */
@@ -131,7 +131,7 @@ footer {
padding: 8px;
transition: left 0.5s;
}
@media (max-width: 1000px) {
@media (max-width: 1200px) {
.page_navigation {
left: -18em;
}
@@ -467,7 +467,9 @@ select:disabled , select.disabled {
cursor: not-allowed;
}
button > i,
.button > i {
.button > i,
button > svg,
.button > svg {
vertical-align: middle;
line-height: 1;
}

BIN
res/static/misc/amogus.opus Normal file
View File

Binary file not shown.

71
res/template/home.html
View File

@@ -60,9 +60,9 @@
background-position: center;
background-size: cover;
text-align: left;
font-size: 1.1em;
font-size: 1.2em;
color: #ffffff;
text-shadow: 1px 1px 4px #000000;
text-shadow: 1px 1px 3px #000000;
}
.feat_table > div > div.round_tl { border-top-left-radius: 0.5em; }
@@ -298,10 +298,10 @@
{{end}}
</div>
<div class="feat_pro features_cell round_tr">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">180 days</span> file expiry</div>
<div><span class="text_highlight">2 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">2 TB</span> storage space<br/></div>
<div><span class="text_highlight">2 TB</span> transfer limit</div>
<div><span class="text_highlight">2 TB</span> storage space</div>
</div>
</div>
<div>
@@ -315,10 +315,16 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">360 days</span> file expiry</div>
<div><span class="text_highlight">4 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">4 TB</span> storage space<br/></div>
<div><span class="text_highlight">4 TB</span> transfer limit</div>
<div><span class="text_highlight">4 TB</span> storage space</div>
<div>
<span class="text_highlight">File viewer
branding</span>: Set a custom theme and header,
footer and background images on the download pages
for your files
</div>
</div>
</div>
<div>
@@ -332,10 +338,11 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">8 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">8 TB</span> storage space<br/></div>
<div><span class="text_highlight">8 TB</span> transfer limit</div>
<div><span class="text_highlight">8 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
<div>
@@ -349,10 +356,11 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">16 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">16 TB</span> storage space<br/></div>
<div><span class="text_highlight">16 TB</span> transfer limit</div>
<div><span class="text_highlight">16 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
<div>
@@ -366,10 +374,11 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">32 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">32 TB</span> storage space<br/></div>
<div><span class="text_highlight">32 TB</span> transfer limit</div>
<div><span class="text_highlight">32 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
<div>
@@ -385,10 +394,11 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">48 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">48 TB</span> storage space<br/></div>
<div><span class="text_highlight">48 TB</span> transfer limit</div>
<div><span class="text_highlight">48 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
<div>
@@ -404,10 +414,11 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">64 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">64 TB</span> storage space<br/></div>
<div><span class="text_highlight">64 TB</span> transfer limit</div>
<div><span class="text_highlight">64 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
<div>
@@ -423,10 +434,11 @@
{{end}}
</div>
<div class="feat_pro features_cell">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">96 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">96 TB</span> storage space<br/></div>
<div><span class="text_highlight">96 TB</span> transfer limit</div>
<div><span class="text_highlight">96 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
<div>
@@ -442,10 +454,11 @@
{{end}}
</div>
<div class="feat_pro features_cell round_br">
<div><span class="text_highlight">20 GB</span> max file size<br/></div>
<div><span class="text_highlight">20 GB</span> max file size</div>
<div><span class="text_highlight">Files never expire</span></div>
<div><span class="text_highlight">128 TB</span> transfer limit<br/></div>
<div><span class="text_highlight">128 TB</span> storage space<br/></div>
<div><span class="text_highlight">128 TB</span> transfer limit</div>
<div><span class="text_highlight">128 TB</span> storage space</div>
<div><span class="text_highlight">File viewer branding</span></div>
</div>
</div>
</div>