mirror of
https://github.com/moonlight-stream/moonlight-stream.github.io.git
synced 2025-06-30 23:05:56 +00:00
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
This commit is contained in:
Jorys Paulin
Cameron Gutman
parent
7c3bee32ee
commit
27aaec02d2
156
css/style.css
156
css/style.css
@ -38,7 +38,7 @@
|
||||
font-weight: 700;
|
||||
color: #484d55;
|
||||
}
|
||||
|
||||
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
|
||||
{
|
||||
color: inherit;
|
||||
@ -55,7 +55,7 @@
|
||||
-ms-transition: color .25s ease-in-out;
|
||||
transition: color .25s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
a:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
@ -66,39 +66,39 @@
|
||||
font-weight: 700;
|
||||
color: #484d55;
|
||||
}
|
||||
|
||||
|
||||
blockquote
|
||||
{
|
||||
border-left: solid 0.5em #ddd;
|
||||
padding: 1em 0 1em 2em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
em, i
|
||||
{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
hr
|
||||
{
|
||||
border: 0;
|
||||
border-top: solid 1px #ddd;
|
||||
}
|
||||
|
||||
|
||||
sub
|
||||
{
|
||||
position: relative;
|
||||
top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
|
||||
sup
|
||||
{
|
||||
position: relative;
|
||||
top: -0.5em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
|
||||
.nobr
|
||||
{
|
||||
white-space: nowrap;
|
||||
@ -108,52 +108,52 @@
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
p, ul, ol, dl, table, blockquote, form
|
||||
{
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
|
||||
/* Table */
|
||||
|
||||
table
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
table.default
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
table.default tbody tr:nth-child(2n+2)
|
||||
{
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
|
||||
table.default td
|
||||
{
|
||||
padding: 0.5em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
|
||||
table.default th
|
||||
{
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
padding: 0.5em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
|
||||
table.default thead
|
||||
{
|
||||
background: #484d55;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
table.default tfoot
|
||||
{
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
table.default tbody
|
||||
{
|
||||
}
|
||||
@ -163,14 +163,14 @@
|
||||
form
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
form label
|
||||
{
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
color: #484d55;
|
||||
}
|
||||
|
||||
|
||||
form input[type="text"],
|
||||
form input[type="email"],
|
||||
form input[type="password"],
|
||||
@ -199,7 +199,7 @@
|
||||
{
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
|
||||
form textarea
|
||||
{
|
||||
min-height: 10em;
|
||||
@ -213,7 +213,7 @@
|
||||
{
|
||||
background: #f8f8f8;
|
||||
}
|
||||
|
||||
|
||||
form .formerize-placeholder
|
||||
{
|
||||
color: #555 !important;
|
||||
@ -257,7 +257,7 @@
|
||||
{
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
|
||||
section > :last-child,
|
||||
article > :last-child
|
||||
{
|
||||
@ -269,7 +269,7 @@
|
||||
{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
header.style1
|
||||
{
|
||||
text-align: center;
|
||||
@ -279,7 +279,7 @@
|
||||
{
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
header.style1 p
|
||||
{
|
||||
color: #b1b4b9;
|
||||
@ -291,7 +291,7 @@
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.image img
|
||||
{
|
||||
display: block;
|
||||
@ -309,7 +309,7 @@
|
||||
float: left;
|
||||
margin: 0 2em 2em 0;
|
||||
}
|
||||
|
||||
|
||||
.image.centered
|
||||
{
|
||||
display: block;
|
||||
@ -321,7 +321,7 @@
|
||||
margin: 0 auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
.image.featured
|
||||
{
|
||||
display: block;
|
||||
@ -330,7 +330,7 @@
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
@ -370,7 +370,7 @@
|
||||
{
|
||||
background-color: #443266;
|
||||
}
|
||||
|
||||
|
||||
input[type="button"].style1:active,
|
||||
input[type="submit"].style1:active,
|
||||
input[type="reset"].style1:active,
|
||||
@ -388,7 +388,7 @@
|
||||
color: #606167;
|
||||
box-shadow: inset 0px 0px 2px 0px #a0a1a7;
|
||||
}
|
||||
|
||||
|
||||
input[type="button"].style2:hover,
|
||||
input[type="submit"].style2:hover,
|
||||
input[type="reset"].style2:hover,
|
||||
@ -396,7 +396,7 @@
|
||||
{
|
||||
box-shadow: inset 0px 0px 2px 0px #606167;
|
||||
}
|
||||
|
||||
|
||||
input[type="button"].style2:active,
|
||||
input[type="submit"].style2:active,
|
||||
input[type="reset"].style2:active,
|
||||
@ -421,7 +421,7 @@
|
||||
{
|
||||
background-color: #3f434b;
|
||||
}
|
||||
|
||||
|
||||
input[type="button"].style3:active,
|
||||
input[type="submit"].style3:active,
|
||||
input[type="reset"].style3:active,
|
||||
@ -437,41 +437,41 @@
|
||||
list-style: disc;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
|
||||
ul.default li
|
||||
{
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
ul.style2
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
ul.style2 li
|
||||
{
|
||||
border-top: solid 1px #eee;
|
||||
padding: 1.5em 0 0 0;
|
||||
margin: 1.5em 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
ul.style2 li:first-child
|
||||
{
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
||||
ul.style3
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
ul.style3 li
|
||||
{
|
||||
border-top: solid 1px #eee;
|
||||
padding: 0.5em 0 0 0;
|
||||
margin: 0.5em 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
ul.style3 li:first-child
|
||||
{
|
||||
border-top: 0;
|
||||
@ -481,7 +481,7 @@
|
||||
|
||||
ol
|
||||
{
|
||||
}
|
||||
}
|
||||
|
||||
ol.default
|
||||
{
|
||||
@ -493,7 +493,7 @@
|
||||
{
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
|
||||
|
||||
/* Feature List */
|
||||
|
||||
.feature-list
|
||||
@ -504,7 +504,7 @@
|
||||
{
|
||||
color: #443266 !important;
|
||||
}
|
||||
|
||||
|
||||
.feature-list h3:before
|
||||
{
|
||||
position: relative;
|
||||
@ -534,7 +534,7 @@
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
}
|
||||
|
||||
|
||||
.icon > .label {
|
||||
display: none;
|
||||
}
|
||||
@ -559,7 +559,7 @@
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.25em;
|
||||
}
|
||||
|
||||
|
||||
.wrapper .title:before
|
||||
{
|
||||
content: '';
|
||||
@ -570,7 +570,7 @@
|
||||
height: 38px;
|
||||
background: url('images/shadow.png');
|
||||
}
|
||||
|
||||
|
||||
.wrapper .title:after
|
||||
{
|
||||
content: '';
|
||||
@ -593,13 +593,13 @@
|
||||
color: #eee;
|
||||
color: rgba(255,255,255,0.75);
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style1 .title
|
||||
{
|
||||
background: #555555 url('images/overlay.png');
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style1 h1,
|
||||
.wrapper.style1 h2,
|
||||
.wrapper.style1 h3,
|
||||
@ -615,29 +615,29 @@
|
||||
{
|
||||
color: #b0bcdf;
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style2
|
||||
{
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style2 .title
|
||||
{
|
||||
background: #fff;
|
||||
color: #484d55;
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style3
|
||||
{
|
||||
background: #f3f3f3 url('images/overlay.png');
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style3 .title
|
||||
{
|
||||
background: #f3f3f3 url('images/overlay.png');
|
||||
color: #484d55;
|
||||
}
|
||||
|
||||
|
||||
.wrapper.style3 .image
|
||||
{
|
||||
border: solid 10px #fff;
|
||||
@ -646,9 +646,10 @@
|
||||
#header-wrapper
|
||||
{
|
||||
background: url('../images/banner.jpg') center center;
|
||||
background-color: #000000;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
#header-wrapper:before
|
||||
{
|
||||
content: '';
|
||||
@ -659,7 +660,7 @@
|
||||
height: 100%;
|
||||
background: url('images/overlay.png');
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper
|
||||
{
|
||||
background: #282b34 url('images/overlay.png');
|
||||
@ -740,16 +741,16 @@
|
||||
background: #282b34 url('images/overlay.png');
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper header.style1
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper header.style1 h2
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper header.style1 .p
|
||||
{
|
||||
color: inherit;
|
||||
@ -758,7 +759,7 @@
|
||||
#footer-wrapper .feature-list
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper .feature-list section
|
||||
{
|
||||
border-top-color: #333;
|
||||
@ -768,12 +769,12 @@
|
||||
#footer-wrapper .feature-list h3
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
#footer-wrapper .feature-list h3:before
|
||||
{
|
||||
background: #3d4249 url('images/overlay.png');
|
||||
}
|
||||
|
||||
|
||||
/*********************************************************************************/
|
||||
/* Logo */
|
||||
/*********************************************************************************/
|
||||
@ -781,14 +782,14 @@
|
||||
#logo
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
#logo h1
|
||||
{
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
#logo p
|
||||
{
|
||||
color: #eee;
|
||||
@ -803,11 +804,11 @@
|
||||
#intro
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
#intro > .style1
|
||||
{
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#intro > .style2
|
||||
{
|
||||
font-weight: 700;
|
||||
@ -815,17 +816,17 @@
|
||||
border-radius: 0.35em;
|
||||
box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
|
||||
}
|
||||
|
||||
|
||||
#intro > .style2 a
|
||||
{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
#intro > .style3
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
/*********************************************************************************/
|
||||
/* Highlights */
|
||||
/*********************************************************************************/
|
||||
@ -838,7 +839,7 @@
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#highlights .highlight h3
|
||||
{
|
||||
color: #443266;
|
||||
@ -847,12 +848,12 @@
|
||||
/*********************************************************************************/
|
||||
/* Copyright */
|
||||
/*********************************************************************************/
|
||||
|
||||
|
||||
#copyright
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#copyright ul
|
||||
{
|
||||
display: inline-block;
|
||||
@ -861,13 +862,20 @@
|
||||
color: #aaa;
|
||||
color: rgba(255,255,255,0.25);
|
||||
}
|
||||
|
||||
|
||||
#copyright a
|
||||
{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
#copyright a:hover
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/*********************************************************************************/
|
||||
/* Utilities */
|
||||
/*********************************************************************************/
|
||||
.text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
BIN
images/manifest/icons-192.png
Normal file
BIN
images/manifest/icons-192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/manifest/icons-512.png
Normal file
BIN
images/manifest/icons-512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
36
index.html
36
index.html
@ -4,13 +4,17 @@
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Moonlight Game Streaming</title>
|
||||
<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="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>
|
||||
@ -89,7 +93,7 @@
|
||||
<div class="title">Moonlight in Action</div>
|
||||
<div id="main" class="container">
|
||||
<!-- Image -->
|
||||
<a href="#" class="image featured">
|
||||
<a href="#" class="image featured" title="Stream to all your devices">
|
||||
<img src="images/steam_framed.png" alt="" />
|
||||
</a>
|
||||
<!-- Features -->
|
||||
@ -212,11 +216,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Moonlight getting started tab -->
|
||||
<div class="wrapper style2">
|
||||
<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.
|
||||
</br>
|
||||
Having trouble? Check the wiki's troubleshooting page or join our Discord for help.
|
||||
@ -242,11 +246,11 @@
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<!--- Who We Are -->
|
||||
<div id="intro-wrapper" class="wrapper style1">
|
||||
<div class="wrapper style1">
|
||||
<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.
|
||||
<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/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 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 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 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>
|
||||
<!-- FOOTER -->
|
||||
<section id="intro" class="container">
|
||||
<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>©
|
||||
<script type="text/javascript">
|
||||
var d = new Date();
|
||||
document.write(d.getFullYear());
|
||||
</script>. All rights reserved.</p>
|
||||
<p>© <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>
|
||||
|
||||
6
js/jquery.min.js
vendored
6
js/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
20
manifest.json
Normal file
20
manifest.json
Normal 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"
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user