haskal
/
piratebox-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
piratebox-web/index.html

112 lines
5.9 KiB
HTML
Raw Normal View History

Initial commit
2019-08-04 08:28:03 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
Fix html, add captive portal message, tweak defaults
2019-08-05 05:19:58 +00:00
<link rel="stylesheet" href="/css/page_style.css">
Initial commit
2019-08-04 08:28:03 +00:00
<title>PirateBox - Share Freely!</title>
Fix html, add captive portal message, tweak defaults
2019-08-05 05:19:58 +00:00
<script src="/js/jquery.min.js"></script>
<script src="/js/scripts.js"></script>
Initial commit
2019-08-04 08:28:03 +00:00
<link rel="stylesheet" href="/css/jquery-ui.min.css">
Fix html, add captive portal message, tweak defaults
2019-08-05 05:19:58 +00:00
<script src="/js/jquery-ui.min.js"></script>
Initial commit
2019-08-04 08:28:03 +00:00
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
Fix html, add captive portal message, tweak defaults
2019-08-05 05:19:58 +00:00
<link rel="prefetch" type="application/l10n" href="/locales/locales.ini" />
<script type="text/javascript" src="/js/l10n.js"></script>
Initial commit
2019-08-04 08:28:03 +00:00
</head>
<body id="main-index">
<header id="header">
<div class="container">
<a href="/">
<div id="logo" scrolling="no" >&nbsp;</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&#45;l10n&#45;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">Welcome</h2>
<p data-l10n-id="welcomeDescription">Now, first of all, there is nothing illegal or scary going on here. This is a social place where you can chat and share files with people around you, <strong data-l10n-id="anonymously">anonymously</strong>! This is an off-line network, specially designed and developed for file-sharing and chat services. Staying off the grid is a precaution to maintain your full anonymity. Please have fun, chat with people, and feel free to share any files you may like.</p>
Fix html, add captive portal message, tweak defaults
2019-08-05 05:19:58 +00:00
<p><strong>Note to mobile users:</strong> If you're seeing this as a "login page", select <em>"Use this network as-is"</em> or the equivalent, then open <strong>http://piratebox.lan</strong> in your regular browser.</p>
Initial commit
2019-08-04 08:28:03 +00:00
<input id="thanks" class="button" type="submit" value="Thanks" data-l10n-id="welcomeThanksButton">
</div>
</div>
<div id="sidebar">
<div id="upload" class="card">
<h2 data-l10n-id="sidebarUpload">Upload</h2>
<div>
<form method="POST" enctype="multipart/form-data" action="/piratebox/upload" id="upform">
<input name="upfile" type="file" multiple="yes" /><br/>
<input type="submit" class="button" value="Upload" />
</form>
</div>
<h3><a href="/Shared" data-l10n-id="sidebarBrowseFiles">Browse Files -></a></h3>
<div id="station">
<a title="Counter is refreshed every 2 minutes, you need to refresh the page">Currently there are <span id="station-cnt">unknown</span> connected client(s)</a>
</div>
</div>
<div id="diskusagecard" class="card">
<h2 data-l10n-id="diskUsage" >Disk Usage</h2>
<div id="diskusage">
<div class='progress'>
<div class='progress-bar' role='progressbar' aria-valuenow='0' aria-valuemin='0' aria-valuemax='100' style='width: 0%'>
<span class='sr-only'>Unknown</span>
</div>
</div>
</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="GET" action="javascript:void(0)" name="psowrte" id="sb_form">
<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>
</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">Inspired by pirate radio and the free culture movement, PirateBox is a self-contained mobile collaboration and file sharing device. PirateBox utilizes Free, Libre and Open Source software (FLOSS) to create mobile wireless file sharing networks where users can anonymously share images, video, audio, documents, and other digital content.</p>
<p data-l10n-id="footerFilesTopSafety">PirateBox is designed to be safe and secure. No logins are required and no user data is logged. The system is purposely not connected to the Internet in order to prevent tracking and preserve user privacy.</p>
<small data-l10n-id="footerLicenceMain">PirateBox is licensed under GPLv3.</small>
<small class="piratebox-version">Version 1.1.4-mod-haskal</small>
</div>
</div>
</footer>
</body>
</html>