moonlight-stream/moonlight-stream.github.io
1
0
Fork 0
mirror of https://github.com/moonlight-stream/moonlight-stream.github.io.git synced 2025-07-01 07:15:37 +00:00
Code Issues Packages Projects Releases Wiki Activity
moonlight-stream.github.io/index.html
Jorys Paulin 27aaec02d2 Optimisations (#11) 
* Changed description meta tag

* Added theme-color meta tag

* Added manifest.json

* Made lighthouse optimisations

* Updated JQuery from 1.0 to 3.0

* Fixed display mode from standalone to brower

* Added background color to header

* Hotfix: re-centered names
2018-07-29 01:08:31 -07:00

306 lines
17 KiB
HTML
Raw Blame History

<!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 lang="en">
<head>
<title>Moonlight Game Streaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Moonlight allows you to stream your collection of games from your GameStream-compatible PC to any supported device and play them remotely." />
<meta name="keywords" content="" />
<meta name="theme-color" content="#434343"/>
<link rel="manifest" href="/manifest.json">
<link rel="canonical" href="https://moonlight-stream.com"/>
<link rel="alternate" hreflang="en" href="https://moonlight-stream.com" />
<!--[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]-->
<style>
#navPanel .link {
white-space: nowrap;
}
</style>
</head>
<body class="homepage">
<!-- Header -->
<div id="header-wrapper" class="wrapper">
<div id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="index.html">Moonlight</a></h1>
<p>An open source NVIDIA GameStream client</p>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="https://github.com/moonlight-stream">Github</a></li>
<li><a href="https://github.com/moonlight-stream/moonlight-docs/wiki">Wiki</a></li>
<li><a href="#">Downloads</a>
<ul>
<li>
<a href="https://play.google.com/store/apps/details?id=com.limelight">
<div>Android</div>
</a>
</li>
<li>
<a href="https://itunes.apple.com/us/app/moonlight-game-streaming/id1000551566">
<div>iOS</div>
</a>
</li>
<li>
<a href="https://www.amazon.com/gp/product/B00JK4MFN2">
<div>Amazon</div>
</a>
</li>
<li>
<a href="https://github.com/moonlight-stream/moonlight-chrome/releases">
<div>Chrome (Alpha)</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- Intro -->
<div id="intro-wrapper" class="wrapper style1">
<div class="title">What is Moonlight?</div>
<section id="intro" class="container">
<p class="style2">
Moonlight allows you to stream your collection of games from your PC to another device.
</p>
<p class="style3"><strong>Moonlight</strong> (formerly known as Limelight) is an open source implementation of NVIDIA's GameStream protocol. We implemented the protocol used by the NVIDIA Shield and wrote a set of 3rd party clients.</p>
<br />
<p class="style3"><strong>What does this mean for you?</strong> Moonlight allows you to stream your collection of games from your <a href="https://www.nvidia.com/en-us/shield/games/gamestream/"/>GameStream-compatible PC</a> to any supported device and play them remotely. Moonlight is perfect for gameplay on the go without sacrificing the graphics quality of your gaming computer.</p>
</section>
</div>
<!-- Moonlight features tab -->
<div class="wrapper style2">
<div class="title">Moonlight in Action</div>
<div id="main" class="container">
<!-- Image -->
<a href="#" class="image featured" title="Stream to all your devices">
<img src="images/steam_framed.png" alt="" />
</a>
<!-- Features -->
<section id="features">
<header class="style1">
<h2>What can Moonlight do for you?</h2>
</header>
<div class="feature-list">
<div class="row">
<div class="6u">
<section>
<h3 class="icon fa-rss">Low-Latency 60 FPS Streaming</h3>
<p>When you're playing games on <strong>Moonlight</strong> over a fast network, you won't notice any lag.</p>
</section>
</div>
<div class="6u">
<section>
<h3 class="icon fa-play">Stream At Up To 4K Resolution</h3>
<p>If you can see it on your PC, you can stream it using <strong>Moonlight</strong>, including your full Windows desktop at 4K 60 FPS with a capable client.</p>
</section>
</div>
</div>
<div class="row">
<div class="6u">
<section>
<h3 class="icon fa-gamepad">Controller Support</h3>
<p>Connect your <strong>Moonlight</strong> device to supported controllers for a more immersive gaming experience with up to 4 players.</p>
</section>
</div>
<div class="6u">
<section>
<h3 class="icon fa-mobile">Multiple Platforms</h3>
<p>If you have an Android device, iOS device, PC, Chromebook, Gear VR, or even a Raspberry Pi, you can use <strong>Moonlight</strong> to stream to it.</p>
</section>
</div>
</div>
<div class="row">
<div class="6u">
<section>
<h3 class="icon fa-code">Open Source</h3>
<p>The code for the <strong>Moonlight</strong> clients is hosted on our <a href="https://github.com/moonlight-stream">Github</a> - we welcome contributions and ports to new platforms.</p>
</section>
</div>
<div class="6u">
<section>
<h3 class="icon fa-check">Completely Free</h3>
<p><strong>Moonlight</strong> is free to download and 100% ad-free.</p>
</section>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Downloads -->
<div class="wrapper style3">
<div class="title">Download Moonlight</div>
<!-- Row 1 -->
<div id="highlights" class="container">
<div class="row oneandhalf">
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/moonlight-stream/moonlight-chrome">Moonlight Chrome</a></h3>
<p>Stream to any PC with the Chrome browser</p>
<ul class="actions">
<li><a href="https://github.com/moonlight-stream/moonlight-chrome/releases" class="button style1">Try the alpha</a></li>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/moonlight-stream/moonlight-android">Moonlight Android</a></h3>
<p>Stream to Android devices</p>
<ul class="actions">
<a href="https://play.google.com/store/apps/details?id=com.limelight"><img src="images/en-play-badge.png" width="203" height="60" alt="Download" /></a>
<a href="https://www.amazon.com/gp/product/B00JK4MFN2"><img src="images/amazon-underground-app-us-black.png" alt="Download" width="203" height="60" /></a>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/moonlight-stream/moonlight-ios">Moonlight iOS</a></h3>
<p>Stream to iPhone, iPad, and iPod touch</p>
<ul class="actions">
<a href="https://itunes.apple.com/us/app/moonlight-game-streaming/id1000551566"><img src="images/App_Store_Badge_135x40.svg" alt="Download" width="203" height="60" /></a>
</ul>
</section>
</div>
</div>
<!---Second Row -->
<div class="row oneandhalf">
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/irtimmer/moonlight-embedded">Moonlight Embedded</a></h3>
<p>Stream to the Raspberry Pi and other embedded devices (Community port)</p>
<ul class="actions">
<li><a href="https://github.com/irtimmer/moonlight-embedded/wiki/Packages" class="button style1">Download</a></li>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="https://github.com/xyzz/vita-moonlight">Moonlight PS Vita (Homebrew)</a></h3>
<p>Stream to a Homebrew-enabled PlayStation Vita (Community port)</p>
<ul class="actions">
<li><a href="https://github.com/xyzz/vita-moonlight/releases" class="button style1">Download</a></li>
</ul>
</section>
</div>
<div class="4u">
<section class="highlight">
<h3><a href="https://www.reddit.com/r/streamtheater/">Stream Theater</a></h3>
<p>Stream to Samsung Gear VR devices<br>(Community port)</p>
<ul class="actions">
<li><a href="http://sideloadvr.com/detail.php?id=14" class="button style1">Download</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
</div>
<!-- Moonlight getting started tab -->
<div class="wrapper style2">
<div class="title">Getting Started</div>
<section class="container text-align-center">
<p class="style3">Are you ready to stream? Check out our wiki for tips on how to get started.
</br>
Having trouble? Check the wiki's troubleshooting page or join our Discord for help.
</br>
Seasoned Moonlight user? Give back to the community by joining our Discord and helping other users.
</p>
<section class="highlight">
<div class="row oneandhalf">
<div class="6u">
<section class="highlight">
<ul class="actions">
<li><a href="https://github.com/moonlight-stream/moonlight-docs/wiki/Setup-Guide" class="button style1">Moonlight Wiki</a></li>
</ul>
</section>
</div>
<div class="6u">
<section class="highlight">
<ul class="actions">
<li><a href="https://discord.gg/MySTSdq"><img src="images/discord.png" height="70" alt="Join our Discord" /></a></li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!--- Who We Are -->
<div class="wrapper style1">
<div class="title">Who We Are</div>
<section id="whoweare" class="container text-align-center">
<p class="style3">Moonlight was created by <a href="https://case.edu">Case Western Reserve University</a> students as a project at the <a href="https://mhacks.org">MHacks</a> hackathon in 2013 and further developed at MHacks and <a href="http://hack.cwru.edu">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>
<li><a href="https://github.com/raidancampbell" class="user-mention">Aidan Campbell</a></li>
</ul>
Feel free to send any of us an email at our firstname@moonlight-stream.com or to all of us at <a href="mailto:info@moonlight-stream.com" target="_top">info@moonlight-stream.com</a>. We do get a high volume of mail and unfortunately can't answer it all, so please check if your issue is covered in the <a href="https://github.com/moonlight-stream/moonlight-docs/wiki/Troubleshooting">troubleshooting guide</a> before reaching out. To report bugs, please <a href = "https://github.com/moonlight-stream/moonlight-docs/wiki/Get-In-Touch">follow the steps here</a>.
</p>
<p class="style3">
Want to keep up with the latest Moonlight updates? Follow along with development at the <a href="https://forum.xda-developers.com/showthread.php?t=2505510">XDA Developers Thread</a>.
</p>
We are not accepting monetary donations at this time and currently have no plans to do so. Instead, please direct any donations toward the <a href="http://hacsoc.org">Case Western Reserve University Hacker Society</a> - the birthplace of Moonlight, Hacker Society is a club for CWRU students of all skill levels and backgrounds to explore computer science outside of school. If you still insist on donating, you <a href="https://securelb.imodules.com/s/1526/index.aspx?sid=1526&gid=1&pgid=381">may do so here</a>. ("Choose another area", specify "Hacker Society" under special instructions). Thank you!
</section>
<!-- FOOTER -->
<section id="footer" class="container">
<br />
<br />
<p>Apple, the Apple logo, iPhone, and iPod touch are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play, and the Google Play logo are trademarks of Google Inc. GeForce, Shield, and GameStream are trademarks of NVIDIA Corporation. All other trademarks are property of their respective owners.</p>
<footer class="inner">
<p>&copy; <span class="year">2018</span>. All rights reserved.</p>
<script type="text/javascript">
var d = new Date();
document.querySelector('.year').innerText = d.getFullYear();
</script>
</footer>
</section>
</div>
<!-- Google Analytics -->
<!-- This script makes the page take longer to load, unfortunately -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47339221-1', 'auto');
ga('send', 'pageview');
!function(t){"use strict";var e=window.location.host;t("body").on("click",function(n){
function o(){document.location=a}if(!n.isDefaultPrevented()&&"function"==typeof ga){
var i=t(n.target).closest("a");if(1==i.length&&e!=i[0].host){n.preventDefault();
var a=i[0].href;ga("send",{hitType:"event",eventCategory:"outbound",eventAction:"link",
eventLabel:a,hitCallback:o}),setTimeout(o,1e3)}}})}(jQuery);
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink