Init
This commit is contained in:
75
res/template/account/files.html
Normal file
75
res/template/account/files.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<title>File Browser ~ PixelDrain</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link rel="stylesheet" href="/res/style/home.css"/>
|
||||
<link rel="stylesheet" href="/res/style/season.css"/>
|
||||
<link rel="stylesheet" href="/res/style/history.css"/>
|
||||
<link rel="stylesheet" href="/res/style/menu.css"/>
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/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>
|
||||
|
||||
<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."/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='body' class="body">
|
||||
<div th:replace="fragments :: menu"></div>
|
||||
<br/>
|
||||
|
||||
<div style="margin-left: 0; margin-right: 0; text-align: center; font-size: 22px;">
|
||||
<a th:href="'/account/files?pageid=' + ${pageid - 1}">Previous</a>
|
||||
<-- <span th:text="${pageid}">0</span> -->
|
||||
<a th:href="'/account/files?pageid=' + ${pageid + 1}">Nextious</a>
|
||||
</div>
|
||||
|
||||
<div id="uploadedFiles" class="uploadedFiles">
|
||||
<div class="uploadItem" th:each="file,interation : ${files}">
|
||||
<a th:href="'/u/' + ${file.getId()}" th:inline="text" target="_blank">
|
||||
<img th:src="'/api/thumbnail/' + ${file.getId()}" th:alt="${file.getFileName()}" class="uploadItemImage"/>
|
||||
</a>
|
||||
<a th:href="'/u/' + ${file.getId()}" th:inline="text" target="_blank" class="uploadItemText">
|
||||
[[${file.getFileName()}]]
|
||||
<br/>
|
||||
<span th:text="${file.getDateUpload().toString()}"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-left: 0; margin-right: 0; text-align: center; font-size: 22px;">
|
||||
<a th:href="'/account/files?pageid=' + ${pageid - 1}">Previous</a>
|
||||
<-- <span th:text="${pageid}">0</span> -->
|
||||
<a th:href="'/account/files?pageid=' + ${pageid + 1}">Nextious</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
77
res/template/account/lists.html
Normal file
77
res/template/account/lists.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<title>List Browser ~ PixelDrain</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link rel="stylesheet" href="/res/style/home.css"/>
|
||||
<link rel="stylesheet" href="/res/style/season.css"/>
|
||||
<link rel="stylesheet" href="/res/style/history.css"/>
|
||||
<link rel="stylesheet" href="/res/style/menu.css"/>
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/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>
|
||||
|
||||
<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."/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='body' class="body">
|
||||
<div th:replace="fragments :: menu"></div>
|
||||
<br/>
|
||||
|
||||
<div style="margin-left: 0; margin-right: 0; text-align: center; font-size: 22px;">
|
||||
<a th:href="'/account/lists?pageid=' + ${pageid - 1}">Previous</a>
|
||||
<-- <span th:text="${pageid}">0</span> -->
|
||||
<a th:href="'/account/lists?pageid=' + ${pageid + 1}">Nextious</a>
|
||||
</div>
|
||||
|
||||
<div id="uploadedFiles" class="uploadedFiles">
|
||||
<div class="uploadItem" th:each="list,interation : ${lists}" th:inline="text">
|
||||
<a th:href="'/l/' + ${list.get('id')}" target="_blank">
|
||||
<img th:src="${list.get('image')}" alt="" class="uploadItemImage"/>
|
||||
</a>
|
||||
<a th:href="'/l/' + ${list.get('id')}" target="_blank" class="uploadItemText">
|
||||
[[${list.get('title')}]]
|
||||
<br/>
|
||||
[[${list.get('fileCount')}]] Items
|
||||
<br/>
|
||||
<span th:text="${list.get('date')}"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-left: 0; margin-right: 0; text-align: center; font-size: 22px;">
|
||||
<a th:href="'/account/lists?pageid=' + ${pageid - 1}">Previous</a>
|
||||
<-- <span th:text="${pageid}">0</span> -->
|
||||
<a th:href="'/account/lists?pageid=' + ${pageid + 1}">Nextious</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
80
res/template/account/login.html
Normal file
80
res/template/account/login.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<title>Login ~ PixelDrain</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link rel="stylesheet" href="/res/style/home.css"/>
|
||||
<link rel="stylesheet" href="/res/style/season.css"/>
|
||||
<link rel="stylesheet" href="/res/style/form.css"/>
|
||||
<link rel="stylesheet" href="/res/style/menu.css"/>
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/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>
|
||||
|
||||
<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."/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="Login ~ PixelDrain" />
|
||||
<meta property="og:site_name" content="PixelDrain" />
|
||||
<meta property="og:description" content="Instant file and screenshot sharing." />
|
||||
<meta property="og:url" content="http://pixeldra.in/" />
|
||||
<meta property="og:image" content="/res/img/pixeldrain_big.png" />
|
||||
<meta property="og:image:type" content="image/png" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='body' class="body">
|
||||
<div th:replace="fragments :: menu"></div>
|
||||
<br/><br/>
|
||||
|
||||
<div id="message" th:switch="${messageType}">
|
||||
<div th:case="'info'" th:utext="${message}" id="text-info" class="text-info"></div>
|
||||
<div th:case="'warn'" th:utext="${message}" id="text-warning" class="text-warning"></div>
|
||||
</div>
|
||||
|
||||
Log in to your PixelDrain account
|
||||
<form action="/login" method="POST">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Username</td>
|
||||
<td><input name="username" type="text" value="" th:value="${form_username}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Password</td>
|
||||
<td><input name="password" type="password"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="submit" value="Login"/>
|
||||
</form>
|
||||
<br/><br/>
|
||||
If you don't have a PixelDrain account, you can <a href="/register">register here</a>.
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
99
res/template/account/overview.html
Normal file
99
res/template/account/overview.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<title>File Overview ~ PixelDrain</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link rel="stylesheet" href="/res/style/home.css"/>
|
||||
<link rel="stylesheet" href="/res/style/season.css"/>
|
||||
<link rel="stylesheet" href="/res/style/global.css"/>
|
||||
<link rel="stylesheet" href="/res/style/history.css"/>
|
||||
<link rel="stylesheet" href="/res/style/menu.css"/>
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/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>
|
||||
|
||||
<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."/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='body' class="body">
|
||||
<div th:replace="fragments :: menu"></div>
|
||||
<br/>
|
||||
Logged in as <span th:text="${user.getUsername()}"></span>. <a href="/logout">Log out</a>.
|
||||
<br/><br/>
|
||||
Bandwidth used past 24 hours:<br/>
|
||||
<div id="bandwidth-progress-bar" class="progress-bar">
|
||||
<span th:text="${bandwidth_used} + ' / ' + ${bandwidth_available}"></span>
|
||||
<div id="bandwidth-progress" th:style="'width: ' + ${bandwidth_percentage} + '%;'">
|
||||
<span th:text="${bandwidth_used} + ' / ' + ${bandwidth_available}"></span>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
Total size of your files: <span th:text="${account_total_size}"></span>.
|
||||
<br/><br/>
|
||||
Your 20 most recently uploaded files:
|
||||
<div id="uploadedFiles" class="uploadedFiles">
|
||||
<div class="uploadItem" th:each="file,interation : ${files}">
|
||||
<a th:href="'/u/' + ${file.getId()}" th:inline="text" target="_blank">
|
||||
<img th:src="'/api/thumbnail/' + ${file.getId()}" th:alt="${file.getFileName()}" class="uploadItemImage"/>
|
||||
</a>
|
||||
<a th:href="'/u/' + ${file.getId()}" th:inline="text" target="_blank" class="uploadItemText">
|
||||
[[${file.getFileName()}]]
|
||||
<br/>
|
||||
<span th:text="${file.getDateUpload().toString()}"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div style="margin-left: 0; margin-right: 0; text-align: center; font-size: 20px;">
|
||||
<a href="/account/files">Click here to view all your files</a>
|
||||
</div>
|
||||
<br/>
|
||||
Your 20 most recently created lists:
|
||||
<div id="uploadedFiles" class="uploadedFiles">
|
||||
<div class="uploadItem" th:each="list,interation : ${lists}" th:inline="text">
|
||||
<a th:href="'/l/' + ${list.getId()}" target="_blank">
|
||||
<img th:src="'/api/thumbnail/' + ${list_db.getListItem(list.getId(), 0).getFileId()}" alt="" class="uploadItemImage"/>
|
||||
</a>
|
||||
<a th:href="'/l/' + ${list.getId()}" target="_blank" class="uploadItemText">
|
||||
[[${list.getTitle()}]]
|
||||
<br/>
|
||||
<span th:text="${list.getSize()} + ' Items'"></span>
|
||||
<br/>
|
||||
<span th:text="${list.getDateCreated().toString()}"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-left: 0; margin-right: 0; text-align: center; font-size: 20px;">
|
||||
<a href="/account/lists">Click here to view all your lists</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
82
res/template/account/register.html
Normal file
82
res/template/account/register.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<title>Register ~ PixelDrain</title>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link rel="stylesheet" href="/res/style/home.css"/>
|
||||
<link rel="stylesheet" href="/res/style/season.css"/>
|
||||
<link rel="stylesheet" href="/res/style/form.css"/>
|
||||
<link rel="stylesheet" href="/res/style/menu.css"/>
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/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='https://www.google.com/recaptcha/api.js'></script>
|
||||
|
||||
<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."/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="Register ~ PixelDrain" />
|
||||
<meta property="og:site_name" content="PixelDrain" />
|
||||
<meta property="og:description" content="Instant file and screenshot sharing." />
|
||||
<meta property="og:url" content="http://pixeldra.in/" />
|
||||
<meta property="og:image" content="/res/img/pixeldrain_big.png" />
|
||||
<meta property="og:image:type" content="image/png" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='body' class="body">
|
||||
<div th:replace="fragments :: menu"></div>
|
||||
<br/>
|
||||
|
||||
<h3>Register a new PixelDrain account</h3>
|
||||
<div id="message" th:switch="${messageType}">
|
||||
<div th:case="'info'" th:utext="${message}" id="text-info" class="text-info"></div>
|
||||
<div th:case="'warn'" th:utext="${message}" id="text-warning" class="text-warning"></div>
|
||||
</div>
|
||||
<form action="/register" method="POST">
|
||||
|
||||
|
||||
Username (Used to log in)<br/>
|
||||
<input name="username" type="text" th:value="${username}"/><br/>
|
||||
<br/>
|
||||
Enter your password twice (Why twice? So we can verify that you have not made any typing errors)<br/>
|
||||
<input name="password1" type="password" th:value="${password1}"/><br/>
|
||||
<input name="password2" type="password" th:value="${password2}"/><br/>
|
||||
<br/>
|
||||
Prove that you're not a robot (Click the white box)
|
||||
<div class="g-recaptcha" data-theme="dark"
|
||||
data-sitekey="6LdEeQ0TAAAAALBmDF_k_2LgbpuJM66PGspByViS">
|
||||
</div><br/>
|
||||
<br/>
|
||||
<input type="submit" value="Register"/>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user