|
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
6 | 6 | <title>Magica Studio Pro</title> |
7 | 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 | + |
8 | 14 | body { |
9 | 15 | background: linear-gradient(135deg, #0f172a, #1e293b); |
10 | 16 | color: #fff; |
|
13 | 19 | flex-direction: column; |
14 | 20 | align-items: center; |
15 | 21 | justify-content: center; |
16 | | - height: 100vh; |
| 22 | + min-height: 100vh; |
17 | 23 | margin: 0; |
| 24 | + padding: 20px; |
18 | 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; |
19 | 41 | } |
20 | | - h1 { font-size: 3rem; margin-bottom: 0.5em; } |
21 | | - p { color: #cbd5e1; max-width: 600px; margin-bottom: 2em; line-height: 1.5; } |
| 42 | + |
22 | 43 | button { |
23 | 44 | background: #3b82f6; |
24 | 45 | color: #fff; |
25 | 46 | border: none; |
26 | 47 | padding: 15px 40px; |
27 | 48 | border-radius: 12px; |
28 | 49 | font-size: 18px; |
| 50 | + font-weight: 600; |
29 | 51 | cursor: pointer; |
30 | 52 | transition: all 0.2s ease; |
31 | 53 | box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4); |
32 | 54 | } |
| 55 | + |
33 | 56 | button:hover { |
34 | 57 | background: #2563eb; |
35 | 58 | transform: scale(1.05); |
36 | 59 | box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5); |
37 | 60 | } |
38 | | - footer { position: absolute; bottom: 15px; font-size: 0.9rem; color: #94a3b8; } |
| 61 | + |
| 62 | + button:disabled { |
| 63 | + background: #64748b; |
| 64 | + cursor: not-allowed; |
| 65 | + transform: none; |
| 66 | + box-shadow: none; |
| 67 | + } |
| 68 | + |
| 69 | + footer { |
| 70 | + position: absolute; |
| 71 | + bottom: 15px; |
| 72 | + font-size: 0.9rem; |
| 73 | + color: #94a3b8; |
| 74 | + width: 100%; |
| 75 | + text-align: center; |
| 76 | + } |
| 77 | + |
| 78 | + @media (max-width: 480px) { |
| 79 | + h1 { |
| 80 | + font-size: 2rem; |
| 81 | + } |
| 82 | + |
| 83 | + p { |
| 84 | + font-size: 1rem; |
| 85 | + } |
| 86 | + |
| 87 | + button { |
| 88 | + padding: 12px 30px; |
| 89 | + font-size: 16px; |
| 90 | + } |
| 91 | + } |
39 | 92 | </style> |
40 | 93 | </head> |
41 | 94 | <body> |
42 | 95 | <h1>🚀 Magica Studio Pro</h1> |
43 | | - <p>Télécharge directement <strong>MagicaSetup.exe</strong> 👇</p> |
| 96 | + <p>Téléchargez toujours la dernière version de MagicaSetup.exe directement depuis les releases GitHub 👇</p> |
44 | 97 |
|
45 | | - <button onclick="window.location.href='https://github.com/MaxiStudioDev/MagicaStudioPro/releases/download/1.0/MagicaSetup.exe'"> |
46 | | - Télécharger maintenant 📦 |
47 | | - </button> |
| 98 | + <button id="downloadBtn">Charger…</button> |
48 | 99 |
|
49 | 100 | <footer>© 2025 MaxiStudioDev — Tous droits réservés</footer> |
| 101 | + |
| 102 | + <script> |
| 103 | + const btn = document.getElementById("downloadBtn"); |
| 104 | + const owner = "MaxiStudioDev"; |
| 105 | + const repo = "MagicaStudioPro"; |
| 106 | + |
| 107 | + fetch(`https://api.github.com/repos/${owner}/${repo}/releases/latest`) |
| 108 | + .then(res => res.json()) |
| 109 | + .then(data => { |
| 110 | + // Cherche le fichier MagicaSetup.exe |
| 111 | + const exeAsset = data.assets.find(a => a.name === "MagicaSetup.exe"); |
| 112 | + if (exeAsset) { |
| 113 | + btn.textContent = "Télécharger la dernière version 📦"; |
| 114 | + btn.onclick = () => window.location.href = exeAsset.browser_download_url; |
| 115 | + } else { |
| 116 | + btn.textContent = "Pas de MagicaSetup.exe trouvé dans la dernière version"; |
| 117 | + btn.disabled = true; |
| 118 | + } |
| 119 | + }) |
| 120 | + .catch(err => { |
| 121 | + console.error(err); |
| 122 | + btn.textContent = "Erreur API GitHub"; |
| 123 | + btn.disabled = true; |
| 124 | + }); |
| 125 | + </script> |
50 | 126 | </body> |
51 | 127 | </html> |
0 commit comments