mirror of
https://github.com/moonlight-stream/moonlight-stream.github.io.git
synced 2025-07-01 07:15:37 +00:00
282 lines
9.5 KiB
HTML
282 lines
9.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Escape Velocity by HTML5 UP
|
|
html5up.net | @n33co
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Limelight Game Streaming</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="description" content="" />
|
|
<meta name="keywords" content="" />
|
|
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/jquery.dropotron.min.js"></script>
|
|
<script src="js/skel.min.js"></script>
|
|
<script src="js/skel-layers.min.js"></script>
|
|
<script src="js/init.js"></script>
|
|
<noscript>
|
|
<link rel="stylesheet" href="css/skel.css" />
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
<link rel="stylesheet" href="css/style-desktop.css" />
|
|
</noscript>
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
|
|
</head>
|
|
<body class="homepage">
|
|
|
|
<!-- Header -->
|
|
<div id="header-wrapper" class="wrapper">
|
|
<div id="header">
|
|
|
|
<!-- Logo -->
|
|
<div id="logo">
|
|
<h1><a href="index.html">Limelight</a></h1>
|
|
<p>An open source NVIDIA GameStream client</p>
|
|
|
|
</div>
|
|
|
|
<!-- Nav -->
|
|
|
|
<nav id="nav">
|
|
<ul>
|
|
<li class="current"><a href="index.html">Home</a></li>
|
|
<li><a href="https://github.com/limelight-stream">Github</a></li>
|
|
|
|
<li><a href="#">Downloads</a>
|
|
<ul>
|
|
<li><a href="right-sidebar.html">Android</a></li>
|
|
<li><a href="right-sidebar.html">Amazon</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Intro -->
|
|
<div id="intro-wrapper" class="wrapper style1">
|
|
<div class="title">Overview</div>
|
|
<section id="intro" class="container">
|
|
<p class="style1">What is Limelight?</p>
|
|
<p class="style2">
|
|
Limelight allows you to stream your collection of Steam games from your PC to another device.
|
|
</p>
|
|
<p class="style3">Limelight is an open source implementation of NVIDIA's GameStream protocol.
|
|
We reverse-engineered the protocol used by the NVIDIA Shield and implemented a set of 3rd party clients.</p>
|
|
<br />
|
|
<p class="style3">What does this mean for you? Limelight allows you to stream your full collection of Steam games from your <a href = http://shield.nvidia.com/play-pc-games/>GFE compatible PC</a> to any of your supported devices.</p>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Main -->
|
|
<div class="wrapper style2">
|
|
<div class="title">The Details</div>
|
|
<div id="main" class="container">
|
|
|
|
<!-- Image -->
|
|
<a href="#" class="image featured">
|
|
<img src="images/pic01.jpg" alt="" />
|
|
</a>
|
|
|
|
<!-- Features -->
|
|
<section id="features">
|
|
<header class="style1">
|
|
<h2>Dolor consequat feugiat amet veroeros</h2>
|
|
<p>Feugiat dolor nullam orci pretium phasellus justo</p>
|
|
</header>
|
|
<div class="feature-list">
|
|
<div class="row">
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-comment">Mattis velit diam vulputate</h3>
|
|
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
|
|
</section>
|
|
</div>
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-refresh">Lorem ipsum dolor sit veroeros</h3>
|
|
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-picture-o">Pretium phasellus justo lorem</h3>
|
|
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
|
|
</section>
|
|
</div>
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-cog">Tempus sed pretium orci</h3>
|
|
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-wrench">Aliquam consequat et feugiat</h3>
|
|
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
|
|
</section>
|
|
</div>
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-check">Dolore laoreet aliquam mattis</h3>
|
|
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul class="actions actions-centered">
|
|
<li><a href="#" class="button style1 big">Get Started</a></li>
|
|
<li><a href="#" class="button style2 big">More Info</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Highlights -->
|
|
<div class="wrapper style3">
|
|
<div class="title">The Endorsements</div>
|
|
<div id="highlights" class="container">
|
|
<div class="row oneandhalf">
|
|
<div class="4u">
|
|
<section class="highlight">
|
|
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
|
|
<h3><a href="#">Aliquam diam consequat</a></h3>
|
|
<p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
|
|
<ul class="actions">
|
|
<li><a href="#" class="button style1">Learn More</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<div class="4u">
|
|
<section class="highlight">
|
|
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
|
|
<h3><a href="#">Nisl adipiscing sed lorem</a></h3>
|
|
<p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
|
|
<ul class="actions">
|
|
<li><a href="#" class="button style1">Learn More</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<div class="4u">
|
|
<section class="highlight">
|
|
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
|
|
<h3><a href="#">Mattis tempus lorem</a></h3>
|
|
<p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
|
|
<ul class="actions">
|
|
<li><a href="#" class="button style1">Learn More</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div id="footer-wrapper" class="wrapper">
|
|
<div class="title">The Rest Of It</div>
|
|
<div id="footer" class="container">
|
|
<header class="style1">
|
|
<h2>Ipsum sapien elementum portitor?</h2>
|
|
<p>
|
|
Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.<br />
|
|
Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
|
|
</p>
|
|
</header>
|
|
<hr />
|
|
<div class="row oneandhalf">
|
|
<div class="6u">
|
|
|
|
<!-- Contact Form -->
|
|
<section>
|
|
<form method="post" action="#">
|
|
<div class="row half">
|
|
<div class="6u">
|
|
<input type="text" name="name" id="contact-name" placeholder="Name" />
|
|
</div>
|
|
<div class="6u">
|
|
<input type="text" name="email" id="contact-email" placeholder="Email" />
|
|
</div>
|
|
</div>
|
|
<div class="row half">
|
|
<div class="12u">
|
|
<textarea name="message" id="contact-message" placeholder="Message" rows="4"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="12u">
|
|
<ul class="actions">
|
|
<li><input type="submit" class="style1" value="Send" /></li>
|
|
<li><input type="reset" class="style2" value="Reset" /></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
</div>
|
|
<div class="6u">
|
|
|
|
<!-- Contact -->
|
|
<section class="feature-list small">
|
|
<div class="row">
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-home">Mailing Address</h3>
|
|
<p>
|
|
Untitled Corporation<br />
|
|
1234 Somewhere Rd #987<br />
|
|
Nashville, TN 00000-0000
|
|
</p>
|
|
</section>
|
|
</div>
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-comment">Social</h3>
|
|
<p>
|
|
<a href="#">@untitled-corp</a><br />
|
|
<a href="#">linkedin.com/untitled</a><br />
|
|
<a href="#">facebook.com/untitled</a>
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-envelope">Email</h3>
|
|
<p>
|
|
<a href="#">info@untitled.tld</a>
|
|
</p>
|
|
</section>
|
|
</div>
|
|
<div class="6u">
|
|
<section>
|
|
<h3 class="icon fa-phone">Phone</h3>
|
|
<p>
|
|
(000) 555-0000
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
</div>
|
|
<div id="copyright">
|
|
<ul>
|
|
<li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |