108 lines
4.6 KiB
HTML
108 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Plex Together</title>
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" href="css/photon.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/materialize.css">
|
|
<link rel="stylesheet" type="text/css" href="css/settings.css">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<!-- Fonts -->
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
<!-- Javascript -->
|
|
<script src="js/vendor/jquery.min.js"></script>
|
|
<script type="text/javascript">
|
|
window.Hammer = require('./js/hammer.min.js');
|
|
</script>
|
|
<script src="js/materialize.js"></script>
|
|
<script src="js/menu.js" charset="utf-8"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="window">
|
|
|
|
<div class="window-content">
|
|
|
|
<div class="container" style="width: 100%">
|
|
|
|
<nav class="plex-shark windowDrag" role="navigation">
|
|
<div class="nav-wrapper container">
|
|
<a id="logo-container" href="#" class="brand-logo">About</a>
|
|
<ul class="right" style="margin-right: -36px">
|
|
<li><i class="material-icons close">close</i></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="settingsTitle" style="border: 1px solid #B3BAC1; height: 85%">
|
|
|
|
<div class="row" style="margin-bottom: 0;">
|
|
|
|
<div class="col s8">
|
|
<p style="font-weight: 300">
|
|
<br><br>
|
|
PlexTogether is a tool to sync Plex content with friends and family anywhere in the world.<br><br>
|
|
PT started off as Python script which we distributed amongst our friends. With a command line based UI we quickly realised this was too difficult for our friends to use reliably. <br><br>
|
|
After playing around with the concept we decided to make a version that we could release that all Plex users could enjoy.
|
|
</p>
|
|
</div>
|
|
<div class="col s4" style="text-align: center;">
|
|
<img src="img/PLEX-T_DARK.png" style="width:100%; margin-top:20%">
|
|
<a class="waves-effect waves-light btn" style="width:159px; background-color: #E5A00D" onclick="openPaypal()">Donate</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin-bottom: 0px; margin-top: 6px">
|
|
|
|
<div class="col s2" style="text-align: center; height: 30px">
|
|
<img src="img/GitHub_Logo.png" style="width:100%;">
|
|
</div>
|
|
|
|
<div class="col s2" style="text-align: center; height: 30px">
|
|
<a href="http://plextogether.com" class="plex-gamboge-text" style="line-height: 36px;"><h2>plextogether.com</h2></a>
|
|
</div>
|
|
<div class="col s1 offset-s7" style="opacity: 0.2; padding-top: 17px" id="versionNumber">
|
|
0.1.0
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/about.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('select').material_select();
|
|
});
|
|
|
|
$(document).ready(function(){
|
|
$('#ptServerCustom').keypress(function(e){
|
|
if(e.keyCode==13)
|
|
$('#ptServerSubmit').click();
|
|
});
|
|
});
|
|
|
|
$(document).ready(function(){
|
|
$('#ptRoomPassword').keypress(function(e){
|
|
if(e.keyCode==13)
|
|
$('#ptRoomJoin').click();
|
|
});
|
|
});
|
|
</script>
|
|
<!-- <script>
|
|
$(document).keyup(function(e){
|
|
if(e.keyCode==27){
|
|
ipcRenderer.send('close-settings-window')
|
|
}
|
|
$('#plexClose').click();
|
|
});
|
|
</script> -->
|
|
|
|
|
|
</body>
|
|
</html>
|