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

Optimisations (#11)

Browse Source 
* 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
This commit is contained in:
Jorys Paulin 2018-07-29 10:08:31 +02:00 committed by Cameron Gutman
parent 7c3bee32ee
commit 27aaec02d2
6 changed files with 124 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/style.css
View File

@ -646,6 +646,7 @@
#header-wrapper #header-wrapper
{ {
background: url('../images/banner.jpg') center center; background: url('../images/banner.jpg') center center;
background-color: #000000;
background-size: cover; background-size: cover;
} }
@ -871,3 +872,10 @@
{ {
color: #fff; color: #fff;
} }
/*********************************************************************************/
/* Utilities */
/*********************************************************************************/
.text-align-center {
text-align: center;
}

BIN
images/manifest/icons-192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/manifest/icons-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

32
index.html
View File

@ -4,13 +4,17 @@
html5up.net | @n33co html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
--> -->
<html> <html lang="en">
<head> <head>
<title>Moonlight Game Streaming</title> <title>Moonlight Game Streaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" /> <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="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]--> <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script> <script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script> <script src="js/jquery.dropotron.min.js"></script>
@ -89,7 +93,7 @@
<div class="title">Moonlight in Action</div> <div class="title">Moonlight in Action</div>
<div id="main" class="container"> <div id="main" class="container">
<!-- Image --> <!-- Image -->
<a href="#" class="image featured"> <a href="#" class="image featured" title="Stream to all your devices">
<img src="images/steam_framed.png" alt="" /> <img src="images/steam_framed.png" alt="" />
</a> </a>
<!-- Features --> <!-- Features -->
@ -216,7 +220,7 @@
<!-- Moonlight getting started tab --> <!-- Moonlight getting started tab -->
<div class="wrapper style2"> <div class="wrapper style2">
<div class="title">Getting Started</div> <div class="title">Getting Started</div>
<section id="intro" class="container"> <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. <p class="style3">Are you ready to stream? Check out our wiki for tips on how to get started.
</br> </br>
Having trouble? Check the wiki's troubleshooting page or join our Discord for help. Having trouble? Check the wiki's troubleshooting page or join our Discord for help.
@ -244,9 +248,9 @@
</div> </div>
<!--- Who We Are --> <!--- Who We Are -->
<div id="intro-wrapper" class="wrapper style1"> <div class="wrapper style1">
<div class="title">Who We Are</div> <div class="title">Who We Are</div>
<section id="intro" class="container"> <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. <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 />
<br /> <br />
@ -258,24 +262,24 @@
<li><a href="https://github.com/yetanothername" class="user-mention">Andrew Hennessy</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> <li><a href="https://github.com/raidancampbell" class="user-mention">Aidan Campbell</a></li>
</ul> </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 follow the steps <a href = "https://github.com/moonlight-stream/moonlight-docs/wiki/Get-In-Touch">here</a>. 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>
<p class="style3"> <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>. 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> </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 may do so <a href="https://securelb.imodules.com/s/1526/index.aspx?sid=1526&gid=1&pgid=381">here</a>. ("Choose another area", specify "Hacker Society" under special instructions). Thank you! 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> </section>
<!-- FOOTER --> <!-- FOOTER -->
<section id="intro" class="container"> <section id="footer" class="container">
<br /> <br />
<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> <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"> <footer class="inner">
<p>&copy; <p>&copy; <span class="year">2018</span>. All rights reserved.</p>
<script type="text/javascript"> <script type="text/javascript">
var d = new Date(); var d = new Date();
document.write(d.getFullYear()); document.querySelector('.year').innerText = d.getFullYear();
</script>. All rights reserved.</p> </script>
</footer> </footer>
</section> </section>
</div> </div>

6
js/jquery.min.js vendored
View File

File diff suppressed because one or more lines are too long

20
manifest.json Normal file
View File

@ -0,0 +1,20 @@
{
"short_name": "Moonlight",
"name": "Moonlight Game Streaming",
"icons": [
{
"src": "/images/manifest/icons-192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "/images/manifest/icons-512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": "/?source=homescreen",
"background_color": "#434343",
"display": "browser",
"theme_color": "#3367D6"
}