This repository has been archived by the owner on Apr 18, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathboutique.html
111 lines (99 loc) · 4.99 KB
/
boutique.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>StarWarsRP - Boutique</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="global.css">
<!--Chargement du header avec JQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function(){
$('#header').load('header.html');
});
</script>
</head>
<body>
<!--Header/Barre de navigation-->
<div id="header">
</div>
<div class="maintxtarea" id="main">
<h1>Grades 🥇</h1>
<p>Les grades permettent d'obtenir des objets et avantages en jeu contre de l'argent réel.</p>
<div class="boutique">
<div class="senateur">
<p style="text-align:center;">Sénateur (8€)</p>
<p id="contient">Contient :</p><p>►Deux parties de sabre légendaire<br>►Vaisseau low-cost gratuit<br>►Tenue légendaire</p><hr style="height:127px; visibility:hidden;"><!--solution du pauvre pour les espaces mdr-->
<p><a id="buySenateur" class="buyButton">Acheter</a>  <a href="info/senateur.html" target="_blank">Détails ⮞</a></p>
</div>
<div class="chancelier">
<p style="text-align:center;">Chancelier (15€)</p>
<p id="contient">Contient :</p><p>►Trois parties de sabre légendaire<br>►Vaisseau low-cost ou millieu de gamme gratuit<br>►Tenue légendaire<br>► -15% sur tous les vaisseaux et -5% sur les améliorations de vaisseaux</p>
<p><a id="buyChancelier" class="buyButton">Acheter</a>  <a href="info/chancelier.html" target="_blank">Détails ⮞</a></p>
</div>
<!--
<div class="empereur">
<p style="text-align:center;">Empereur</p>
<p id="contient">Contient :</p><p>-Grade chancelier<br>-Vaisseau millieu de gamme<br>-3 morceaux de sabres légendaires<br>-Armure personnalisée</p>
<p><a id="buyEmpereur" class="buyButton">Acheter</a>  <a href="info/empereur.html" target="_blank">Détails ⮞</a></p>
</div>
-->
</div>
</div>
<!--<a href="https://www.paypal.com/paypalme/RPstarwars/0.1" class="buyButton">Acheter HugoBoss1000</a>-->
<!--modals-->
<div id="modal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<h1><img src="images/warning.png" style="width:35px;height:35px;position:relative;top:5px;padding-left:4px;"></img> Informations importantes :</h1>
<p>Vous devez <span style="color:#ff3d13;">absolument indiquer</span> votre tag Discord (ex: Pseudo#0000) et votre pseudo in-game dans la case description lors du paiement.</p>
<p>Après avoir procédé au paiement, vous pourrez récupérer votre article après un certain délai (1 semaine maximum), auprès d'un modérateur/admin.</p>
<p><span style="color:#ff3d13;">Le contenu de votre grade pourra vous être refusé</span> en cas d'informations incomplètes/éronnées ou de paiement inférieur au montant.</p>
<p>Nous vous rappelons que l'achat d'un grade permet de soutenir le serveur. Ainsi, la transaction que nous appelons "achat" n'est en aucun cas un achat de contenu virtuel mais des récompenses obtenues en l'échange d'un don.</p>
<p><a onclick="getButtonAmount()" href="#" class="paypalButton" id="paypalBtn">Payer avec <img src="images/paypallogo.png" style="width:79px;height:20px;position:relative;top:2.5px;padding-left:4px;"></img></a></p>
</div>
</div>
<script>
var buttonclicked = "none";
// Get the modal
var modal = document.getElementById("modal");
// Get the button that opens the modal
var senateur = document.getElementById("buySenateur");
var chancelier = document.getElementById("buyChancelier");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
senateur.onclick = function() {
buttonclicked = "senateur";
modal.style.display = "block";
}
chancelier.onclick = function() {
buttonclicked = "chancelier";
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
function getButtonAmount(){
if(buttonclicked == "senateur"){
document.getElementById("paypalBtn").href="https://www.paypal.com/paypalme/RPstarwars/8EUR";
}
if(buttonclicked == "chancelier"){
document.getElementById("paypalBtn").href="https://www.paypal.com/paypalme/RPstarwars/15EUR";
}
if(buttonclicked == "none")
{
document.getElementById("paypalBtn").href="https://www.paypal.com/paypalme/RPstarwars/0EUR";
}
}
</script>
</body>
</html>