github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-13 01:56:55 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Finished #190

Browse source
This commit is contained in:
tidusjar 2016-05-17 15:05:53 +01:00
commit ac210b0197
2 changed files with 366 additions and 322 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
img/jamie.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 100 KiB

Before After
Before After

176
index.html
View file

@ -1,48 +1,50 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1"> <meta name="viewport" content="width=device-width, maximum-scale=1">
<title>Plex Request .Net</title> <title>Plex Request .Net</title>
<link rel="icon" href="favicon.png" type="image/png"> <link rel="icon" href="favicon.png" type="image/png">
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,800italic,700italic,600italic,400italic,300italic,800,700,600' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,800italic,700italic,600italic,400italic,300italic,800,700,600' rel='stylesheet' type='text/css'>
<link href="stylesheets/bootstrap.css" rel="stylesheet" type="text/css"> <link href="stylesheets/bootstrap.css" rel="stylesheet" type="text/css">
<link href="stylesheets/style.css" rel="stylesheet" type="text/css"> <link href="stylesheets/style.css" rel="stylesheet" type="text/css">
<link href="stylesheets/font-awesome.css" rel="stylesheet" type="text/css"> <link href="stylesheets/font-awesome.css" rel="stylesheet" type="text/css">
<link href="stylesheets/responsive.css" rel="stylesheet" type="text/css"> <link href="stylesheets/responsive.css" rel="stylesheet" type="text/css">
<link href="stylesheets/animate.css" rel="stylesheet" type="text/css"> <link href="stylesheets/animate.css" rel="stylesheet" type="text/css">
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]--> <!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script> <script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script> <script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script> <script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/classie.js"></script> <script type="text/javascript" src="js/classie.js"></script>
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function (i, s, o, g, r, a, m) {
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) (i[r].q = i[r].q || []).push(arguments)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); }, 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', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-77083919-1', 'auto'); ga('create', 'UA-77083919-1', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');
</script> </script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script> <script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script> <script src="js/html5element.js"></script>
<![endif]--> <![endif]-->
</head> </head>
@ -56,31 +58,56 @@
</figure> </figure>
<h1 class="animated fadeInDown delay-07s">Welcome To Plex Requests.Net</h1> <h1 class="animated fadeInDown delay-07s">Welcome To Plex Requests.Net</h1>
<ul class="we-create animated fadeInUp delay-1s"> <ul class="we-create animated fadeInUp delay-1s">
<li>Need something on Plex? Request it!</li> <li>Plex user? Sharing your server with friends or family? Want added features and the ability to for your users to request new content automatically?</li>
</ul> </ul>
<a class="link animated fadeInUp delay-1s" href="https://github.com/tidusjar/PlexRequests.Net/releases" target="_blank">Download <i class="fa fa-download" aria-hidden="true"></i></a> <a class="link animated fadeInUp delay-1s" href="https://github.com/tidusjar/PlexRequests.Net/releases" target="_blank">Download <i class="fa fa-download" aria-hidden="true"></i></a>
</div> </div>
</header><!--header-end--> </header><!--header-end-->
</div> </div>
<nav class="main-nav-outer" id="test"><!--main-nav-start--> <nav class="main-nav-outer" id="test">
<!--main-nav-start-->
<div class="container"> <div class="container">
<ul class="main-nav"> <ul class="main-nav">
<li><a href="#header">Home</a></li> <li><a href="#header">Home</a></li>
<li><a href="#description">What is it?</a></li>
<li><a href="#features">Features</a></li> <li><a href="#features">Features</a></li>
<li><a href="#Preview">Preview</a></li>
<li class="small-logo"><a href="#header"><img src="img/plex-pms-icon.png" width="55" height="57" alt=""></a></li> <li class="small-logo"><a href="#header"><img src="img/plex-pms-icon.png" width="55" height="57" alt=""></a></li>
<li><a href="#client">Response</a></li> <li><a href="#Preview">Preview</a></li>
<li><a href="#team">Team</a></li> <li><a href="#team">Team</a></li>
<li><a href="https://github.com/tidusjar/PlexRequests.Net">Github</a></li> <li><a href="https://github.com/tidusjar/PlexRequests.Net">Github</a></li>
</ul> </ul>
<a class="res-nav_click" href="#"><i class="fa-bars"></i></a> <a class="res-nav_click" href="#"><i class="fa-bars"></i></a>
</div> </div>
</nav><!--main-nav-end--> </nav><!--main-nav-end-->
<section class="main-section alabaster" id="description">
<!--main-section-start-->
<div class="container">
<h2>So what is it?</h2>
<div class="row">
<div class="wow fadeInLeft delay-05s">
<section class="main-section" id="features"><!--main-section-start--> <div>
<p>Plex Requests .Net allows you to host your own Plex Request system. </p>
<p>If you are sharing your Plex server with other users, allow them to request new content using an easy to manage interface!</p>
<p>Manage all your requests for Movies and TV with ease, leave notes for the user and get notification when a user requests something.</p>
<p>Allow your users to post issues against their requests so you know there is a problem with the audio etc.</p>
<!--plex users that utilise the share function can now use your program and add new features
and those features will be useful between sharing users.-->
</div>
</div>
</div>
</div>
</section><!--main-section-end-->
<section class="main-section " id="features">
<!--main-section-start-->
<div class="container"> <div class="container">
<h2>Features</h2> <h2>Features</h2>
<h6>So what can Plex Requests .Net do?</h6> <h6>So what can Plex Requests .Net do?</h6>
@ -129,11 +156,12 @@
</div> </div>
</div> </div>
</section><!--main-section-end--> </section><!--main-section-end-->
<section class="main-section alabaster"><!--main-section alabaster-start--> <section class="main-section alabaster">
<!--main-section alabaster-start-->
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<figure class="col-lg-5 col-sm-4 wow fadeInLeft"> <figure class="col-lg-5 col-sm-4 wow fadeInLeft">
@ -170,14 +198,25 @@
</div> </div>
</div> </div>
<div class="featured-box">
<div class="featured-box-col1 wow fadeInRight delay-06s">
<i class="fa-user"></i>
</div>
<div class="featured-box-col2 wow fadeInRight delay-06s">
<h3>First class support</h3>
<p> Got a problem? Post it on <a href="https://github.com/tidusjar/PlexRequests.Net/issues/new" target="_blank">Github</a> and we shall help you fix it!</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</section><!--main-section alabaster-end--> </section><!--main-section alabaster-end-->
<section class="main-section paddind" id="Preview"><!--main-section-start--> <section class="main-section paddind" id="Preview">
<!--main-section-start-->
<div class="container"> <div class="container">
<h2>Preview</h2> <h2>Preview</h2>
<h6>Here are some images of what Plex Requests.Net looks like!</h6> <h6>Here are some images of what Plex Requests.Net looks like!</h6>
@ -211,10 +250,11 @@
</div> </div>
</div> </div>
</section><!--main-section-end--> </section><!--main-section-end-->
<section class="main-section client-part" id="client"><!--main-section client-part-start--> <section class="main-section client-part" id="client">
<!--main-section client-part-start-->
<div class="container"> <div class="container">
<b class="quote-right wow fadeInDown delay-03"><i class="fa-quote-right"></i></b> <b class="quote-right wow fadeInDown delay-03"><i class="fa-quote-right"></i></b>
<div class="row"> <div class="row">
@ -223,14 +263,17 @@
</div> </div>
</div> </div>
<ul class="client wow fadeIn delay-05s"> <ul class="client wow fadeIn delay-05s">
<li><a href="#"> <li>
<a href="#">
<h3>R-Jimenez</h3> <h3>R-Jimenez</h3>
</a></li> </a>
</li>
</ul> </ul>
</div> </div>
</section><!--main-section client-part-end--> </section><!--main-section client-part-end-->
<section class="main-section team" id="team"><!--main-section team-start--> <section class="main-section team" id="team">
<!--main-section team-start-->
<div class="container"> <div class="container">
<h2>Team</h2> <h2>Team</h2>
<h6>Take a closer look into our amazing team.</h6> <h6>Take a closer look into our amazing team.</h6>
@ -279,28 +322,29 @@
</div>--> </div>-->
</div> </div>
</div> </div>
</section><!--main-section team-end--> </section><!--main-section team-end-->
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="footer-logo"><a href="#"><img src="img/plex-pms-icon.png" width="69" alt=""></a> <div class="footer-logo">
<a href="#"><img src="img/plex-pms-icon.png" width="69" alt=""></a>
</div> </div>
<span class="copyright">Copyright © 2016 | <a href="https://www.JamieTech.com" target="_blank">TidusJar</a></span> <span class="copyright">Copyright © 2016 | <a href="https://www.JamieTech.com" target="_blank">TidusJar</a></span>
</div> </div>
</footer> </footer>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(e) { $(document).ready(function (e) {
$('#test').scrollToFixed(); $('#test').scrollToFixed();
$('.res-nav_click').click(function(){ $('.res-nav_click').click(function () {
$('.main-nav').slideToggle(); $('.main-nav').slideToggle();
return false; return false;
}); });
}); });
</script> </script>
<script> <script>
wow = new WOW( wow = new WOW(
@ -314,15 +358,15 @@
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
$(window).load(function(){ $(window).load(function () {
$('.main-nav li a').bind('click',function(event){ $('.main-nav li a').bind('click', function (event) {
var $anchor = $(this); var $anchor = $(this);
$('html, body').stop().animate({ $('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top - 102 scrollTop: $($anchor.attr('href')).offset().top - 102
}, 1500,'easeInOutExpo'); }, 1500, 'easeInOutExpo');
/* /*
if you don't want to use the easing effects: if you don't want to use the easing effects:
$('html, body').stop().animate({ $('html, body').stop().animate({
@ -332,11 +376,11 @@
event.preventDefault(); event.preventDefault();
}); });
}) })
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
$(window).load(function(){ $(window).load(function () {
var $container = $('.portfolioContainer'), var $container = $('.portfolioContainer'),
@ -353,19 +397,19 @@ $(window).load(function(){
} }
}); });
$(window).smartresize(function(){ $(window).smartresize(function () {
// check if columns has changed // check if columns has changed
var currentColumns = Math.floor( ( $body.width() -30 ) / colW ); var currentColumns = Math.floor(($body.width() - 30) / colW);
if ( currentColumns !== columns ) { if (currentColumns !== columns) {
// set new column count // set new column count
columns = currentColumns; columns = currentColumns;
// apply width to container manually, then trigger relayout // apply width to container manually, then trigger relayout
$container.width( columns * colW ) $container.width(columns * colW)
.isotope('reLayout'); .isotope('reLayout');
} }
}).smartresize(); // trigger resize to set container width }).smartresize(); // trigger resize to set container width
$('.portfolioFilter a').click(function(){ $('.portfolioFilter a').click(function () {
$('.portfolioFilter .current').removeClass('current'); $('.portfolioFilter .current').removeClass('current');
$(this).addClass('current'); $(this).addClass('current');
@ -377,8 +421,8 @@ $(window).load(function(){
return false; return false;
}); });
}); });
</script> </script>
</body> </body>
</html> </html>