Initial commit: Wycz WoW Portfolio

2026-08-23 09:06:58 +00:00
commit cc5be652b8
93 changed files with 6502 additions and 0 deletions
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Wycz - wow</title>
+  <link rel="icon" type="image/png" href="/images/logo5.png">
+  <link rel="manifest" href="/manifest.webmanifest">
+  <meta name="theme-color" content="#0c0e14">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="apple-mobile-web-app-title" content="Wycz">
+  <link rel="apple-touch-icon" href="/images/icons/icon-180.png">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/style.css">
+</head>
+<body>
+  <div id="starfield" aria-hidden="true"></div>
+  <header class="site-header">
+    <div class="header-inner">
+      <div class="brand">
+        <img class="brand-logo" src="/images/logo5.png" alt="Logo Wycz">
+      </div>
+      <div class="header-classes" id="header-classes"></div>
+      <div class="header-right">
+        <div class="socials" id="socials"></div>
+        <div class="header-status" id="header-status"></div>
+      </div>
+    </div>
+  </header>
+
+  <main class="container">
+    <section id="overview-section">
+      <h2 class="section-title">Objectifs de la Saison 2 Midnight</h2>
+      <div class="overview-grid" id="overview-grid">
+        <div class="loading">Chargement…</div>
+      </div>
+    </section>
+  </main>
+
+  <div class="modal-backdrop" id="class-modal-backdrop" hidden>
+    <div class="modal class-modal">
+      <button class="modal-close" id="class-modal-close" aria-label="Fermer">&times;</button>
+      <div class="class-modal-head">
+        <img id="class-modal-logo" class="class-modal-logo" alt="">
+      </div>
+      <div class="class-modal-chars" id="class-modal-chars"></div>
+    </div>
+  </div>
+
+  <div class="modal-backdrop" id="modal-backdrop" hidden>
+    <div class="modal char-detail-modal">
+      <button class="modal-close" id="modal-close" aria-label="Fermer">&times;</button>
+      <div class="modal-head">
+        <img id="modal-avatar" class="modal-avatar" alt="">
+        <div>
+          <h3 id="modal-title"></h3>
+          <p id="modal-subtitle"></p>
+        </div>
+      </div>
+      <div id="modal-art" class="modal-art">
+        <div class="loading">Chargement…</div>
+      </div>
+      <div id="modal-error" class="modal-error" hidden></div>
+      <div class="modal-stats" id="modal-stats"></div>
+      <div class="modal-section">
+        <h4 class="modal-section-title">Équipement</h4>
+        <div class="modal-gear" id="modal-gear"><div class="loading">Chargement de l'équipement…</div></div>
+      </div>
+      <div class="modal-section">
+        <h4 class="modal-section-title">Talents</h4>
+        <div class="modal-talents" id="modal-talents"><div class="loading">Chargement des talents…</div></div>
+      </div>
+    </div>
+  </div>
+
+  <script src="https://wow.zamimg.com/js/tooltips.js"></script>
+    <script src="/js/api.js"></script>
+  <script src="/js/app.js"></script>
+  <script>
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('/sw.js').catch(() => {});
+      });
+    }
+  </script>
+</body>
+</html>