Gameur/website
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

v1.5.2

Browse source
This commit is contained in:
KIRITO_KMA 2026-04-05 20:49:52 +02:00
parent 7d26ffcee4
commit 25ea6cf6f6
19 changed files with 2270 additions and 467 deletions
Download patch file Download diff file Expand all files Collapse all files

139
index.html
View file

@ -64,8 +64,8 @@
<div class="stat-label">Joueurs actifs</div>
</div>
<div class="stat-item">
<div class="stat-number">3</div>
<div class="stat-label">Ans d'expérience</div>
<div class="stat-number" id="experienceYears">3</div>
<div class="stat-label">Ans d'exp.</div>
</div>
</div>
</div>
@ -78,6 +78,12 @@
</div>
</div>
</section>
<script>
const startYear = 2023; // Année de début de l'experience
const currentYear = new Date().getFullYear();
const years = currentYear - startYear;
document.getElementById('experienceYears').textContent = years;
</script>
<!-- Services Preview Section -->
<!-- <div data-include="components/index/services.html"></div> -->
@ -92,8 +98,8 @@
<div class="service-icon">
<i data-feather="code"></i>
</div>
<h3>Bots Discord RP</h3>
<p>Des bots entièrement personnalisés pour animer et gérer vos serveurs RP.</p>
<h3>Bots Discord</h3>
<p>Des bots entièrement personnalisés pour animer et gérer touts vos serveurs.</p>
<ul class="service-features">
<li>Systèmes d'économie avancés</li>
<li>Gestion des stats et inventaires</li>
@ -185,31 +191,8 @@
<h2 class="section-title">Nos réalisations</h2>
<p class="section-desc">Découvrez quelques-uns de nos projets récents</p>
</div>
<div class="portfolio-grid">
<div class="portfolio-item reveal">
<div class="portfolio-bg"></div>
<div class="portfolio-content">
<span class="portfolio-tag">Bot Discord</span>
<h4>Medieval RP Bot</h4>
<p>Système complet pour serveur fantasy</p>
</div>
</div>
<div class="portfolio-item reveal reveal-delay-1">
<div class="portfolio-bg" style="background: linear-gradient(135deg, #5E2040, #8b3a62);"></div>
<div class="portfolio-content">
<span class="portfolio-tag">Fortnite Map</span>
<h4>Cyberpunk City</h4>
<p>Environnement urbain futuriste</p>
</div>
</div>
<div class="portfolio-item reveal reveal-delay-2">
<div class="portfolio-bg" style="background: linear-gradient(135deg, #3a1f5e, #8b3a62);"></div>
<div class="portfolio-content">
<span class="portfolio-tag">Bot Discord</span>
<h4>Space Station RP</h4>
<p>Bot Sci-Fi avec économie spatiale</p>
</div>
</div>
<div class="portfolio-grid" id="home-portfolio-grid">
<!-- Rendu dynamique depuis assets/data/projects.json par home.js -->
</div>
<div style="text-align: center; margin-top: 3rem;" class="reveal">
<a href="pages/realisations.html" class="btn btn-secondary">
@ -219,6 +202,63 @@
</div>
</section>
<!-- Partners Section -->
<section class="partners" id="partenaires">
<div class="section-header reveal">
<p class="section-tag">Partenaires</p>
<h2 class="section-title">Ils nous font confiance</h2>
<p class="section-desc">Des projets construits ensemble</p>
</div>
<div class="partners-carousel-wrapper reveal">
<div class="partners-carousel-track" id="partners-track">
<!-- Rendu dynamique depuis assets/data/partners.json par home.js -->
</div>
</div>
</section>
<!-- Partner Modal -->
<div class="team-modal-overlay" id="partner-modal-overlay">
<div class="team-modal">
<div class="team-modal-header">
<button class="team-modal-close" id="partner-modal-close">
<i data-feather="x"></i>
</button>
<div class="team-modal-avatar partner-modal-avatar">
<img src="" alt="" id="partner-modal-logo-img" class="team-modal-avatar-photo">
<div class="team-modal-avatar-inner team-modal-avatar-fallback" id="partner-modal-logo-fallback"></div>
</div>
<h3 class="team-modal-name" id="partner-modal-name"></h3>
<p class="team-modal-role">Partenaire depuis <span id="partner-modal-since"></span></p>
</div>
<div class="team-modal-content">
<p class="team-modal-bio" id="partner-modal-desc"></p>
<div class="team-modal-stats" id="partner-modal-stats"></div>
<div class="team-modal-skills" id="partner-modal-services"></div>
<div class="team-modal-social" id="partner-modal-links"></div>
</div>
</div>
</div>
<!-- FAQ Teaser -->
<section class="faq-teaser" id="faq-teaser">
<div class="faq-teaser-inner reveal">
<div class="faq-teaser-text">
<p class="section-tag">FAQ</p>
<h2>Une question avant de nous contacter ?</h2>
<p>
<!-- Délais, tarifs, révisions, technologies…<br> -->
Nous avons rassemblé les réponses aux questions les plus fréquentes.
Consultez notre FAQ ! <br>
Vous y trouverez peut-être exactement ce qu'il vous faut.<br>
</p>
</div>
<a href="pages/faq.html" class="btn btn-secondary faq-teaser-btn">
<i data-feather="help-circle"></i>
Consulter la FAQ
</a>
</div>
</section>
<!-- Contact Section -->
<!-- <div data-include="components/index/contact.html"></div> -->
<section class="contact" id="contact">
@ -240,7 +280,8 @@
</a>
<a href="https://discord.gg/FwvNkvu5dy" class="contact-link">
<div class="contact-link-icon">
<i data-feather="message-circle"></i>
<!-- <i data-feather="message-circle"></i> -->
<svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
</div>
<span>Discord : OmégaKube</span>
</a>
@ -347,7 +388,9 @@
website: form.elements['website'] ? form.elements['website'].value : ''
};
const res = await fetch('assets/php/send_mail.php', {
// Chemin relatif au script — fonctionne depuis racine et /pages/
const phpBase = window.location.pathname.includes('/pages/') ? '../assets/php/' : 'assets/php/';
const res = await fetch(phpBase + 'send_mail.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
@ -376,7 +419,41 @@
<div data-include="components/footer.html"></div>
<!-- Modal projet (même structure que realisations.html) -->
<div class="project-modal-overlay" id="project-modal-overlay">
<div class="project-modal">
<button class="project-modal-close" id="project-modal-close">
<i data-feather="x"></i>
</button>
<div class="project-gallery" id="project-gallery">
<div class="project-gallery-slides" id="gallery-slides"></div>
<button class="gallery-nav prev" id="gallery-prev"><i data-feather="chevron-left"></i></button>
<button class="gallery-nav next" id="gallery-next"><i data-feather="chevron-right"></i></button>
<div class="gallery-dots" id="gallery-dots"></div>
</div>
<div class="project-modal-content">
<div class="project-modal-header">
<div>
<span class="portfolio-tag" id="modal-category"></span>
<h2 id="modal-title"></h2>
</div>
<div class="project-modal-meta" id="modal-meta"></div>
</div>
<p class="project-modal-desc" id="modal-desc"></p>
<div class="project-modal-tabs">
<button class="project-modal-tab active" data-tab="features">Fonctionnalités</button>
<button class="project-modal-tab" data-tab="tech">Technologies</button>
<button class="project-modal-tab" data-tab="stats">Statistiques</button>
</div>
<div class="project-modal-tab-content active" id="tab-features"><div class="project-features-grid" id="modal-features"></div></div>
<div class="project-modal-tab-content" id="tab-tech"><div class="project-tech-grid" id="modal-tech"></div></div>
<div class="project-modal-tab-content" id="tab-stats"><div class="project-stats-grid" id="modal-stats"></div></div>
</div>
</div>
</div>
<script src="assets/js/main.js"></script>
<script src="assets/js/pages/realisations.js" defer></script>
<script src="assets/js/home.js" defer></script>
</body>
</html>