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

fix html errors

Browse Source
This commit is contained in:
Wim Brand
2020-01-17 20:32:21 +01:00
parent d65201202d
commit 185449c5e6
35 changed files with 73 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
res/include/script/Viewer.js
View File

@@ -47,10 +47,10 @@ var Viewer = {
document.getElementById("file_viewer_headerbar_title").style.lineHeight = "1em";
document.getElementById("file_viewer_list_title").innerText = this.title;
document.getElementById("file_viewer_file_title").innerText = file.name;
document.title = this.title + " ~ " + file.name + " ~ PixelDrain";
document.title = this.title + " ~ " + file.name + " ~ pixeldrain";
} else {
document.getElementById("file_viewer_file_title").innerText = file.name;
document.title = file.name + " ~ PixelDrain";
document.title = file.name + " ~ pixeldrain";
}
$.get("/u/" + file.id + "/preview", function(response){

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

@@ -8,26 +8,11 @@
}
/* Fonts */
@font-face {
font-family: 'default';
font-display: fallback;
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
src:
local('Cantarell'),
local('Cantarell Regular'),
local('Cantarell, Regular'),
local('Cantarell-Regular'),
url("/res/misc/Cantarell-Regular.otf") format("opentype");
}
@font-face {
font-family: 'light';
font-display: fallback;
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
src:
local('Cantarell Light'),
local('Cantarell, Light'),
@@ -43,7 +28,7 @@ body{
background-color: #0d0d0d; /* Fallback */
background-color: var(--body_color);
background-repeat: repeat;
font-family: "default";
font-family: sans-serif;
margin: 0;
line-height: 1.5em;
color: #bfbfbf; /* Fallback */
@@ -136,7 +121,7 @@ body{
padding: 0;
box-sizing: border-box;
text-align: left;
word-break: break-word;
word-break: break-all;
clear: both;
}
.page_body > h1 {
@@ -245,9 +230,9 @@ h1, h2, h3, h4, h5, h6 {
h1{font-size: 2em; font-family: "light"; font-weight: normal;}
h2{font-size: 1.75em; font-family: "light"; font-weight: normal;}
h3{font-size: 1.5em; font-family: "light"; font-weight: normal;}
h4{font-size: 1.25em; font-family: "default"; font-weight: normal;}
h5{font-size: 1em; font-family: "default"; font-weight: normal;}
h6{font-size: .75em; font-family: "default"; font-weight: normal;}
h4{font-size: 1.25em; font-family: sans-serif; font-weight: normal;}
h5{font-size: 1em; font-family: sans-serif; font-weight: normal;}
h6{font-size: .75em; font-family: sans-serif; font-weight: normal;}
h2, h3{border-bottom: 1px var(--layer_3_color_border) solid;} /* Differentiate it a bit, else it just looks like bold text */
p, .indent {

5
res/include/style/viewer.css
View File

@@ -66,7 +66,6 @@
display: none; /* Becomes visible if the page is a list */
width: 100%;
background-color: var(--layer_1_color);
/* box-shadow: 0 0 8px var(--shadow_color); */
text-align: center;
line-height: 1em;
overflow-x: scroll;
@@ -182,9 +181,7 @@
}
.text-container > pre {
white-space: pre-wrap;
word-wrap: break-word;
overflow: hidden;
}
.pannable{
@@ -196,7 +193,6 @@
cursor: move;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.center{
@@ -207,7 +203,6 @@
max-height: 100%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.drop-shadow{

80
res/static/misc/clientinfo.html
View File

@@ -1,80 +0,0 @@
<h3>The Client</h3>
<p style='display: inline-block; width: 100%;'>
<a target='_blank' href='http://pd.fornax96.me/u/pO-V-4'>
<img alt='The Client' src='res/img/client.png'
style='float: left;
position: relative;
max-width: 95%;
margin: 10px;'/>
</a>
I created a desktop client for users who want the convenience to
share (parts of) their desktop with just the press of a key.
<a target='_blank' href='http://pd.fornax96.me/u/pO-V-4'>You can
check out the client in action here</a>. The client will also zip
files for you automatically when you try to upload multiple files
at once, just to save you those valueable seconds!
</p>
<h2>Using PixelDrain</h2>
I bet you're very excited to start using it! You can download it
from here, but there are some important things you need to know
before you start using it:
<br/>
<ul>
<li>
PixelDrain requires a Java Runtime Environment of at least
version 1.8 to be installed. If you're using Ubuntu you can get it
<a href='http://www.webupd8.org/2012/09/install-oracle-java-8-in-ubuntu-via-ppa.html' target='_blank'>from here</a>.
If you're using somtehing else you can download it
<a href='http://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155.html' target='_blank'>from oracle</a>.
</li>
<li>
You should know that this is a very early build of the client, any
bugs or issues you encounter should be reported to me, you can
reach me <a href='http://www.reddit.com/message/compose/?to=Fornax96' target="_blank">on reddit</a>.
</li>
<li>
The settings panel has no functionality yet, it's just
there to show what it will look like when it's finished.
</li>
<li>
The maximum upload size is 50 MB, any bigger files will be
rejected.
</li>
<li>
There is no installer yet, just put it in some directory
and run PixelDrain2.jar to start. The lib folder has to be
in the same directory!
</li>
<li>
During the first run it will install itself in your system's
config directory, under Linux that is "~/.config/PixelDrain/".
</li>
<li>
From my limited testing on Windows I noticed that screenshot
thumbnails do not correctly show up under Windows. I might
fix that soon, but it's not currently a priority.
</li>
</ul>
<a href='res/demo/PixelDrain2_dist.zip'>Download PixelDrain now</a>.
<br/><br/>
Here are some current files on PixelDrain to show you how the
website is progressing:
<ul>
<li>
<a href="http://pd.fornax96.me/u/5gRqu4" target="_blank">Screenshot of the current user interface</a>
</li>
<li>
<a href="http://pd.fornax96.me/u/5ztw0K" target="_blank">Image from the demo video</a>
</li>
<li>
<a href="http://pd.fornax96.me/u/pO-V-4" target="_blank">Watch the demo video</a>
</li>
</ul>

2
res/static/misc/wasm/index.html
View File

@@ -1,4 +1,4 @@
<html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script src="wasm_exec.js"></script>

4
res/template/404.html
View File

@@ -1,5 +1,5 @@
{{define "404"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Not Found"}}
{{template "user_style" .}}
@@ -25,5 +25,5 @@
{{template "page_bottom"}}
{{template "analytics"}}
</body>
</html>
</html lang="en">
{{end}}

2
res/template/500.html
View File

@@ -1,5 +1,5 @@
{{define "500"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "500, Internal Server Error"}}
{{template "user_style" .}}

2
res/template/about.html
View File

@@ -1,5 +1,5 @@
{{define "about"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "About"}}
{{template "user_style" .}}

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

@@ -1,5 +1,5 @@
{{define "email_confirm"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "E-mail verification"}}
{{template "user_style" .}}

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

@@ -1,9 +1,9 @@
{{define "file_manager"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "File Manager"}}
{{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
<style>
#page_body {
height: 100%;

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

@@ -1,5 +1,5 @@
{{define "logout"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Logging out..."}}
{{template "user_style" .}}

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

@@ -1,9 +1,9 @@
{{define "user_files"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Files"}}
{{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>

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

@@ -1,9 +1,9 @@
{{define "user_home"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" .Username}}
{{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>

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

@@ -1,9 +1,9 @@
{{define "user_lists"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Lists"}}
{{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>

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

@@ -1,9 +1,9 @@
{{define "user_settings"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" .Username}}
{{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>

2
res/template/admin.html
View File

@@ -1,6 +1,6 @@
{{define "admin_panel"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Administrator panel"}}
{{template "user_style" .}}

4
res/template/apidoc.html
View File

@@ -1,5 +1,5 @@
{{define "apidoc"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "API Documentation"}}
{{template "user_style" .}}
@@ -35,7 +35,7 @@
<div class="page_content"><div class="limit_width">
<p>
Welcome to the Pixeldrain API documentation.
Welcome to the pixeldrain API documentation.
<br/>
The methods for uploading and retrieving files don't require an
API key. The methods for creating and retrieving lists also

2
res/template/appearance.html
View File

@@ -1,5 +1,5 @@
{{define "appearance"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Appearance settings"}}
{{template "user_style" .}}

4
res/template/donation.html
View File

@@ -1,8 +1,8 @@
{{define "donation"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Thank you for supporting Pixeldrain!"}}
{{template "meta_tags" "Thank you for supporting pixeldrain!"}}
{{template "user_style" .}}
</head>
<body>

4
res/template/file_not_found.html
View File

@@ -1,5 +1,5 @@
{{define "file_not_found"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "404, File Not Found"}}
{{template "user_style" .}}
@@ -30,7 +30,7 @@
</html>
{{end}}
{{define "list_not_found"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "404, List Not Found"}}
{{template "user_style" .}}

24
res/template/file_viewer.html
View File

@@ -1,6 +1,6 @@
{{define "file_viewer"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>{{.Title}}</title>
<meta charset="UTF-8"/>
@@ -32,7 +32,7 @@
<div id="file_viewer_list_title"></div>
<div id="file_viewer_file_title">{{.Title}}</div>
</div>
<button id="button_close_file_viewer" class="button_close_file_viewer button_red" onClick="window.close();">{{template `close.svg`}}</button>
<button id="button_close_file_viewer" class="button_close_file_viewer button_red" onClick="window.close();">{{template `close.svg` .}}</button>
</div>
<div id="list_navigator" class="list_navigator"></div>
<div id="file_viewer_window" class="file_viewer_window">
@@ -74,7 +74,7 @@
<div id="sharebar" class="file_viewer_sharebar">
Share on:<br/>
<button class="sharebar-button button_full_width" onclick="window.open('mailto:please@set.address?subject=File%20on%20PixelDrain&body=' + window.location.href);">
<button class="sharebar-button button_full_width" onclick="window.open('mailto:please@set.address?subject=File%20on%20pixeldrain&body=' + window.location.href);">
{{template `email.svg` .}}<br/>E-Mail
</button>
<button class="sharebar-button button_full_width" onclick="window.open('https://www.reddit.com/submit?url=' + window.location.href);">
@@ -96,18 +96,24 @@
</div>
</div>
<div id="sponsors" class="sponsors">
<iframe data-aa="73974" src="//ad.a-ads.com/73974?size=728x90&background_color={{.Style.Layer1Color.RGB}}&text_color={{.Style.TextColor.RGB}}&title_color={{.Style.HighlightColor.RGB}}&title_hover_color={{.Style.HighlightColor.RGB}}&link_color={{.Style.HighlightColor.RGB}}&link_hover_color={{.Style.HighlightColor.RGB}}" scrolling="no" style="width:728px; height:90px; border:0px; padding:0; overflow:hidden" allowtransparency="true"></iframe>
<!-- scrolling="no" is not allowed by the W3C, but overflow: hidden doesn't work in chrome, so I have no choice -->
<iframe
data-aa="73974"
src="//ad.a-ads.com/73974?size=728x90&background_color={{.Style.Layer1Color.RGB}}&text_color={{.Style.TextColor.RGB}}&title_color={{.Style.HighlightColor.RGB}}&title_hover_color={{.Style.HighlightColor.RGB}}&link_color={{.Style.HighlightColor.RGB}}&link_hover_color={{.Style.HighlightColor.RGB}}"
style="width:728px; height:90px; border:none; padding:0; overflow:hidden;"
scrolling="no">
</iframe>
</div>
</div>
<div id="details_popup" class="popup details_popup">
<div id="details_popup_title" class="highlight_1">
File Info
<button style="position: absolute; top: 3px; right: 3px;" class="button_red" onclick="DetailsWindow.toggle();">{{template `close.svg`}}</button>
<button style="position: absolute; top: 3px; right: 3px;" class="button_red" onclick="DetailsWindow.toggle();">{{template `close.svg` .}}</button>
</div>
<div class="content_area">
<span id="info_file_details"></span>
<span id="info_about">
<div id="info_file_details"></div>
<div id="info_about">
<h3>Downloads and views</h3>
<div id="chart_container" class="chart-container" style="position: relative; width: 100%; height: auto;">
<canvas id="bandwidth_chart"></canvas>
@@ -133,7 +139,7 @@
<tr><td>r</td><td> = Toggle shuffle (<b><u>r</u></b>andom)</td></tr>
<tr><td>SHIFT + s</td><td> = Download all the files in the list as a zip archive</td></tr>
</table>
</span>
</div>
</div>
</div>
<div id="captcha_popup" class="popup captcha_popup">
@@ -145,7 +151,7 @@
<script src="/res/script/Chart.min.js"></script>
<script src="/res/script/jquery.js"></script>
<script type="text/javascript">
<script>
var apiEndpoint = '{{.APIEndpoint}}';
var captchaKey = '{{.Other.CaptchaKey}}';

78
res/template/file_viewer_embed.html
View File

@@ -1,78 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title th:text="*{ogTitle}">PixelDrain</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/res/style/viewer_embed.css"/>
<link rel="stylesheet" href="/res/style/season.css"/>
<link rel="stylesheet" href="/res/style/listview_embed.css"/>
<link rel="shortcut icon" href="/res/img/tray32.png"/>
<meta name="theme-color" content="#9FCF6C"/>
<link rel="icon" sizes="180x180" href="/res/img/pixeldrain.png"/>
<link rel="icon" sizes="256x256" href="/res/img/pixeldrain_big.png"/>
<style th:include="fragments :: background-pattern" th:inline="text"></style>
<script src="/res/script/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<meta name="twitter:creator" content="@Fornax96" />
<meta property="og:title" th:content="*{ogTitle}" />
<meta property="og:type" th:content="*{ogType}" />
<meta property="og:site_name" th:content="*{ogSiteName}" />
<meta property="og:description" th:content="*{ogDescription}" />
<meta property="description" th:content="*{description}" />
<meta property="og:url" th:content="*{ogUrl}" />
<meta property="og:image" th:content="*{ogImage}" />
<meta property="article:author" content="Fornax96" />
<link rel="image_src" th:href="*{ogImage}" />
</head>
<body>
<div id="listNavigator">
<img src="/res/img/arrow-left.png" id="arrow-left" alt="Previous Item" onClick="ListNavigator.previousItem();" />
<img src="/res/img/arrow-right.png" id="arrow-right" alt="Next Item" onClick="ListNavigator.nextItem();" />
<div id="listNavigatorItems"></div>
</div>
<div id="filepreview">
Loading...
</div>
<script src="/res/script/jquery-2.1.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="/res/script/Keyboard.js"></script>
<script src="/res/script/Toolbar.js"></script>
<script src="/res/script/Sharebar.js"></script>
<script src="/res/script/DetailsWindow.js"></script>
<script src="/res/script/Viewer.js"></script>
<script src="/res/script/ListNavigator.js"></script>
<script th:inline="javascript">
// This info gets filled in on the server side to prevent having to make an API call right after the page loads.
// Just to slice another few milliseconds from the load time :)
Viewer.init([[${type}]], [[${id}]], [[${data}]]);
</script>
<!-- Google Analytics Tracking code -->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-24463738-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>

4
res/template/fragments/form.html
View File

@@ -90,11 +90,11 @@
{{end}}
{{define "form_page"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" .Title}}
{{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>

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

@@ -1,5 +1,5 @@
{{define "meta_tags"}}
<title>{{.}} ~ PixelDrain</title>
<title>{{.}} ~ pixeldrain</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="shortcut icon" href="/res/img/tray32.png" />

6
res/template/history.html
View File

@@ -1,11 +1,11 @@
{{define "history_cookies"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Upload History"}}
{{template "user_style" .}}
<script src="res/script/jquery.js"></script>
<script src="res/script/jquery-cookie.js"></script>
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
<script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>
<div id='body' class="body">
@@ -13,7 +13,7 @@
<h1>Upload History</h1>
<div class="page_content"><div class="limit_width">
<p>
Here are all files you have previously uploaded to PixelDrain using this computer.
Here are all files you have previously uploaded to pixeldrain using this computer.
This data is saved locally in your web browser and gets updated every time you upload a file through your current browser.
</p>
<br/>

16
res/template/home.html
View File

@@ -1,6 +1,6 @@
{{define "home"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Free file sharing service"}}
{{template "user_style" .}}
@@ -60,7 +60,7 @@
<button id="text_button" class="big_button button_highlight" onClick="window.location.href = '/t/'">Upload Text</button>
<br/>
<p>
By uploading files to Pixeldrain you accept that a cookie will
By uploading files to pixeldrain you accept that a cookie will
be placed in your web browser. More information on the
<a href="/about">about</a> page
<p>
@@ -87,19 +87,19 @@
{{template `open_in_new.svg` .}}<br/><span>Open link</span>
</button>
<div id="social_buttons" style="display: inline-block">
<button class="social_button" onclick="window.open('mailto:please@set.address?subject=File%20on%20pixeldrain&body=' + shareLink);">
<button class="social_button" onclick="window.open('mailto:please@set.address?subject=File%20on%20pixeldrain&body=' + getShareLink());">
{{template `email.svg` .}}<br/>E-Mail
</button>
<button class="social_button" onclick="window.open('https://twitter.com/share?url=' + shareLink);">
<button class="social_button" onclick="window.open('https://twitter.com/share?url=' + getShareLink());">
{{template `twitter.svg` .}}<br/>Twitter
</button>
<button class="social_button" onclick="window.open('http://www.facebook.com/sharer.php?u=' + shareLink);">
<button class="social_button" onclick="window.open('http://www.facebook.com/sharer.php?u=' + getShareLink());">
{{template `facebook.svg` .}}<br/>Facebook
</button>
<button class="social_button" onclick="window.open('https://www.reddit.com/submit?url=' + shareLink);">
<button class="social_button" onclick="window.open('https://www.reddit.com/submit?url=' + getShareLink());">
{{template `reddit.svg` .}}<br/>Reddit
</button>
<button class="social_button" onclick="window.open('http://www.tumblr.com/share/link?url=' + shareLink);">
<button class="social_button" onclick="window.open('http://www.tumblr.com/share/link?url=' + getShareLink());">
{{template `tumblr.svg` .}}<br/>Tumblr
</button>
</div>
@@ -148,7 +148,7 @@
{{template "page_bottom"}}
<script type="text/javascript">
<script>
var apiEndpoint = '{{.APIEndpoint}}';
var API_URL = "/api";
{{template "home.js"}}

2
res/template/maintenance.html
View File

@@ -1,5 +1,5 @@
{{define "maintenance"}}<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Maintenance"}}
{{template "user_style" .}}

2
res/template/paste.html
View File

@@ -1,6 +1,6 @@
{{define "paste"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Text Upload"}}
{{template "user_style" .}}

2
res/template/widgets.html
View File

@@ -1,6 +1,6 @@
{{define "widgets"}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{template "meta_tags" "Free file sharing service"}}
{{template "user_style" .}}