-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
143 lines (134 loc) · 8.2 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!--
/* 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>
<meta charset="UTF-8">
<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">
<meta name="theme-color" content="#202124">
<meta name="color-scheme" content="dark">
<link rel="icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64 128x128 256x256" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Icons/StadiaIcons.ico">
<link rel="icon" type="image/png" sizes="128x128" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/128/StadiaIcons.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/StadiaIcons.png">
<link rel="icon" type="image/png" sizes="512x512" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/512/StadiaIcons.png">
<link rel="icon" type="image/png" sizes="1024x1024" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/StadiaIcons.png">
<link rel="icon" type="image/webp" sizes="1024x1024" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/WebP/StadiaIcons.webp">
<link rel="apple-touch-icon" href="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/StadiaIcons.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/StadiaIcons.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/WebP/StadiaIcons.webp">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/512/StadiaIcons.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/StadiaIcons.png">
<meta property="og:image" content="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/128/StadiaIcons.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>
<script src="Shortcuts/firebase/public/scripts/coffee.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>
<picture id="MainLogo">
<source srcset="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/128/StadiaIcons.png" media="(max-width:426px)">
<source srcset="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/StadiaIcons.png" media="(max-width:640px)">
<source srcset="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/512/StadiaIcons.png" media="(max-width:1706px)">
<source srcset="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/WebP/StadiaIcons.webp, https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/StadiaIcons.png" media="(min-width: 1707px)">
<img src="https://raw.githubusercontent.com/ELowry/StadiaIcons/master/Images/192/StadiaIcons.png" alt="StadiaIcons Logo">
</picture>
<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="button scroll">
<button tabindex="-1"><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="search">
<input type="search" id="searchBar" name="searchBar" list="searchDataList" placeholder="" tabindex="0">
<datalist id="searchDataList"></datalist>
</div>
<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>​ | ​<a href="/PRIVACY.html" target="_blank" rel="noreferrer noopener">​Privacy Policy​</a>​</p>
<a class="coffee langTitle" data-langtitle="footer.coffeeTitleAttr" href="https://www.buymeacoffee.com/EricLowry" title="Send me tips using Buy me a Coffee!"><button tabindex="-1"><span>🥐 <span class="lang" data-lang="footer.coffee">Buy me a croissant</span></span><span id="coffee">❤</span></button></a>
</footer>
</body>
</html>