Roman/WebMC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Premier commit

Browse Source
This commit is contained in:
roman
2025-03-30 11:44:19 +02:00
commit ffc848c861
22 changed files with 2026 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+370
View File
@@ -0,0 +1,370 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geo Realms Craft - Serveur Minecraft Moddé</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<style>
:root {
--primary-color: #760202;
--secondary-color: #2c2c2c;
--accent-color: #9d0b28;
}
body {
font-family: 'Roboto', sans-serif;
background: #f8f9fa;
color: #333;
line-height: 1.6;
}
.hero {
background: linear-gradient(45deg, rgba(0,0,0,0.9), rgba(0,0,0,0.7)), url('background/0.jpg');
background-size: cover;
background-position: center;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
overflow: hidden;
padding: 20px;
}
.hero::after {
content: '';
position: absolute;
bottom: -50px;
left: -5%;
width: 110%;
height: 100px;
background: var(--primary-color);
transform: rotate(-3deg);
z-index: 1;
}
.nav-wrapper {
background: var(--secondary-color);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.section {
padding: 80px 20px;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.visible {
opacity: 1;
transform: translateY(0);
}
.highlight-card {
border-radius: 15px;
padding: 30px;
margin: 20px 0;
background: white;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
border-left: 5px solid var(--accent-color);
}
.rule-category {
padding: 25px;
margin: 30px 0;
background: white;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.06);
transition: all 0.3s ease;
}
.rule-category:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
.news-timeline {
position: relative;
padding-left: 30px;
border-left: 3px solid var(--accent-color);
margin-left: 15px;
}
.news-item {
position: relative;
padding: 25px;
margin-bottom: 40px;
background: white;
border-radius: 10px;
box-shadow: 0 3px 6px rgba(0,0,0,0.05);
}
.news-item::before {
content: '';
position: absolute;
left: -38px;
top: 25px;
width: 20px;
height: 20px;
background: var(--accent-color);
border-radius: 50%;
border: 3px solid white;
}
.cta-button {
display: inline-flex;
align-items: center;
padding: 16px 45px;
background: var(--primary-color);
color: white;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
gap: 10px;
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(118, 2, 2, 0.3);
}
.icon {
width: 24px;
height: 24px;
fill: currentColor;
}
footer {
background: var(--secondary-color);
color: white;
padding: 60px 0;
text-align: center;
margin-top: 80px;
}
</style>
</head>
<body>
<!-- En-tête héroïque -->
<header class="hero">
<div class="container">
<h1 class="animate__animated animate__fadeInDown">Geo Realms Craft</h1>
<p class="animate__animated animate__fadeInUp delay-1">Une expérience Minecraft révolutionnée par 345 mods</p>
<a href="#presentation" class="cta-button animate__animated animate__zoomIn delay-2">
<svg class="icon" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
Commencer l'aventure
</a>
</div>
</header>
<!-- Navigation -->
<nav class="nav-wrapper">
<div class="container">
<ul class="right hide-on-med-and-down">
<li><a href="#presentation" class="waves-effect">Présentation</a></li>
<li><a href="#regles" class="waves-effect">Règles</a></li>
<li><a href="#news" class="waves-effect">Nouveautés</a></li>
<li><a href="#join" class="waves-effect">Rejoindre</a></li>
</ul>
</div>
</nav>
<!-- Section Présentation -->
<section id="presentation" class="section container">
<div class="row">
<div class="col s12">
<div class="highlight-card">
<h2 class="center-align">Un Monde Où Minecraft Rencontre la Réalité</h2>
<p class="flow-text">Geo Realms Craft réinvente l'expérience Minecraft en donnant encore plus de liberté !</p>
<div class="row">
<div class="col s12 m6">
<div class="rule-category">
<h4>🌍 Génération de Monde Épique</h4>
<ul class="browser-default">
<li>Immensité des biomes et de la verticalité de certains massifs </li>
<li>Répartition réaliste des ressources minérales</li>
<li>Structure entierrement retravaillé </li>
</ul>
</div>
</div>
<div class="col s12 m6">
<div class="rule-category">
<h4>🔧 principaux mods</h4>
<ul class="browser-default">
<li>Graphisme, audio, animation retravaillé</li>
<li>Système de colonies évolutif avec Minecolonies</li>
<li>Machineries avec Create 6.0</li>
<li>Vehicules comme des trains, avions, voitures, bateaux</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<h4>🌈 Fonctionnalités Clés</h4>
<div class="row">
<div class="col s12 m4">
<h5>Nourriture Stratégique</h5>
<p>Systeme de nutrition nécessitant une alimentation variée et équilibrée </p>
</div>
<div class="col s12 m4">
<h5>Combat Tactique</h5>
<p>Refonte complète du système de combat avec styles d'attaques et équipements spécialisés</p>
</div>
<div class="col s12 m4">
<h5>Économie Dynamique</h5>
<p>Marché basé sur les joueurs avec monnaie non duplicable</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Règles -->
<section id="regles" class="section container">
<h2 class="center-align">Règles du Serveur</h2>
<div class="rule-category">
<h4>📜 Conduite Générale</h4>
<ul class="browser-default">
<li>Respectez tous les joueurs et le staff.</li>
<li>Aucun langage offensant ou inapproprié.</li>
<li>Le grief et le vol sont strictement interdits.</li>
<li>Respectez la diversité des joueurs en évitant les commentaires discriminatoires.</li>
<li>Évitez les discussions politiques ou religieuses pour maintenir un environnement convivial.</li>
<li>Signalez tout comportement inapproprié ou harcèlement au staff pour une intervention rapide.</li>
<li>Les disputes entre joueurs doivent être résolues de manière calme et respectueuse.</li>
</ul>
</div>
<div class="rule-category">
<h4>⚔ Gameplay Équilibré</h4>
<ul class="browser-default">
<li>Ne pas tricher ou utiliser de mods qui donnent un avantage injuste.</li>
<li>Les constructions offensantes ou inappropriées seront supprimées.</li>
<li>Ne pas perturber les événements organisés par le serveur pour assurer une expérience de jeu fluide pour tous.</li>
<li>Évitez de monopoliser les ressources rares pour permettre à tous les joueurs de progresser équitablement.</li>
<li>Respectez les zones de construction des autres joueurs et ne les modifiez pas sans autorisation.</li>
<li>Évitez d'utiliser des bugs du jeu à votre avantage pour maintenir l'équité entre les joueurs.</li>
</ul>
</div>
<div class="rule-category">
<h4>💰 Intégrité Économique</h4>
<ul class="browser-default">
<li>Les transactions doivent être équitables et consenties par les deux parties.</li>
<li>La manipulation de l'économie du serveur est interdite.</li>
<li>Ne pas escroquer d'autres joueurs lors de transactions en établissant des prix équitables.</li>
<li>Signalez toute activité suspecte liée à l'économie pour maintenir l'intégrité du système financier du serveur.</li>
<li>Évitez de monopoliser les commerces pour permettre à tous les joueurs de participer à l'économie du serveur.</li>
<li>Ne pas échanger des objets obtenus de manière frauduleuse pour préserver l'équilibre économique du serveur.</li>
</ul>
</div>
<!-- ... Autres catégories de règles ... -->
</section>
<!-- Section Nouveautés -->
<section id="news" class="section container">
<h2 class="center-align">Évolutions Récentes</h2>
<div class="news-timeline">
<div class="news-item">
<h5>Version 1.0.2 🔄</h5>
<p>• Optimisation majeure des performances serveur<br>
• Refonte audio complete du jeu<br>
• Test en conditions réel sur le serveur<br>
• Rajout de mods d'ambiances </p>
</div>
<div class="news-item">
<h5>Version 1.0.1 🔄</h5>
<p>• Optimisation majeure des performances serveur<br>
• Correction des bugs de génération de chunks<br>
• Mises a jour vers create 6.0 et trie dans les mods</p>
</div>
<div class="news-item">
<h5>Version 1.0.0 🎉</h5>
<p>• Premiere release<br>
• Premier test serveur<br>
</p>
</div>
</div>
</section>
<!-- Section Rejoindre -->
<section id="join" class="section container center-align">
<div class="highlight-card">
<h2>Prêt à Nous Rejoindre ?</h2>
<p class="flow-text">Postule des maintenant pour nous rejoindre ! </code></p>
<div class="row">
<div class="col s12 m6">
<a href="postule.html" class="cta-button">
<svg class="icon" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
Je postule!
</a>
</div>
<div class="col s12 m6">
<a href="#" class="cta-button">
<svg class="icon" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
Guide d'Installation
</a>
</div>
</div>
</div>
</section>
<!-- Pied de page -->
<footer>
<div class="container">
<p>© 2025 Geo Realms Craft - Tous droits réservés</p>
<p>Contact : <a href="https://discord.gg/uP7cDES" class="white-text">Discord Ebony</a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.15 });
document.querySelectorAll('.section').forEach(section => {
observer.observe(section);
});
$('a[href^="#"]').on('click', function(e) {
e.preventDefault();
const target = $(this.getAttribute('href'));
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top - 70
}, 800);
}
});
M.AutoInit();
});
</script>
</body>
</html>