-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (96 loc) · 6.37 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
<!DOCTYPE html>
<!--
/^^^^^^^ /^^^^ /^ /^^^^^^^ /^^ /^^
/^^ /^^ /^^ /^^ /^ ^^ /^^ /^^ /^^ /^^
/^^ /^^ /^^ /^^ /^ /^^ /^^ /^^ /^^ /^^
/^ /^^ /^^ /^^ /^^ /^^ /^ /^^ /^ /^
/^^ /^^ /^^ /^^ /^^^^^^ /^^ /^^ /^^ /^^ /^^
/^^ /^^ /^^ /^^ /^^ /^^ /^^ /^^ /^^ /^^
/^^ /^^ /^^^^ /^^ /^^/^^ /^^/^^ /^^
A project by Simon Freund with code by Marcello Curto
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-161614632-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-161614632-1');
</script>
<title>Simon Freund – Pairs – online memory game</title>
<meta name="description"
content="Welcome. Take a look at Simon Freund’s work by playing a round of Pairs. Select a deck, the amount of cards and start playing. Choose the duel mode to play with a friend." />
<meta property="og:description"
content="Welcome. Take a look at Simon Freund’s work by playing a round of Pairs. Select a deck, the amount of cards and start playing. Choose the duel mode to play with a friend." />
<meta property="og:image" content="https://pairs.simonfreund.com/images/opengraph/simon_freund_pairs.gif" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="mit oder ohne" />
<meta property="og:url" content="https://pairs.simonfreund.com/" />
<meta property="og:site_name" content="mit oder ohne" />
<link href="https://simonfreund.com/images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="https://simonfreund.com/images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div class="flex flex-wrap align-items-center" id="boardgame"></div>
<div class="flex fixed z-index-high left right bottom background-white justify-content-space-between padding-normal"
id="scoreboard">
<div id="scoreboard-menu" class="width-70 link" onclick="openMenu()">MENU</div>
</div>
<div id="overlay-menu"
class="hide column fixed left right bottom top background-white z-index-highest padding-normal overflow-x-scroll">
<article>
<p class="margin-bottom-double">Welcome. Take a look at <a href="https://simonfreund.com"
target="_blank">Simon
Freund</a>’s work by playing a round of Pairs. Select a deck, the amount of
cards and start playing. Choose the duel mode to play with a friend.</p>
<p class="margin-bottom-normal">Deck: <span id="select-p" class="cursor link"
data-deck="p">portfolio</span>, <span id="select-m" class="cursor link"
data-deck="m">mit oder ohne</span>, <span id="select-a" class="cursor link"
data-deck="a">allipossess.com</span></p>
<p class="margin-bottom-normal">Size: <span id="select-64" class="cursor link"
data-cards="8">64</span>, <span id="select-36" class="cursor link"
data-cards="6">36</span>, <span id="select-16" class="cursor link"
data-cards="4">16</span></p>
<p class="margin-bottom-double">Mode: <span id="select-single" class="cursor link"
data-mode="single">single</span>, <span id="select-duel" class="cursor link"
data-mode="duel">duel</span></p>
<p class="margin-bottom-double"><a id="scoreboard-sub-menu-play" href="/">START PLAYING</a></p>
<p class="margin-bottom-double">Become a <a
href="http://support.simonfreund.com/" target="blank">patron</a>
and support Simon Freund with <span id="checkout-button-plan_GMJljP9wSoLohD" role="link"
class="link">1€ per
month</span></p>
<p class="margin-bottom-normal">Code by <a href="https://marcellocurto.com"
target="_blank">Marcello Curto</a></p>
</article>
<div id="scoreboard-sub-menu"
class="flex fixed z-index-highest left right bottom background-white justify-content-space-between padding-normal">
<div id="scoreboard-sub-menu-back" onclick="closeMenu()" class="link">BACK TO GAME</div>
</div>
</div>
<script src="https://js.stripe.com/v3"></script>
<script>
const stripe = Stripe('pk_live_jFOzi7qAbsEa5i00kGF6D7D4');
const checkoutButton = document.getElementById('checkout-button-plan_GMJljP9wSoLohD');
checkoutButton.addEventListener('click', function () {
stripe.redirectToCheckout({
items: [{ plan: 'plan_GMJljP9wSoLohD', quantity: 1 }],
successUrl: 'http://support.simonfreund.com/success',
cancelUrl: 'http://support.simonfreund.com/canceled',
})
.then(function (result) {
if (result.error) {
const displayError = document.getElementById('error-message');
displayError.textContent = result.error.message;
}
});
});
</script>
</body>
</html>