felden.r@grenoble.archi.fr
370 lines
14 KiB
HTML
370 lines
14 KiB
HTML
<!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> |