Skip to content

Commit 1ea0de7

Browse files
lostmsulostmsu
committed
added mobile-only connect GOG.com page
1 parent 2beb3e0 commit 1ea0de7

File tree

5 files changed

+166
-2
lines changed

5 files changed

+166
-2
lines changed

‎connect/GOG.com.html

+106
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<link rel="canonical" href="https://borg.games/connect/GOG.com"/>
8+
9+
<link rel="shortcut icon" href="/favicon.svg" sizes="any" type="image/svg+xml"/>
10+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
11+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
12+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
13+
<link rel="manifest" href="/site.webmanifest">
14+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0d0d0d">
15+
<meta name="msapplication-TileColor" content="#101010">
16+
<meta name="theme-color" content="#000000">
17+
18+
<title>Connect GOG.com account - Borg Games</title>
19+
<meta name="description"
20+
content="Connect GOG.com account to play games on Borg Games">
21+
<link rel="stylesheet" href="/css/style.css">
22+
23+
<style>
24+
.app-buttons {
25+
gap: 10px;
26+
}
27+
28+
.app-button {
29+
display: inline-block;
30+
margin: 10px;
31+
}
32+
33+
.app-button img {
34+
height: 40px;
35+
}
36+
37+
h2 {
38+
margin-top: 2em;
39+
}
40+
</style>
41+
</head>
42+
43+
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16572194743"></script>
44+
<script>
45+
window.dataLayer = window.dataLayer || [];
46+
47+
function gtag() {
48+
dataLayer.push(arguments);
49+
}
50+
51+
gtag('js', new Date());
52+
53+
gtag('config', 'AW-16572194743');
54+
</script>
55+
56+
<body class="release web">
57+
<div class="content">
58+
<h1 style="margin-bottom: 2.5em;">
59+
Connect <img src="/img/gogcom-white-regular.png" alt="GOG.com" height="40"
60+
style="margin-bottom: -10px; margin-left: 8px;"/>
61+
</h1>
62+
<h2>In Borg Games app</h2>
63+
<div class="app-buttons">
64+
<a href="https://apps.apple.com/app/borg-games/id[YOUR_IOS_APP_ID]" target="_blank" class="app-button">
65+
<img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
66+
alt="Download on the App Store" height="40">
67+
</a>
68+
<a href="https://play.google.com/store/apps/details?id=games.borg.Borg.Mobile" target="_blank"
69+
class="app-button">
70+
<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg"
71+
alt="Get it on Google Play" height="40">
72+
</a>
73+
<br/>
74+
<a href="https://itunes.apple.com/app/id[YOUR_MACOS_APP_ID]" target="_blank" class="app-button">
75+
<img src="https://developer.apple.com/app-store/marketing/guidelines/images/badge-download-on-the-mac-app-store.svg"
76+
alt="Download on the Mac App Store" height="40">
77+
</a>
78+
<a href="https://www.microsoft.com/store/apps/[YOUR_WINDOWS_APP_ID]" target="_blank" class="app-button">
79+
<img src="https://get.microsoft.com/images/en-us%20dark.svg"
80+
alt="Get it from Microsoft" height="40">
81+
</a>
82+
<br/>
83+
<a href="https://developer.tizen.org/development/tizen-studio/download" target="_blank" class="app-button">
84+
<img src="/img/samsung-tv-logo.svg"
85+
style="background: white; padding: 4px 10px; border-radius: 5px; height: 32px;"
86+
alt="Download on the Tizen Store" height="32">
87+
</a>
88+
</div>
89+
90+
<h2>Manually copy code from the browser</h2>
91+
<p>Click the link below, log in, and copy the final page address here</p>
92+
<p>
93+
<input id="gog-code" type="text" class="bad"
94+
placeholder="https://embed.gog.com/on_login_success?..."
95+
style="width: 32em;">
96+
</p>
97+
<p>
98+
<a href="https://auth.gog.com/auth?client_id=46899977096215655&redirect_uri=https%3A%2F%2Fembed.gog.com%2Fon_login_success%3Forigin%3Dclient&response_type=code&layout=client2"
99+
target="_blank" style="font-size: 20px;">
100+
<img src="/img/gogcom-white-regular.png" alt="GOG.com" height="30"
101+
style="margin-bottom: -10px; margin-right: 8px;"/>login
102+
</a>
103+
</p>
104+
</div>
105+
</body>
106+
</html>

‎css/style.css

+4
Original file line numberDiff line numberDiff line change
@@ -409,4 +409,8 @@ button.action {
409409

410410
.release .dev {
411411
display: none;
412+
}
413+
414+
.web .mobile {
415+
display: none;
412416
}

‎img/gogcom-white-regular.png

38.8 KB
Loading

‎img/samsung-tv-logo.svg

+48
Loading

‎index.html

+8-2
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
gtag('config', 'AW-16572194743');
3131
</script>
3232

33-
<body class="sync-pending gog-pending release no-nodes">
33+
<body class="sync-pending gog-pending release web no-nodes">
3434
<h1 class="no-video"><span class="dev">DEV MODE -</span> Play in your browser <span id="network"></span>
3535
<noscript><h1>Cloud gaming requires JavaScript</h1></noscript>
3636
</h1>
@@ -126,7 +126,13 @@ <h2>GOG</h2>
126126
<button class="action" type="button" id="gog" title="Play GOG game">Play</button>
127127
</div>
128128
</div>
129-
129+
130+
<div class="mobile">
131+
<a href="connect/GOG.com?return=/" style="font-size: 28px;">
132+
<img src="/img/gogcom-white-regular.png" alt="GOG.com" height="40"
133+
style="margin-bottom: -11px; margin-right: 8px;"/>CONNECT</a>
134+
</div>
135+
130136
<div class="dev needs-sync" id="gog-login-prompt">
131137
<h2>Connect your GOG.com account</h2>
132138
<button class="action" type="button" id="gog-login"

0 commit comments

Comments
 (0)