-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (102 loc) · 5.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/content/css/page_style.css">
<title>Stuff</title>
<script src="/content/js/jquery.min.js"></script>
<script src="/content/js/scripts.js"></script>
<link rel="stylesheet" href="/css/jquery-ui.min.css">
<script src="/content/js/jquery-ui.min.js"></script>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<link rel="prefetch" type="application/l10n" href="locales/locales.ini" />
<script type="text/javascript" src="/content/js/l10n.js"></script>
</head>
<body id="main-index">
<header id="header">
<div class="container">
<a href="/">
<div id="logo" scrolling="no" > </div>
</a>
<div id="menu-icon"></div>
<nav id="top-nav">
<ul>
<li><a href="/" class="current" data-l10n-id="navbarHome">Home</a></li>
<li><a href="/board/" data-l10n-id="navbarForum">Forum</a></li>
<li><a href="/Shared/" data-l10n-id="navbarFiles">Files</a></li>
<li><a href="#about" data-l10n-id="navbarAbout">About</a></li>
</ul>
</nav>
</div>
</header>
<section id="content">
<div class="container">
<div id="welcome">
<div id="greeting" class="card">
<h2 data-l10n-id="welcomeWelcome">Hey there</h2>
<p data-l10n-id="welcomeDescription">Now, first of all, don't worry bout this right ere. This is a website made by yours truely after learning a thing or 2 in 7th grade Computer Science class, <strong data-l10n-id="anonymously">anonymous</strong>! Feel free to stay a while, upload something if I asked you to, or chat if that's your thing. Don't tell anyone!</p>
<input id="thanks" class="button" type="submit" value="Yeah whatever" data-l10n-id="welcomeThanksButton">
</div>
</div>
<div id="sidebar">
<div id="upload" class="card">
<h2 data-l10n-id="sidebarUpload">Upload</h2>
<iframe width="100%" height="80" src='http://192.168.77.1:8080/' data-l10n-id="sidebarIframeNotSupported" scrolling="no">
Your browser does not support iframes.. If you want to upload something, follow this <a href='http://192.168.77.1:8080/' data-l10n-id="link">Link</a>.
</iframe>
<h3><a href="/Shared" data-l10n-id="sidebarBrowseFiles">Browse Files -></a></h3>
<div id="station"></div>
</div>
<div id="diskusagecard" class="card">
<h2 data-l10n-id="diskUsage" >Disk Usage</h2>
<div id="diskusage"></div>
<div id="refresh-diskusage">
<form method="POST" name="diskusage" id="du_form" >
<input class="button" type="submit" name="refresh" value="Refresh" data-l10n-id="refreshButton" id="du_form_button" title="Disk usage can only be refreshed every 5 minutes">
</form>
</div>
</div>
</div>
<div id="main">
<div id="chat" class="card">
<h2 data-l10n-id="mainChatChat">Chat</h2>
<div id="shoutbox" class="shoutbox_content"></div>
<form method="POST" name="psowrte" id="sb_form" onsubmit='getTime();'>
<div id="shoutbox-input">
<input class="nickname" type="text" name="name" value="Anonymous" placeholder="Nickname" data-l10n-id="mainChatName" >
<input class="message" type="text" name="data" placeholder="Message..." data-l10n-id="mainChatMessage" >
<input class="button" type="submit" name="submit" value="Send" id="send-button" data-l10n-id="mainChatSend" >
</div>
<div id="shoutbox-options">
<h3 data-l10n-id="mainChatTextColor">Text Color:</h3>
<label for="def" class="bg-black" data-l10n-id="mainShoutboxDefault"> <input name="color" type="radio" value="def" id="def" checked>Default</label>
<label for="blue" class="bg-blue" data-l10n-id="mainShoutboxBlue"> <input name="color" type="radio" value="blue" id="blue">Blue</label>
<label for="green" class="bg-green" data-l10n-id="mainShoutboxGreen"> <input name="color" type="radio" value="green" id="green">Green</label>
<label for="orange" class="bg-orange" data-l10n-id="mainShoutboxOrange"> <input name="color" type="radio" value="orange" id="orange">Orange</label>
<label for="red" class="bg-red" data-l10n-id="mainShoutboxRed"> <input name="color" type="radio" value="red" id="red">Red</label>
</div>
<input type="hidden" name="timestamp" id="timestamp">
<script language='JavaScript'>
function getTime(){
var date = new Date();
var timestamp = Math.round(date.getTime() / 1000);
document.getElementById('timestamp').value = timestamp;
}
</script>
</form>
</div>
</div>
</div>
</section>
<footer id="about">
<div class="container">
<div id="details">
<p class="to-top"><a href="#header" data-l10n-id="footerBackToTop">Back to top</a></p>
<h2 data-l10n-id="footerAbout">About PirateBox</h2>
<p data-l10n-id="footerInspired">After learning a thing or 2 in computer science, I was able to learn how to out webpages on a single-board and have it be used across computers effectively. Cool isn't it, but I defenitly couldn't do it alone. With some help I got a couple pals good with embeding things to put it on, and I made the website. Neat, aint it?.</p>
<small data-l10n-id="footerLicenceMain">PirateBox is licensed under MIT License. Check the Github (https://github.com/ken-miles)</small>
<small data-l10n-id="footerLicenceMain">Hey Tejah, I see you, btw I don't hate you ok</small>
</div>
</div>
</footer>
</body>
</html>