-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
158 lines (141 loc) · 7.7 KB
/
404.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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 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 – Info</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/404" />
<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 id="overlay-menu"
class="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>
<script>
const playGame = document.getElementById('scoreboard-sub-menu-play')
if (playGame) {
// Select number of cards
const select64 = document.getElementById('select-64')
const select36 = document.getElementById('select-36')
const select16 = document.getElementById('select-16')
let cardsSelected = ''
let modeSelected = ''
let deckSelected = ''
const arraySelectCards = [select64, select36, select16]
arraySelectCards.forEach(selection => {
if (selection.dataset.cards === cardsSelected) { selection.style.color = 'black' }
selection.addEventListener('click', () => {
cardsSelected = selection.dataset.cards
selection.style.color = 'black'
arraySelectCards.forEach(element => {
if (selection != element) { element.style.color = 'blue' }
})
})
})
// Select game mode
const selectSingleMode = document.getElementById('select-single')
const selectDuelMode = document.getElementById('select-duel')
const arraySelectMode = [selectSingleMode, selectDuelMode]
arraySelectMode.forEach(selection => {
if (selection.dataset.mode === modeSelected) { selection.style.color = 'black' }
selection.addEventListener('click', () => {
modeSelected = selection.dataset.mode
selection.style.color = 'black'
arraySelectMode.forEach(element => {
if (selection != element) { element.style.color = 'blue' }
})
})
})
// Select deck
const selectMit = document.getElementById('select-m')
const selectAll = document.getElementById('select-a')
const selectPort = document.getElementById('select-p')
const arrayDeck = [selectMit, selectAll, selectPort]
arrayDeck.forEach(selection => {
if (selection.dataset.deck === deckSelected) { selection.style.color = 'black' }
selection.addEventListener('click', () => {
deckSelected = selection.dataset.deck
selection.style.color = 'black'
arrayDeck.forEach(element => {
if (selection != element) { element.style.color = 'blue' }
})
})
})
// Start game
const playButton = document.getElementById('scoreboard-sub-menu-play')
playButton.addEventListener('click', () => {
playButton.href = '/?-' + cardsSelected + '-' + modeSelected + '-' + deckSelected
})
}
</script>
<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>