Major overhaul

This commit is contained in:
Michelle Bergeron
2014-08-29 00:40:31 -07:00
parent e9090e2ecd
commit bf3272a4d1
6 changed files with 115 additions and 863 deletions
+103 -150
View File
@@ -45,8 +45,11 @@
<li><a href="#">Downloads</a>
<ul>
<li><a href="right-sidebar.html">Android</a></li>
<li><a href="right-sidebar.html">Amazon</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.limelight">Android</a></li>
<li><a href="http://www.amazon.com/gp/product/B00JK4MFN2">Amazon</a></li>
<li><a href="https://github.com/limelight-stream/limelight-pc/releases">PC</a> (Pre-Release)</li>
<li><a href="https://github.com/limelight-stream/limelight-wp">Windows Phone</a> (Coming Soon)</li>
<li><a href="https://github.com/limelight-stream/limelight-ios">iOS</a> (Coming Soon) </li>
</ul>
</li>
</ul>
@@ -57,226 +60,176 @@
<!-- Intro -->
<div id="intro-wrapper" class="wrapper style1">
<div class="title">Overview</div>
<div class="title">What is Limelight?</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.
<p class="style3"><strong>Limelight</strong> 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>
<p class="style3"><strong>What does this mean for you?</strong> 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 and play them.
Right now, you can stream to your Android device or even another PC. Limelight is perfect for gameplay on the go without sacrificing the graphics quality of your gaming computer.</p>
</section>
</div>
<!-- Main -->
<div class="wrapper style2">
<div class="title">The Details</div>
<div class="title">Limelight in Action</div>
<div id="main" class="container">
<!-- Image -->
<a href="#" class="image featured">
<img src="images/pic01.jpg" alt="" />
<img src="images/steam_framed.png" 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>
<h2>What can Limelight do for you?</h2>
</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>
<h3 class="icon fa-rss">Low-Latency Streaming</h3>
<p>When you're playing games on <strong>Limelight</strong> over a fast network, you won't notice any lag.</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>
<h3 class="icon fa-play">Play Any Game</h3>
<p>If you can play it in Steam Big Picture mode on your PC, you can play it using <strong>Limelight</strong>.</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>
<h3 class="icon fa-gamepad">Controller Support</h3>
<p>Connect your <strong>Limelight</strong> device to a supported controller for a more immersive gaming experience.</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>
<h3 class="icon fa-refresh">Multiple Platforms</h3>
<p>If you have an Android device or PC, you can use <strong>Limelight</strong> to stream to it. Have a Windows Phone or iOS device? We haven't forgotten about you; Limelight is coming soon to these platforms.</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>
<h3 class="icon fa-code">Open Source</h3>
<p>All of our code for each of our <strong>Limelight</strong> clients is hosted on our <a href="https://github.com/limelight-stream">Github</a>, and we welcome contributions.</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>
<h3 class="icon fa-check">Completely Free</h3>
<p><strong>Limelight</strong> is free to download and 100% ad-free</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 -->
<!-- Downloads -->
<div class="wrapper style3">
<div class="title">The Endorsements</div>
<div class="title">Download Limelight</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>
<h3><a href="https://github.com/limelight-stream/limelight-pc/releases">Limelight PC</a></h3>
<p>Stream to Windows, Mac, or Linux</p>
<ul class="actions">
<li><a href="#" class="button style1">Learn More</a></li>
<li><a href="https://github.com/limelight-stream/limelight-pc/releases" class="button style1">Download</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>
<h3><a href="https://play.google.com/store/apps/details?id=com.limelight">Limelight Android</a></h3>
<p>Stream to any compatible Android device</p>
<ul class="actions">
<a href="https://play.google.com/store/apps/details?id=com.limelight"><img src="https://developer.android.com/images/brand/en_generic_rgb_wo_45.png" height="60" alt="Download" /></a>
<a href="http://www.amazon.com/gp/product/B00JK4MFN2"><img src="https://images-na.ssl-images-amazon.com/images/G/01/AmazonMobileApps/amazon-apps-store-us-black.png" alt="Download" height="59"/></a>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="#">Limelight Pi</a></h3>
<p>Unofficial port of that runs on the Raspberry Pi</p>
<ul class="actions">
<li><a href="#" class="button style1">Download</a></li>
</ul>
</section>
</div>
</div>
<hr />
</div>
<div id="copyright">
<ul>
<li>&copy; Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
<div class="row oneandhalf">
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/limelight-stream/limelight-wp">Limelight Windows Phone</a></h3>
<p>Stream to Windows Phone 8.1 devices</p>
<ul class="actions">
<li><a href="https://github.com/limelight-stream/limelight-wp" class="button style1">Coming Soon</a></li>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/limelight-stream/limelight-ios">Limelight iOS</a></h3>
<p>Stream to iOS Devices</p>
<ul class="actions">
<li><a href="https://github.com/limelight-stream/limelight-ios" class="button style1">Coming Soon</a></li>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/limelight-stream/limelight-wp">Limelight Windows 8 Store App</a></h3>
<p>Stream to Windows 8 Devices</p>
<ul class="actions">
<li><a href="https://github.com/limelight-stream/limelight-wp" class="button style1">Coming Soon</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
<!--- Who We Are --->
<div id="intro-wrapper" class="wrapper style1">
<div class="title">Who We Are</div>
<section id="intro" class="container">
<p class="style3">Limelight was created by <a href="http://case.edu">Case Western</a> students as a project at the <a href="http://mhacks.org">MHacks</a> hackathon in 2013 and further developed at MHacks and <a href="http://hackcwru.com">HackCWRU</a> in 2014. <br /><br />
<ul>
<li><a href="https://github.com/cgutman" class="user-mention">Cameron Gutman</a></li>
<li><a href="https://github.com/dwaxemberg" class="user-mention">Diego Waxemberg</a></li>
<li><a href="https://github.com/aaronneyer" class="user-mention">Aaron Neyer</a></li>
<li><a href="https://github.com/mrb113" class="user-mention">Michelle Bergeron</a></li>
<li><a href="https://github.com/yetanothername" class="user-mention">Andrew Hennessy</a></li>
</ul></p>
<p class="style3">
Want to keep up with the latest Limelight updates? Keep up with development at the <a href="http://forum.xda-developers.com/showthread.php?t=2505510">XDA Developers Thread</a>.
</p>
</section>
</div>
</body>
</html>