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

Finish new style

Browse Source
This commit is contained in:
Wim Brand
2019-09-18 22:23:12 +02:00
parent 9f836801f2
commit 3bbf51a490
19 changed files with 217 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
res/template/about.html
View File

@@ -7,7 +7,7 @@
<body>
{{template "page_top" .}}
<h1>About Pixeldrain</h1>
<h1>About pixeldrain</h1>
<div class="page_content"><div class="limit_width">
<h2>Questions and Answers</h2>
@@ -94,7 +94,7 @@
appearance of the website for you.
</p>
<h2>Legality</h2>
<h2 id="legality">Legality</h2>
<p>
I cannot be held liable for any illegal and / or copyrighted
material that's uploaded by the users of this application.

2
res/template/account/user_files.html
View File

@@ -44,7 +44,7 @@
</a><!--
-->{{end}}
<br/>
<br/><br/>
<div class="highlight_dark">
{{if ne $page 0}}
<a href="?page={{sub $page 4}}" class="button">🡄 4 Pages</a>

4
res/template/account/user_home.html
View File

@@ -20,7 +20,7 @@
<h2>Your most recently uploaded files:</h2>
<div class="highlight_dark">
{{$files := .PixelAPI.UserFiles 0 18}}
{{$files := .PixelAPI.UserFiles 0 15}}
{{range $files.Files}}<!--
--><a class="file_button" href="/u/{{.ID}}" target="_blank">
<img src="{{$.APIEndpoint}}/file/{{.ID}}/thumbnail" alt="{{.Name}}" />
@@ -34,7 +34,7 @@
</div>
<h2>Your most recently created lists:</h2>
<div class="highlight_dark">
{{$lists := .PixelAPI.UserLists 0 18}}
{{$lists := .PixelAPI.UserLists 0 15}}
{{range $lists.Lists}}<!--
--><a class="file_button" href="/l/{{.ID}}" target="_blank">
<img src="{{$.APIEndpoint}}/list/{{.ID}}/thumbnail" alt="{{.Title}}" />

2
res/template/account/user_lists.html
View File

@@ -38,7 +38,7 @@
</a><!--
-->{{end}}
<br/>
<br/><br/>
<div class="highlight_dark">
{{if ne $page 0}}
<a href="?page={{sub $page 4}}" class="button">🡄 4 Pages</a>

10
res/template/apidoc.html
View File

@@ -31,7 +31,7 @@
<body>
{{template "page_top" .}}
<h1>Pixeldrain API Documentation</h1>
<h1>Pixeldrain API documentation</h1>
<div class="page_content"><div class="limit_width">
<p>
@@ -80,10 +80,10 @@
{{template "api-list-post"}}
{{template "api-list-get"}}
<h2>Filesystem Methods</h2>
{{template "api-filesystem-path-post"}}
{{template "api-filesystem-path-get"}}
{{template "api-filesystem-path-delete"}}
<!--<h2>Filesystem Methods</h2>-->
{{/*template "api-filesystem-path-post"*/}}
{{/*template "api-filesystem-path-get"*/}}
{{/*template "api-filesystem-path-delete"*/}}
</div></div>
{{template "page_bottom" .}}
{{template "analytics"}}

46
res/template/appearance.html Normal file
View File

@@ -0,0 +1,46 @@
{{define "appearance"}}<!DOCTYPE html>
<html>
<head>
{{template "meta_tags" "Appearance settings"}}
{{template "user_style" .}}
</head>
<body>
{{template "page_top" .}}
<h1>Change website appearance</h1>
<div class="page_content"><div class="limit_width">
<p>
You can change how pixeldrain looks! Your theme choice will
be saved in a cookie.
</p>
<div class="indent">
<input type="radio" id="style_default" name="style"><label for="style_default">Pixeldrain Style</label><br/>
<input type="radio" id="style_solarized_dark" name="style"><label for="style_solarized_dark">Solarized Dark Style</label><br/>
<input type="radio" id="style_maroon" name="style"><label for="style_maroon">Maroon Style</label><br/>
<input type="radio" id="style_hacker" name="style"><label for="style_hacker">Hacker Style</label><br/>
<input type="radio" id="style_canta" name="style"><label for="style_canta">Canta Style</label>
(Inspired by <a href="https://github.com/vinceliuice/Canta-theme" target="_blank">Canta GTK</a>)<br/>
<input type="radio" id="style_arc" name="style"><label for="style_arc">Arc Style</label>
(Inspired by <a href="https://github.com/horst3180/Arc-theme" target="_blank">Arc GTK</a>)<br/>
<input type="radio" id="style_deepsea" name="style"><label for="style_deepsea">Deep Sea Style</label><br/>
<!--<input type="radio" id="style_sunny" name="style"><label for="style_sunny">Sunny Style</label>-->
</div>
</div></div>
<script>
// Style selector
document.getElementsByName("style").forEach(function(elem) {
elem.addEventListener("change", function(evt){
var date = new Date();
date.setTime(date.getTime() + (10 * 365 * 24 * 60 * 60 * 1000));
document.cookie = "style=" + evt.target.id.substring(6) + "; expires=" + date.toUTCString() + "; path=/";
location.reload();
})
});
</script>
{{template "page_bottom"}}
{{template "analytics"}}
</body>
</html>
{{end}}

11
res/template/file_viewer.html
View File

@@ -26,10 +26,15 @@
<div id="file_viewer_headerbar" class="highlight_headerbar">
<button id="button_toggle_toolbar" class="button_toggle_toolbar" onClick="Toolbar.toggle();">☰</button>
<a href="/" id="button_home" class="button button_home">
<img src="/res/img/pixeldrain_transparent.png" alt="Back to the Home page" style="height: 1.5em; margin: -0.3em;"/>
<img src="/res/img/pixeldrain_transparent.png"
alt="Back to the Home page"
style="height: 1.5em; margin: -0.2em; margin-right: 0.2em;"/>
</a>
<span id="file_viewer_headerbar_title" class="file_viewer_headerbar_title">{{.Title}}</span>
<div id="list_navigator_buttons" class="button_group"></div>
<div id="file_viewer_headerbar_title" class="file_viewer_headerbar_title">
<div id="file_viewer_list_title"></div>
<div id="file_viewer_file_title">{{.Title}}</div>
</div>
<div id="list_navigator_buttons" class="button_group list_navigator_buttons"></div>
<button id="button_close_file_viewer" class="button_close_file_viewer button_red" onClick="window.close();">🞫</button>
</div>
<div id="list_navigator" class="list_navigator"></div>

5
res/template/fragments/meta_tags.html
View File

@@ -9,9 +9,8 @@
<link rel="icon" sizes="256x256" href="/res/img/pixeldrain_big.png"/>
<meta name="description" content="Pixeldrain is a free file sharing service, you
can upload any file and you will be given a shareable link right away.
PixelDrain also supports previews for images, videos, audio, PDFs and much more.
Uncensored, unmonitored and unmoderated."/>
can upload any file and you will be given a shareable link right away.
pixeldrain also supports previews for images, videos, audio, PDFs and much more."/>
<meta property="og:type" content="website" />
<meta property="og:title" content="{{.}} ~ pixeldrain" />
<meta property="og:site_name" content="pixeldrain" />

61
res/template/fragments/page_wrap.html
View File

@@ -1,37 +1,34 @@
{{define "page_top"}}
<div id="page_wrapper" class="page_wrapper">
<button id="button_toggle_navigation" class="button_toggle_navigation" onClick="toggleMenu();">☰</button>
<div id="page_navigation" class="page_navigation">
<a href="/">Home</a>
<hr/>
{{if .Authenticated}}<a href="/user">{{.Username}}</a>
<a href="/user/files">My Files</a>
<a href="/user/lists">My Lists</a>
<a href="/logout">Log out</a>
{{else}}
<a href="/login">Login</a>
<a href="/register">Register</a>
<a href="/history">Upload History</a>
{{end}}
<hr/>
<a href="/about">About</a>
<!--<a href="/technology">Technology</a>-->
<a href="/api">API</a>
</div>
<div id="page_body" class="page_body">
<button id="button_toggle_navigation" class="button_toggle_navigation" onclick="toggleMenu();">☰</button>
<div id="page_navigation" class="page_navigation">
<a href="/">Home</a>
<hr/>
{{if .Authenticated}}<a href="/user">{{.Username}}</a>
<a href="/user/files">My Files</a>
<a href="/user/lists">My Lists</a>
<a href="/logout">Log out</a>
{{else}}
<a href="/login">Login</a>
<a href="/register">Register</a>
<a href="/history">Upload History</a>
{{end}}
<hr/>
<a href="/about">About</a>
<!--<a href="/technology">Technology</a>-->
<a href="/api">API</a>
<a href="/appearance">Appearance</a>
</div>
<div id="page_body" class="page_body">
{{end}}
{{define "page_bottom"}}
<br/>
<div class="highlight_dark" style="margin-bottom: 100px;">
Pixeldrain is a product by <a href="//fornaxian.com" target="_blank">Fornaxian Technologies</a> |
Twitter:&nbsp;<a href="https://twitter.com/Fornax96" target="_blank">@Fornax96</a>
Reddit:&nbsp;<a href="https://reddit.com/r/pixeldrain" target="_blank">/r/pixeldrain</a>
Medium:&nbsp;<a href="https://medium.com/pixeldrain" target="_blank">Pixeldrain</a>
</div>
</div><!-- end page_body -->
</div><!-- end page_wrapper-->
<div class="highlight_dark">
Pixeldrain is a product by <a href="//fornaxian.com" target="_blank">Fornaxian Technologies</a> |
Twitter:&nbsp;<a href="https://twitter.com/Fornax96" target="_blank">@Fornax96</a>
Reddit:&nbsp;<a href="https://reddit.com/r/pixeldrain" target="_blank">/r/pixeldrain</a>
Medium:&nbsp;<a href="https://medium.com/pixeldrain" target="_blank">Pixeldrain</a>
</div>
</div><!-- end page_body -->
<script>
var nav = document.getElementById("page_navigation");
@@ -41,13 +38,13 @@ function toggleMenu() {
if (nav.offsetLeft === 0) {
// Menu is visible
nav.style.left = -nav.clientWidth + "px";
nav.style.left = -nav.offsetWidth + "px";
body.style.left = "0";
} else {
// Menu is hidden
nav.style.left = "0";
body.style.left = nav.clientWidth + "px";
body.style.left = nav.offsetWidth + "px";
}
}
</script>

21
res/template/home.html
View File

@@ -9,7 +9,7 @@
<body>
{{template "page_top" .}}
<img id="header_image" class="header_image" src="/res/img/header_neuropol.png" alt="Header image"/>
<img id="header_image" class="header_image" src="/res/img/header_2019.png" alt="Header image"/>
<br/>
<div class="page_content">
<input id="file_input_field" type="file" name="file" multiple="multiple"/>
@@ -30,7 +30,7 @@
<br/>
<div class="limit_width">
<h1>What is Pixeldrain?</h1>
<h1>What is pixeldrain?</h1>
<p>
Pixeldrain is a file sharing website built for speed and
ease of use. Pixeldrain does not cost any money, though
@@ -60,23 +60,6 @@
For more information see the <a href="/about">about</a>
page.
</p>
<h2>Style selector</h2>
<p>
You can change how pixeldrain looks! Your theme choice will
be saved in a cookie.
</p>
<div class="indent">
<input type="radio" id="style_default" name="style"><label for="style_default">Pixeldrain Style</label><br/>
<input type="radio" id="style_solarized_dark" name="style"><label for="style_solarized_dark">Solarized Dark Style</label><br/>
<input type="radio" id="style_maroon" name="style"><label for="style_maroon">Maroon Style</label><br/>
<input type="radio" id="style_hacker" name="style"><label for="style_hacker">Hacker Style</label><br/>
<input type="radio" id="style_canta" name="style"><label for="style_canta">Canta Style</label>
(Inspired by <a href="https://github.com/vinceliuice/Canta-theme" target="_blank">Canta GTK</a>)<br/>
<input type="radio" id="style_arc" name="style"><label for="style_arc">Arc Style</label>
(Inspired by <a href="https://github.com/horst3180/Arc-theme" target="_blank">Arc GTK</a>)<br/>
<input type="radio" id="style_sunny" name="style"><label for="style_sunny">Sunny Style</label>
</div>
</div>
</div>