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