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_headerbar_title").style.lineHeight = "1em";
document.getElementById("file_viewer_list_title").innerText = this.title; document.getElementById("file_viewer_list_title").innerText = this.title;
document.getElementById("file_viewer_file_title").innerText = file.name; document.getElementById("file_viewer_file_title").innerText = file.name;
document.title = this.title + " ~ " + file.name + " ~ PixelDrain"; document.title = this.title + " ~ " + file.name + " ~ pixeldrain";
} else { } else {
document.getElementById("file_viewer_file_title").innerText = file.name; 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){ $.get("/u/" + file.id + "/preview", function(response){

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

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

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

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

4
res/template/404.html
View File

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

2
res/template/500.html
View File

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

2
res/template/about.html
View File

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2
res/template/admin.html
View File

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

4
res/template/apidoc.html
View File

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

4
res/template/donation.html
View File

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

4
res/template/file_not_found.html
View File

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

24
res/template/file_viewer.html
View File

@@ -1,6 +1,6 @@
{{define "file_viewer"}} {{define "file_viewer"}}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>{{.Title}}</title> <title>{{.Title}}</title>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
@@ -32,7 +32,7 @@
<div id="file_viewer_list_title"></div> <div id="file_viewer_list_title"></div>
<div id="file_viewer_file_title">{{.Title}}</div> <div id="file_viewer_file_title">{{.Title}}</div>
</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>
<div id="list_navigator" class="list_navigator"></div> <div id="list_navigator" class="list_navigator"></div>
<div id="file_viewer_window" class="file_viewer_window"> <div id="file_viewer_window" class="file_viewer_window">
@@ -74,7 +74,7 @@
<div id="sharebar" class="file_viewer_sharebar"> <div id="sharebar" class="file_viewer_sharebar">
Share on:<br/> 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 {{template `email.svg` .}}<br/>E-Mail
</button> </button>
<button class="sharebar-button button_full_width" onclick="window.open('https://www.reddit.com/submit?url=' + window.location.href);"> <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> </div>
<div id="sponsors" class="sponsors"> <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> </div>
<div id="details_popup" class="popup details_popup"> <div id="details_popup" class="popup details_popup">
<div id="details_popup_title" class="highlight_1"> <div id="details_popup_title" class="highlight_1">
File Info 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>
<div class="content_area"> <div class="content_area">
<span id="info_file_details"></span> <div id="info_file_details"></div>
<span id="info_about"> <div id="info_about">
<h3>Downloads and views</h3> <h3>Downloads and views</h3>
<div id="chart_container" class="chart-container" style="position: relative; width: 100%; height: auto;"> <div id="chart_container" class="chart-container" style="position: relative; width: 100%; height: auto;">
<canvas id="bandwidth_chart"></canvas> <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>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> <tr><td>SHIFT + s</td><td> = Download all the files in the list as a zip archive</td></tr>
</table> </table>
</span> </div>
</div> </div>
</div> </div>
<div id="captcha_popup" class="popup captcha_popup"> <div id="captcha_popup" class="popup captcha_popup">
@@ -145,7 +151,7 @@
<script src="/res/script/Chart.min.js"></script> <script src="/res/script/Chart.min.js"></script>
<script src="/res/script/jquery.js"></script> <script src="/res/script/jquery.js"></script>
<script type="text/javascript"> <script>
var apiEndpoint = '{{.APIEndpoint}}'; var apiEndpoint = '{{.APIEndpoint}}';
var captchaKey = '{{.Other.CaptchaKey}}'; 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}} {{end}}
{{define "form_page"}} {{define "form_page"}}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
{{template "meta_tags" .Title}} {{template "meta_tags" .Title}}
{{template "user_style" .}} {{template "user_style" .}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script> <script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head> </head>
<body> <body>

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

@@ -1,5 +1,5 @@
{{define "meta_tags"}} {{define "meta_tags"}}
<title>{{.}} ~ PixelDrain</title> <title>{{.}} ~ pixeldrain</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="shortcut icon" href="/res/img/tray32.png" /> <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> {{define "history_cookies"}}<!DOCTYPE html>
<html> <html lang="en">
<head> <head>
{{template "meta_tags" "Upload History"}} {{template "meta_tags" "Upload History"}}
{{template "user_style" .}} {{template "user_style" .}}
<script src="res/script/jquery.js"></script> <script src="res/script/jquery.js"></script>
<script src="res/script/jquery-cookie.js"></script> <script src="res/script/jquery-cookie.js"></script>
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script> <script>var apiEndpoint = '{{.APIEndpoint}}';</script>
</head> </head>
<body> <body>
<div id='body' class="body"> <div id='body' class="body">
@@ -13,7 +13,7 @@
<h1>Upload History</h1> <h1>Upload History</h1>
<div class="page_content"><div class="limit_width"> <div class="page_content"><div class="limit_width">
<p> <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. This data is saved locally in your web browser and gets updated every time you upload a file through your current browser.
</p> </p>
<br/> <br/>

16
res/template/home.html
View File

@@ -1,6 +1,6 @@
{{define "home"}} {{define "home"}}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
{{template "meta_tags" "Free file sharing service"}} {{template "meta_tags" "Free file sharing service"}}
{{template "user_style" .}} {{template "user_style" .}}
@@ -60,7 +60,7 @@
<button id="text_button" class="big_button button_highlight" onClick="window.location.href = '/t/'">Upload Text</button> <button id="text_button" class="big_button button_highlight" onClick="window.location.href = '/t/'">Upload Text</button>
<br/> <br/>
<p> <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 be placed in your web browser. More information on the
<a href="/about">about</a> page <a href="/about">about</a> page
<p> <p>
@@ -87,19 +87,19 @@
{{template `open_in_new.svg` .}}<br/><span>Open link</span> {{template `open_in_new.svg` .}}<br/><span>Open link</span>
</button> </button>
<div id="social_buttons" style="display: inline-block"> <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 {{template `email.svg` .}}<br/>E-Mail
</button> </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 {{template `twitter.svg` .}}<br/>Twitter
</button> </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 {{template `facebook.svg` .}}<br/>Facebook
</button> </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 {{template `reddit.svg` .}}<br/>Reddit
</button> </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 {{template `tumblr.svg` .}}<br/>Tumblr
</button> </button>
</div> </div>
@@ -148,7 +148,7 @@
{{template "page_bottom"}} {{template "page_bottom"}}
<script type="text/javascript"> <script>
var apiEndpoint = '{{.APIEndpoint}}'; var apiEndpoint = '{{.APIEndpoint}}';
var API_URL = "/api"; var API_URL = "/api";
{{template "home.js"}} {{template "home.js"}}

2
res/template/maintenance.html
View File

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

2
res/template/paste.html
View File

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

2
res/template/widgets.html
View File

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

2
wasm/file_viewer/index.html
View File

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

6
webcontroller/file_preview.go
View File

@@ -242,12 +242,12 @@ func serveFilePreviewDemo(w http.ResponseWriter) {
| | /\/ |/ |/ / | / | / | | / |/ | | | /\/ |/ |/ / | / | / | | / |/ |
| |_/ /\_/|__/|__/\_/|_/ |_/\_/|_/|_/ | |_/ | |_/ /\_/|__/|__/\_/|_/ |_/\_/|_/|_/ | |_/
This is a demonstration of Pixeldrain's file viewer. This is a demonstration of pixeldrain's file viewer.
The website automatically detects what kind of file you requested and prepares a page for viewing it properly. This is what a text file would look like on Pixeldrain. You can upload your own text file at pixeldrain.com/t. The website automatically detects what kind of file you requested and prepares a page for viewing it properly. This is what a text file would look like on pixeldrain. You can upload your own text file at pixeldrain.com/t.
Pixeldrain is a free service for sharing files with large or small groups of people. For more information visit the home page by pressing the home button on the toolbar at the left side of the screen. Pixeldrain is a free service for sharing files with large or small groups of people. For more information visit the home page by pressing the home button on the toolbar at the left side of the screen.
Press the Details button or "i" for more info about Pixeldrain's file viewer. Press the Details button or "i" for more info about pixeldrain's file viewer.
</pre></div>`) </pre></div>`)
} }

4
webcontroller/file_viewer.go
View File

@@ -53,7 +53,7 @@ func (wc *WebController) serveFileViewer(w http.ResponseWriter, r *http.Request,
templateData.OGData = metadataFromFile(*finfo[0]) templateData.OGData = metadataFromFile(*finfo[0])
var err error var err error
if list { if list {
templateData.Title = fmt.Sprintf("%d files in Pixeldrain", len(finfo)) templateData.Title = fmt.Sprintf("%d files on pixeldrain", len(finfo))
templateData.Other = viewerData{ templateData.Other = viewerData{
Type: "list", Type: "list",
CaptchaKey: wc.captchaKey(), CaptchaKey: wc.captchaKey(),
@@ -66,7 +66,7 @@ func (wc *WebController) serveFileViewer(w http.ResponseWriter, r *http.Request,
}, },
} }
} else { } else {
templateData.Title = fmt.Sprintf("%s ~ Pixeldrain file", finfo[0].Name) templateData.Title = fmt.Sprintf("%s ~ pixeldrain", finfo[0].Name)
templateData.Other = viewerData{ templateData.Other = viewerData{
Type: "file", Type: "file",
CaptchaKey: wc.captchaKey(), CaptchaKey: wc.captchaKey(),

2
webcontroller/list_viewer.go
View File

@@ -26,7 +26,7 @@ func (wc *WebController) serveListViewer(w http.ResponseWriter, r *http.Request,
return return
} }
templateData.Title = fmt.Sprintf("%s ~ Pixeldrain list", list.Title) templateData.Title = fmt.Sprintf("%s ~ pixeldrain", list.Title)
templateData.OGData = metadataFromList(*list) templateData.OGData = metadataFromList(*list)
templateData.Other = viewerData{ templateData.Other = viewerData{
Type: "list", Type: "list",

2
webcontroller/opengraph.go
View File

@@ -31,7 +31,7 @@ type linkRule struct {
} }
func (o linkRule) HTML() template.HTML { func (o linkRule) HTML() template.HTML {
return template.HTML(`<link name="` + o.Rel + `" href="` + o.HREF + `"/>` + "\n") return template.HTML(`<link rel="` + o.Rel + `" href="` + o.HREF + `"/>` + "\n")
} }
func metadataFromFile(f pixelapi.FileInfo) (meta template.HTML) { func metadataFromFile(f pixelapi.FileInfo) (meta template.HTML) {

2
webcontroller/user_account.go
View File

@@ -45,7 +45,7 @@ func (wc *WebController) registerForm(td *TemplateData, r *http.Request) (f Form
} }
// Construct the form // Construct the form
td.Title = "Register a new Pixeldrain account" td.Title = "Register a new pixeldrain account"
f = Form{ f = Form{
Name: "register", Name: "register",
Title: td.Title, Title: td.Title,