forked from ELowry/StadiaIcons
/
index.html
127 lines (118 loc) · 6.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!--
/* LICENSED UNDER AGPL 3.0
This file is part of StadiaIcons.
StadiaIcons is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
StadiaIcons is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with StadiaIcons. If not, see <https://www.gnu.org/licenses/>.
*/
-->
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>StadiaIcons – Shortcuts</title>
<meta name="description" content="Install shortcuts for Stadia games to your desktop with corresponding StadiaIcons!">
<meta name="keywords" content="Stadia, Icons, Design, Gaming, Game, Shortcut">
<meta name="author" content="Eric Lowry">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<link rel="icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64 128x128 256x256" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Icons/Stadia.ico">
<link rel="icon" type="image/png" sizes="128x128" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/128/Stadia.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/Stadia.png">
<link rel="icon" type="image/png" sizes="512x512" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/512/Stadia.png">
<link rel="icon" type="image/png" sizes="1024x1024" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/Stadia.png">
<link rel="icon" type="image/webp" sizes="1024x1024" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/WebP/Stadia.webp">
<link rel="apple-touch-icon" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/Stadia.png">
<meta property="og:title" content="Stadia Games List">
<meta property="og:site_name" content="StadiaIcons Shortcuts">
<meta property="og:url" content="https://elowry.github.io/StadiaIcons/">
<meta property="og:description" content="Install shortcuts for Stadia games to your desktop with corresponding StadiaIcons!">
<meta property="og:type" content="website">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Header.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/WebP/.webp">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/512/.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/128/.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@EricLowry14">
<meta name="twitter:description" content="Install shortcuts for Stadia games to your desktop with corresponding StadiaIcons!">
<meta name="twitter:title" content="StadiaIcons Shortcuts">
<meta name="twitter:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Header.png">
<link rel="stylesheet" href="pages/style.css">
<link rel="stylesheet" href="Shortcuts/firebase/public/style.css">
<script src="pages/scripts.js"></script>
<script>
var metaLang = {
description: {
tag: 'meta',
attr: 'name',
attrVal: 'description',
targetAttr: 'content',
path: 'home.metaDescription'
},
ogDescription: {
tag: 'meta',
attr: 'property',
attrVal: 'og:description',
targetAttr: 'content',
path: 'home.metaDescription'
},
twitterDescription: {
tag: 'meta',
attr: 'property',
attrVal: 'twitter:description',
targetAttr: 'content',
path: 'home.metaDescription'
},
keywords: {
tag: 'meta',
attr: 'name',
attrVal: 'keywords',
targetAttr: 'content',
path: 'meta.keywords',
props: ['']
}
},
langDir = 'Shortcuts/firebase/public/lang/';
</script>
<script src="Shortcuts/firebase/public/scripts/lang.js"></script>
</head>
<body class="loadable translatable">
<main>
<section id="Loading">
<div class="loader"><div></div><div></div><div></div><div></div></div>
</section>
<section id="Info">
<div>
<h1 class="lang" data-lang="home.title">Welcome to ​<span class="gradient">StadiaIcons</span> Shortcuts​!</h1>
<h2 class="lang" data-lang="home.whatTitle">What is it?</h2>
<p class="lang" data-lang="home.iconsDescription">​<span class="gradient">StadiaIcons</span>​ is a set of game icons designed with ​<a href="https://stadia.google.com" title="Go to stadia.google.com">Google Stadia</a>​ in mind. Each icon follows a simple design principle inspired by the Stadia logo and colors.</p>
<p class="lang" data-lang="home.shortcutsDescription">As for ​<span class="gradient">StadiaIcons</span> <strong>Shortcuts</strong>​, it allows you to easily add individual Stadia game shortcuts with their corresponding ​<span class="gradient">StadiaIcon</span>​ to your devices in just a few clicks.</p>
<h2 class="lang" data-lang="home.howTitle">How does it work?</h2>
<p class="lang" data-lang="home.howInfo">It's really quite simple: select a Stadia game you want to install from the list below and we'll guide you through the process.</p>
<p style="margin-top: 2em;">
<a href="#Games" class="scroll">
<button><span style="font-size: 1.4em !important;" class="lang" data-lang="home.button">Show Me!</span></button>
</a>
</p>
</div>
</section>
<section id="Games">
<div style="max-width: 1600px; padding: 3vw;">
<div id="grid">
</div>
</div>
</section>
</main>
<footer>
<p class="lang" data-lang="footer.copyright">Copyright © ​2020​ Eric Lowry. Licensed under ​<a href="/LICENSE.txt">AGPL 3.0</a>​.</p>
<p class="lang" data-lang="footer.links">Follow ​<a href="https://github.com/ELowry/StadiaIcons/" target="_blank" rel="noreferrer noopener">​StadiaIcons on GitHub​</a>​</p>
</footer>
</body>
</html>