Skip to content

Commit 378581d

Browse files
MaxiStudioDevMaxiStudioDev
authored
Update index.html
1 parent e643200 commit 378581d

File tree

1 file changed

+128
-59
lines changed

1 file changed

+128
-59
lines changed

‎index.html‎

Lines changed: 128 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,136 @@
11
<!DOCTYPE html>
22
<html lang="fr">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta name="google-site-verification" content="googlea1301fd0eae9ac96" />
7-
<title>Magica Studio Pro</title>
8-
<style>
9-
body {
10-
background: linear-gradient(135deg, #0f172a, #1e293b);
11-
color: #fff;
12-
font-family: "Poppins", Arial, sans-serif;
13-
display: flex;
14-
flex-direction: column;
15-
align-items: center;
16-
justify-content: center;
17-
height: 100vh;
18-
margin: 0;
19-
text-align: center;
20-
overflow: hidden;
21-
}
22-
h1 {
23-
font-size: 3rem;
24-
margin-bottom: 0.5em;
25-
}
26-
p {
27-
color: #cbd5e1;
28-
max-width: 600px;
29-
margin-bottom: 2em;
30-
line-height: 1.5;
31-
}
32-
button {
33-
background: #3b82f6;
34-
color: #fff;
35-
border: none;
36-
padding: 15px 40px;
37-
border-radius: 12px;
38-
font-size: 18px;
39-
cursor: pointer;
40-
transition: all 0.2s ease;
41-
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
42-
}
43-
button:hover {
44-
background: #2563eb;
45-
transform: scale(1.05);
46-
box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5);
47-
}
48-
footer {
49-
position: absolute;
50-
bottom: 15px;
51-
font-size: 0.9rem;
52-
color: #94a3b8;
53-
}
54-
</style>
4+
  <meta charset="UTF-8">
5+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
  <title>Magica Studio Pro</title>
7+
  <style>
8+
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
9+
    
10+
    * {
11+
      box-sizing: border-box;
12+
    }
13+
    
14+
    body {
15+
      background: linear-gradient(135deg, #0f172a, #1e293b);
16+
      color: #fff;
17+
      font-family: "Poppins", Arial, sans-serif;
18+
      display: flex;
19+
      flex-direction: column;
20+
      align-items: center;
21+
      justify-content: center;
22+
      min-height: 100vh;
23+
      margin: 0;
24+
      padding: 20px;
25+
      text-align: center;
26+
      position: relative;
27+
    }
28+
    
29+
    h1 { 
30+
      font-size: clamp(2.5rem, 5vw, 3.5rem); 
31+
      margin-bottom: 0.5em; 
32+
      font-weight: 700;
33+
    }
34+
    
35+
    p { 
36+
      color: #cbd5e1; 
37+
      max-width: 600px; 
38+
      margin-bottom: 2em; 
39+
      line-height: 1.5; 
40+
      font-size: 1.1rem;
41+
    }
42+
    
43+
    button {
44+
      background: #3b82f6;
45+
      color: #fff;
46+
      border: none;
47+
      padding: 15px 40px;
48+
      border-radius: 12px;
49+
      font-size: 18px;
50+
      font-weight: 600;
51+
      cursor: pointer;
52+
      transition: all 0.2s ease;
53+
      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
54+
      margin-bottom: 30px; /* Ajout d'une marge pour séparer la nouvelle section */
55+
    }
56+
    
57+
    button:hover {
58+
      background: #2563eb;
59+
      transform: scale(1.05);
60+
      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5);
61+
    }
62+
    
63+
    button:disabled {
64+
      background: #64748b;
65+
      cursor: not-allowed;
66+
      transform: none;
67+
      box-shadow: none;
68+
    }
69+
    
70+
    /* Nouveau Style pour la Section Inférieure */
71+
    .info-box {
72+
      background-color: #1f2937; /* Couleur de fond plus claire que le body */
73+
      border: 2px solid #3b82f6; /* Contour bleu soigné */
74+
      border-radius: 10px;
75+
      padding: 30px;
76+
      max-width: 450px; /* Taille pour le centrage */
77+
      margin-top: 20px;
78+
      box-shadow: 0 0 20px rgba(59, 130, 246, 0.2); /* Ombre légère pour le relief */
79+
      width: 100%;
80+
    }
81+
82+
    .info-text {
83+
      font-size: 1.1rem;
84+
      font-weight: 500;
85+
      color: #ffffff;
86+
      margin: 0;
87+
      line-height: 1.6;
88+
    }
89+
    
90+
    footer { 
91+
      position: absolute; 
92+
      bottom: 15px; 
93+
      font-size: 0.9rem; 
94+
      color: #94a3b8; 
95+
      width: 100%;
96+
      text-align: center;
97+
    }
98+
    
99+
    @media (max-width: 480px) {
100+
      h1 {
101+
        font-size: 2rem;
102+
      }
103+
      
104+
      p {
105+
        font-size: 1rem;
106+
      }
107+
      
108+
      button {
109+
        padding: 12px 30px;
110+
        font-size: 16px;
111+
      }
112+
      
113+
      .info-box {
114+
        padding: 20px;
115+
      }
116+
    }
117+
  </style>
55118
</head>
56119
<body>
57-
<h1>🚀 Magica Studio Pro</h1>
58-
<p>Crée, édite et publie tes projets avec puissance et style.<br>
59-
Télécharge la dernière version ci-dessous 👇</p>
120+
  <h1>🚀 Magica Studio Pro</h1>
121+
    <p>Cliquez sur le bouton ci-dessous pour accéder à la page de téléchargement sur Itch.io 👇</p>
122+
123+
    <button onclick="window.location.href='https://maxistudiodev.itch.io/magicastudiopro'">
124+
    Télécharger sur Itch.io 🎮
125+
  </button>
60126

61-
<button onclick="window.location.href='https://maxistudiodev.itch.io/magicastudiopro'">
62-
Télécharger maintenant 📦
63-
</button>
127+
    <div class="info-box">
128+
    <p class="info-text">
129+
      **Test de Test :** Ceci est une section d'information supplémentaire, ajoutée en bas de la page.
130+
      Elle est bien centrée et entourée d'un contour soigné pour attirer l'attention sur ce texte important.
131+
    </p>
132+
  </div>
133+
    <footer>© 2025 MaxiStudioDev — Tous droits réservés</footer>
64134

65-
<footer>© 2025 MaxiStudioDev — Tous droits réservés</footer>
66-
</body>
135+
  </body>
67136
</html>

0 commit comments

Comments
 (0)