Premier commit

This commit is contained in:
2025-03-30 11:44:19 +02:00
commit ffc848c861
22 changed files with 2026 additions and 0 deletions
+8
View File
@@ -0,0 +1,8 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml
+59
View File
@@ -0,0 +1,59 @@
<component name="ProjectCodeStyleConfiguration">
<code_scheme name="Project" version="173">
<HTMLCodeStyleSettings>
<option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
</HTMLCodeStyleSettings>
<JSCodeStyleSettings version="0">
<option name="FORCE_SEMICOLON_STYLE" value="true" />
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="USE_DOUBLE_QUOTES" value="false" />
<option name="FORCE_QUOTE_STYlE" value="true" />
<option name="ENFORCE_TRAILING_COMMA" value="Remove" />
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
<option name="SPACES_WITHIN_IMPORTS" value="true" />
</JSCodeStyleSettings>
<TypeScriptCodeStyleSettings version="0">
<option name="FORCE_SEMICOLON_STYLE" value="true" />
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="USE_DOUBLE_QUOTES" value="false" />
<option name="FORCE_QUOTE_STYlE" value="true" />
<option name="ENFORCE_TRAILING_COMMA" value="Remove" />
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
<option name="SPACES_WITHIN_IMPORTS" value="true" />
</TypeScriptCodeStyleSettings>
<VueCodeStyleSettings>
<option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
<option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
</VueCodeStyleSettings>
<codeStyleSettings language="HTML">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="JavaScript">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="TypeScript">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="Vue">
<option name="SOFT_MARGINS" value="80" />
<indentOptions>
<option name="CONTINUATION_INDENT_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
</code_scheme>
</component>
+5
View File
@@ -0,0 +1,5 @@
<component name="ProjectCodeStyleConfiguration">
<state>
<option name="USE_PER_PROJECT_SETTINGS" value="true" />
</state>
</component>
+12
View File
@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
+8
View File
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/georealmscraftweb.iml" filepath="$PROJECT_DIR$/.idea/georealmscraftweb.iml" />
</modules>
</component>
</project>
+6
View File
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PrettierConfiguration">
<option name="myConfigurationMode" value="AUTOMATIC" />
</component>
</project>
Generated
+6
View File
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
File diff suppressed because one or more lines are too long
@@ -0,0 +1,21 @@
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
/*
FILE ARCHIVED ON 16:47:06 May 20, 2024 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 15:15:39 Mar 27, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.508
exclusion.robots: 0.024
exclusion.robots.policy: 0.011
esindex: 0.012
cdx.remote: 24.784
LoadShardBlock: 203.681 (3)
PetaboxLoader3.datanode: 211.028 (5)
load_resource: 901.208 (2)
PetaboxLoader3.resolve: 790.541 (2)
*/
File diff suppressed because one or more lines are too long
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 411 KiB

File diff suppressed because one or more lines are too long
+508
View File
@@ -0,0 +1,508 @@
:root {
--wm-toolbar-height: 65px;
}
#wm-ipp-base {
height:65px;/* initial height just in case js code fails */
padding:0;
margin:0;
border:none;
background:none transparent;
}
#wm-ipp {
z-index: 2147483647;
}
#wm-ipp, #wm-ipp * {
font-family:Lucida Grande, Helvetica, Arial, sans-serif;
font-size:12px;
line-height:1.2;
letter-spacing:0;
width:auto;
height:auto;
max-width:none;
max-height:none;
min-width:0 !important;
min-height:0;
outline:none;
float:none;
text-align:left;
border:none;
color: #000;
text-indent: 0;
position: initial;
background: none;
}
#wm-ipp div, #wm-ipp canvas {
display: block;
}
#wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form {
padding:0;
margin:0;
border:none;
border-radius:0;
background-color:transparent;
background-image:none;
/*z-index:2147483640;*/
height:auto;
}
#wm-ipp table {
border:none;
border-collapse:collapse;
margin:0;
padding:0;
width:auto;
font-size:inherit;
}
#wm-ipp form input {
padding:1px !important;
height:auto;
display:inline;
margin:0;
color: #000;
background: none #fff;
border: 1px solid #666;
}
#wm-ipp form input[type=submit] {
padding:0 8px !important;
margin:1px 0 1px 5px !important;
width:auto !important;
border: 1px solid #000 !important;
background: #fff !important;
color: #000 !important;
}
#wm-ipp form input[type=submit]:hover {
background: #eee !important;
cursor: pointer !important;
}
#wm-ipp form input[type=submit]:active {
transform: translateY(1px);
}
#wm-ipp a {
display: inline;
}
#wm-ipp a:hover{
text-decoration:underline;
}
#wm-ipp a.wm-btn:hover {
text-decoration:none;
color:#ff0 !important;
}
#wm-ipp a.wm-btn:hover span {
color:#ff0 !important;
}
#wm-ipp #wm-ipp-inside {
margin: 0 6px;
border:5px solid #000;
border-top:none;
background-color:rgba(255,255,255,0.9);
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
border-radius:0 0 8px 8px;
}
/* selectors are intentionally verbose to ensure priority */
#wm-ipp #wm-logo {
padding:0 10px;
vertical-align:middle;
min-width:100px;
flex: 0 0 100px;
}
#wm-ipp .c {
padding-left: 4px;
}
#wm-ipp .c .u {
margin-top: 4px !important;
}
#wm-ipp .n {
padding:0 0 0 5px !important;
vertical-align: bottom;
}
#wm-ipp .n a {
text-decoration:none;
color:#33f;
font-weight:bold;
}
#wm-ipp .n .b {
padding:0 6px 0 0 !important;
text-align:right !important;
overflow:visible;
white-space:nowrap;
color:#99a;
vertical-align:middle;
}
#wm-ipp .n .y .b {
padding:0 6px 2px 0 !important;
}
#wm-ipp .n .c {
background:#000;
color:#ff0;
font-weight:bold;
padding:0 !important;
text-align:center;
}
#wm-ipp.hi .n td.c {
color:#ec008c;
}
#wm-ipp .n td.f {
padding:0 0 0 6px !important;
text-align:left !important;
overflow:visible;
white-space:nowrap;
color:#99a;
vertical-align:middle;
}
#wm-ipp .n tr.m td {
text-transform:uppercase;
white-space:nowrap;
padding:2px 0;
}
#wm-ipp .c .s {
padding:0 5px 0 0 !important;
vertical-align:bottom;
}
#wm-ipp #wm-nav-captures {
white-space: nowrap;
}
#wm-ipp .c .s a.t {
color:#33f;
font-weight:bold;
line-height: 1.8;
}
#wm-ipp .c .s div.r {
color: #666;
font-size:9px;
white-space:nowrap;
}
#wm-ipp .c .k {
padding-bottom:1px;
}
#wm-ipp .c .s {
padding:0 5px 2px 0 !important;
}
#wm-ipp td#displayMonthEl {
padding: 2px 0 !important;
}
#wm-ipp td#displayYearEl {
padding: 0 0 2px 0 !important;
}
div#wm-ipp-sparkline {
position:relative;/* for positioning markers */
white-space:nowrap;
background-color:#fff;
cursor:pointer;
line-height:0.9;
}
#sparklineImgId, #wm-sparkline-canvas {
position:relative;
z-index:9012;
max-width:none;
}
#wm-ipp-sparkline div.yt {
position:absolute;
z-index:9010 !important;
background-color:#ff0 !important;
top: 0;
}
#wm-ipp-sparkline div.mt {
position:absolute;
z-index:9013 !important;
background-color:#ec008c !important;
top: 0;
}
#wm-ipp .r {
margin-left: 4px;
}
#wm-ipp .r a {
color:#33f;
border:none;
position:relative;
background-color:transparent;
background-repeat:no-repeat !important;
background-position:100% 100% !important;
text-decoration: none;
}
#wm-ipp #wm-capinfo {
/* prevents notice div background from sticking into round corners of
#wm-ipp-inside */
border-radius: 0 0 4px 4px;
}
#wm-ipp #wm-capinfo .c-logo {
display:block;
float:left;
margin-right:3px;
width:90px;
min-height:90px;
max-height: 290px;
border-radius:45px;
overflow:hidden;
background-position:50%;
background-size:auto 90px;
box-shadow: 0 0 2px 2px rgba(208,208,208,128) inset;
}
#wm-ipp #wm-capinfo .c-logo span {
display:inline-block;
}
#wm-ipp #wm-capinfo .c-logo img {
height:90px;
position:relative;
left:-50%;
}
#wm-ipp #wm-capinfo .wm-title {
font-size:130%;
}
#wm-ipp #wm-capinfo a.wm-selector {
display:inline-block;
color: #aaa;
text-decoration:none !important;
padding: 2px 8px;
}
#wm-ipp #wm-capinfo a.wm-selector.selected {
background-color:#666;
}
#wm-ipp #wm-capinfo a.wm-selector:hover {
color: #fff;
}
#wm-ipp #wm-capinfo.notice-only #wm-capinfo-collected-by,
#wm-ipp #wm-capinfo.notice-only #wm-capinfo-timestamps {
display: none;
}
#wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content {
background-color:#ff0;
padding:5px;
font-size:14px;
text-align:center;
}
#wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content * {
font-size:14px;
text-align:center;
}
#wm-ipp #wm-expand {
right: 1px;
bottom: -1px;
color: #ffffff;
background-color: #666 !important;
padding:0 5px 0 3px !important;
border-radius: 3px 3px 0 0 !important;
}
#wm-ipp #wm-expand span {
color: #ffffff;
}
#wm-ipp #wm-expand #wm-expand-icon {
display: inline-block;
transition: transform 0.5s;
transform-origin: 50% 45%;
}
#wm-ipp #wm-expand.wm-open #wm-expand-icon {
transform: rotate(180deg);
}
#wm-ipp #wmtb {
text-align:right;
}
#wm-ipp #wmtb #wmtbURL {
width: calc(100% - 45px);
}
#wm-ipp #wm-graph-anchor {
border-right:1px solid #ccc;
}
/* time coherence */
html.wb-highlight {
box-shadow: inset 0 0 0 3px #a50e3a !important;
}
.wb-highlight {
outline: 3px solid #a50e3a !important;
}
#wm-ipp-print {
display:none !important;
}
@media print {
#wm-ipp-base {
display:none !important;
}
#wm-ipp-print {
display:block !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width:414px) {
#wm-ipp .xxs {
display:none !important;
}
}
@media (min-width:1055px) {
#wm-ipp #wm-graph-anchor {
display:block !important;
}
}
@media (max-width:1054px) {
#wm-ipp #wm-graph-anchor {
display:none !important;
}
}
@media (max-width:1163px) {
#wm-logo {
display:none !important;
}
}
#wm-btns {
white-space: nowrap;
margin-top: -2px;
}
#wm-btns #wm-save-snapshot-open {
margin-right: 7px;
top: -6px;
}
#wm-btns #wm-sign-in {
box-sizing: content-box;
display: none;
margin-right: 7px;
top: -8px;
/*
round border around sign in button
*/
border: 2px #000 solid;
border-radius: 14px;
padding-right: 2px;
padding-bottom: 2px;
width: 11px;
height: 11px;
}
#wm-btns #wm-sign-in>.iconochive-person {
font-size: 12.5px;
}
#wm-save-snapshot-open > .iconochive-web {
color:#000;
font-size:160%;
}
#wm-ipp #wm-share {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
#wm-share > #wm-screenshot {
display: inline-block;
margin-right: 3px;
visibility: hidden;
}
#wm-screenshot > .iconochive-image {
color:#000;
font-size:160%;
}
#wm-share > #wm-video {
display: inline-block;
margin-right: 3px;
visibility: hidden;
}
#wm-video > .iconochive-movies {
color: #000;
display: inline-block;
font-size: 150%;
margin-bottom: 2px;
}
#wm-btns #wm-save-snapshot-in-progress {
display: none;
font-size:160%;
opacity: 0.5;
position: relative;
margin-right: 7px;
top: -5px;
}
#wm-btns #wm-save-snapshot-success {
display: none;
color: green;
position: relative;
top: -7px;
}
#wm-btns #wm-save-snapshot-fail {
display: none;
color: red;
position: relative;
top: -7px;
}
.wm-icon-screen-shot {
background: url("../../../external.html?link=https://web-static.archive.org/_static/images/web-screenshot.svg") no-repeat !important;
background-size: contain !important;
width: 22px !important;
height: 19px !important;
display: inline-block;
}
#donato {
/* transition effect is disable so as to simplify height adjustment */
/*transition: height 0.5s;*/
height: 0;
margin: 0;
padding: 0;
border-bottom: 1px solid #999 !important;
}
body.wm-modal {
height: auto !important;
overflow: hidden !important;
}
#donato #donato-base {
width: 100%;
height: 100%;
/*bottom: 0;*/
margin: 0;
padding: 0;
position: absolute;
z-index: 2147483639;
}
body.wm-modal #donato #donato-base {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2147483640;
}
.wb-autocomplete-suggestions {
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: left;
cursor: default;
border: 1px solid #ccc;
border-top: 0;
background: #fff;
box-shadow: -1px 1px 3px rgba(0,0,0,.1);
position: absolute;
display: none;
z-index: 2147483647;
max-height: 254px;
overflow: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.wb-autocomplete-suggestion {
position: relative;
padding: 0 .6em;
line-height: 23px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.02em;
color: #333;
}
.wb-autocomplete-suggestion b {
font-weight: bold;
}
.wb-autocomplete-suggestion.selected {
background: #f0f0f0;
}
+116
View File
@@ -0,0 +1,116 @@
@font-face{font-family:'Iconochive-Regular';src:url('../../../external.html?link=https://web-static.archive.org/_static/fonts/Iconochive-Regular.eot');src:url('../../../external.html?link=https://web-static.archive.org/_static/fonts/Iconochive-Regular.eot') format('embedded-opentype'),url('../../../external.html?link=https://web-static.archive.org/_static/fonts/Iconochive-Regular.woff') format('woff'),url('../../../external.html?link=https://web-static.archive.org/_static/fonts/Iconochive-Regular.ttf') format('truetype'),url('../../../external.html?link=https://web-static.archive.org/_static/fonts/Iconochive-Regular.svg#Iconochive-Regular') format('svg');font-weight:normal;font-style:normal}
[class^="iconochive-"],[class*=" iconochive-"]{font-family:'Iconochive-Regular'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.iconochive-Uplevel:before{content:"\21b5"}
.iconochive-exit:before{content:"\1f6a3"}
.iconochive-beta:before{content:"\3b2"}
.iconochive-logo:before{content:"\1f3db"}
.iconochive-audio:before{content:"\1f568"}
.iconochive-movies:before{content:"\1f39e"}
.iconochive-software:before{content:"\1f4be"}
.iconochive-texts:before{content:"\1f56e"}
.iconochive-etree:before{content:"\1f3a4"}
.iconochive-image:before{content:"\1f5bc"}
.iconochive-web:before{content:"\1f5d4"}
.iconochive-collection:before{content:"\2211"}
.iconochive-folder:before{content:"\1f4c2"}
.iconochive-data:before{content:"\1f5c3"}
.iconochive-tv:before{content:"\1f4fa"}
.iconochive-article:before{content:"\1f5cf"}
.iconochive-question:before{content:"\2370"}
.iconochive-question-dark:before{content:"\3f"}
.iconochive-info:before{content:"\69"}
.iconochive-info-small:before{content:"\24d8"}
.iconochive-comment:before{content:"\1f5e9"}
.iconochive-comments:before{content:"\1f5ea"}
.iconochive-person:before{content:"\1f464"}
.iconochive-people:before{content:"\1f465"}
.iconochive-eye:before{content:"\1f441"}
.iconochive-rss:before{content:"\221e"}
.iconochive-time:before{content:"\1f551"}
.iconochive-quote:before{content:"\275d"}
.iconochive-disc:before{content:"\1f4bf"}
.iconochive-tv-commercial:before{content:"\1f4b0"}
.iconochive-search:before{content:"\1f50d"}
.iconochive-search-star:before{content:"\273d"}
.iconochive-tiles:before{content:"\229e"}
.iconochive-list:before{content:"\21f6"}
.iconochive-list-bulleted:before{content:"\2317"}
.iconochive-latest:before{content:"\2208"}
.iconochive-left:before{content:"\2c2"}
.iconochive-right:before{content:"\2c3"}
.iconochive-left-solid:before{content:"\25c2"}
.iconochive-right-solid:before{content:"\25b8"}
.iconochive-up-solid:before{content:"\25b4"}
.iconochive-down-solid:before{content:"\25be"}
.iconochive-dot:before{content:"\23e4"}
.iconochive-dots:before{content:"\25a6"}
.iconochive-columns:before{content:"\25af"}
.iconochive-sort:before{content:"\21d5"}
.iconochive-atoz:before{content:"\1f524"}
.iconochive-ztoa:before{content:"\1f525"}
.iconochive-upload:before{content:"\1f4e4"}
.iconochive-download:before{content:"\1f4e5"}
.iconochive-favorite:before{content:"\2605"}
.iconochive-heart:before{content:"\2665"}
.iconochive-play:before{content:"\25b6"}
.iconochive-play-framed:before{content:"\1f3ac"}
.iconochive-fullscreen:before{content:"\26f6"}
.iconochive-mute:before{content:"\1f507"}
.iconochive-unmute:before{content:"\1f50a"}
.iconochive-share:before{content:"\1f381"}
.iconochive-edit:before{content:"\270e"}
.iconochive-reedit:before{content:"\2710"}
.iconochive-gear:before{content:"\2699"}
.iconochive-remove-circle:before{content:"\274e"}
.iconochive-plus-circle:before{content:"\1f5d6"}
.iconochive-minus-circle:before{content:"\1f5d5"}
.iconochive-x:before{content:"\1f5d9"}
.iconochive-fork:before{content:"\22d4"}
.iconochive-trash:before{content:"\1f5d1"}
.iconochive-warning:before{content:"\26a0"}
.iconochive-flash:before{content:"\1f5f2"}
.iconochive-world:before{content:"\1f5fa"}
.iconochive-lock:before{content:"\1f512"}
.iconochive-unlock:before{content:"\1f513"}
.iconochive-twitter:before{content:"\1f426"}
.iconochive-facebook:before{content:"\66"}
.iconochive-googleplus:before{content:"\67"}
.iconochive-reddit:before{content:"\1f47d"}
.iconochive-tumblr:before{content:"\54"}
.iconochive-pinterest:before{content:"\1d4df"}
.iconochive-popcorn:before{content:"\1f4a5"}
.iconochive-email:before{content:"\1f4e7"}
.iconochive-embed:before{content:"\1f517"}
.iconochive-gamepad:before{content:"\1f579"}
.iconochive-Zoom_In:before{content:"\2b"}
.iconochive-Zoom_Out:before{content:"\2d"}
.iconochive-RSS:before{content:"\1f4e8"}
.iconochive-Light_Bulb:before{content:"\1f4a1"}
.iconochive-Add:before{content:"\2295"}
.iconochive-Tab_Activity:before{content:"\2318"}
.iconochive-Forward:before{content:"\23e9"}
.iconochive-Backward:before{content:"\23ea"}
.iconochive-No_Audio:before{content:"\1f508"}
.iconochive-Pause:before{content:"\23f8"}
.iconochive-No_Favorite:before{content:"\2606"}
.iconochive-Unike:before{content:"\2661"}
.iconochive-Song:before{content:"\266b"}
.iconochive-No_Flag:before{content:"\2690"}
.iconochive-Flag:before{content:"\2691"}
.iconochive-Done:before{content:"\2713"}
.iconochive-Check:before{content:"\2714"}
.iconochive-Refresh:before{content:"\27f3"}
.iconochive-Headphones:before{content:"\1f3a7"}
.iconochive-Chart:before{content:"\1f4c8"}
.iconochive-Bookmark:before{content:"\1f4d1"}
.iconochive-Documents:before{content:"\1f4da"}
.iconochive-Newspaper:before{content:"\1f4f0"}
.iconochive-Podcast:before{content:"\1f4f6"}
.iconochive-Radio:before{content:"\1f4fb"}
.iconochive-Cassette:before{content:"\1f4fc"}
.iconochive-Shuffle:before{content:"\1f500"}
.iconochive-Loop:before{content:"\1f501"}
.iconochive-Low_Audio:before{content:"\1f509"}
.iconochive-First:before{content:"\1f396"}
.iconochive-Invisible:before{content:"\1f576"}
.iconochive-Computer:before{content:"\1f5b3"}
+1
View File
@@ -0,0 +1 @@
<html><head><title>C:\Users\Administrateur\WebstormProjects\georealmscraftweb</title></head><body><a href="index.html.html">index.html</a><br /><a href="postule.html.html">postule.html</a><br /></body></html>
+393
View File
@@ -0,0 +1,393 @@
<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">&lt;!DOCTYPE </span><span class="s2">html</span><span class="s0">&gt;</span>
<span class="s0">&lt;html </span><span class="s2">lang</span><span class="s3">=&quot;fr&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;head&gt;</span>
<span class="s0">&lt;meta </span><span class="s2">charset</span><span class="s3">=&quot;UTF-8&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;meta </span><span class="s2">name</span><span class="s3">=&quot;viewport&quot; </span><span class="s2">content</span><span class="s3">=&quot;width=device-width, initial-scale=1.0&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;title&gt;</span><span class="s1">Geo Realms Craft - Serveur Minecraft Moddé</span><span class="s0">&lt;/title&gt;</span>
<span class="s0">&lt;link </span><span class="s2">href</span><span class="s3">=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css&quot; </span><span class="s2">rel</span><span class="s3">=&quot;stylesheet&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;link </span><span class="s2">rel</span><span class="s3">=&quot;stylesheet&quot; </span><span class="s2">href</span><span class="s3">=&quot;https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;style&gt;</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">&lt;/style&gt;</span>
<span class="s0">&lt;/head&gt;</span>
<span class="s0">&lt;body&gt;</span>
<span class="s6">&lt;!-- En-tête héroïque --&gt;</span>
<span class="s0">&lt;header </span><span class="s2">class</span><span class="s3">=&quot;hero&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h1 </span><span class="s2">class</span><span class="s3">=&quot;animate__animated animate__fadeInDown&quot;</span><span class="s0">&gt;</span><span class="s1">Geo Realms Craft</span><span class="s0">&lt;/h1&gt;</span>
<span class="s0">&lt;p </span><span class="s2">class</span><span class="s3">=&quot;animate__animated animate__fadeInUp delay-1&quot;</span><span class="s0">&gt;</span><span class="s1">Une expérience Minecraft révolutionnée par 345 mods</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;a </span><span class="s2">href</span><span class="s3">=&quot;#presentation&quot; </span><span class="s2">class</span><span class="s3">=&quot;cta-button animate__animated animate__zoomIn delay-2&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;svg </span><span class="s2">class</span><span class="s3">=&quot;icon&quot; </span><span class="s2">viewBox</span><span class="s3">=&quot;0 0 24 24&quot;</span><span class="s0">&gt;&lt;path </span><span class="s2">d</span><span class="s3">=&quot;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&quot;</span><span class="s0">/&gt;&lt;/svg&gt;</span>
<span class="s1">Commencer l'aventure</span>
<span class="s0">&lt;/a&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/header&gt;</span>
<span class="s6">&lt;!-- Navigation --&gt;</span>
<span class="s0">&lt;nav </span><span class="s2">class</span><span class="s3">=&quot;nav-wrapper&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;right hide-on-med-and-down&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;&lt;a </span><span class="s2">href</span><span class="s3">=&quot;#presentation&quot; </span><span class="s2">class</span><span class="s3">=&quot;waves-effect&quot;</span><span class="s0">&gt;</span><span class="s1">Présentation</span><span class="s0">&lt;/a&gt;&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;&lt;a </span><span class="s2">href</span><span class="s3">=&quot;#regles&quot; </span><span class="s2">class</span><span class="s3">=&quot;waves-effect&quot;</span><span class="s0">&gt;</span><span class="s1">Règles</span><span class="s0">&lt;/a&gt;&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;&lt;a </span><span class="s2">href</span><span class="s3">=&quot;#news&quot; </span><span class="s2">class</span><span class="s3">=&quot;waves-effect&quot;</span><span class="s0">&gt;</span><span class="s1">Nouveautés</span><span class="s0">&lt;/a&gt;&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;&lt;a </span><span class="s2">href</span><span class="s3">=&quot;#join&quot; </span><span class="s2">class</span><span class="s3">=&quot;waves-effect&quot;</span><span class="s0">&gt;</span><span class="s1">Rejoindre</span><span class="s0">&lt;/a&gt;&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/nav&gt;</span>
<span class="s6">&lt;!-- Section Présentation --&gt;</span>
<span class="s0">&lt;section </span><span class="s2">id</span><span class="s3">=&quot;presentation&quot; </span><span class="s2">class</span><span class="s3">=&quot;section container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;row&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;highlight-card&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h2 </span><span class="s2">class</span><span class="s3">=&quot;center-align&quot;</span><span class="s0">&gt;</span><span class="s1">Un Monde Où Minecraft Rencontre la Réalité</span><span class="s0">&lt;/h2&gt;</span>
<span class="s0">&lt;p </span><span class="s2">class</span><span class="s3">=&quot;flow-text&quot;</span><span class="s0">&gt;</span><span class="s1">Geo Realms Craft réinvente l'expérience Minecraft en donnant encore plus de liberté !</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;row&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m6&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;rule-category&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">🌍 Génération de Monde Épique</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Immensité des biomes et de la verticalité de certains massifs </span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Répartition réaliste des ressources minérales</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Structure entierrement retravaillé </span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m6&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;rule-category&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">🔧 principaux mods</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Graphisme, audio, animation retravaillé</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Système de colonies évolutif avec Minecolonies</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Machineries avec Create 6.0</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Vehicules comme des trains, avions, voitures, bateaux</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;row&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">🌈 Fonctionnalités Clés</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;row&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m4&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h5&gt;</span><span class="s1">Nourriture Stratégique</span><span class="s0">&lt;/h5&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">Systeme de nutrition nécessitant une alimentation variée et équilibrée </span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m4&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h5&gt;</span><span class="s1">Combat Tactique</span><span class="s0">&lt;/h5&gt;</span>
<span class="s0">&lt;p&gt;</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">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m4&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h5&gt;</span><span class="s1">Économie Dynamique</span><span class="s0">&lt;/h5&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">Marché basé sur les joueurs avec monnaie non duplicable</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/section&gt;</span>
<span class="s6">&lt;!-- Section Règles --&gt;</span>
<span class="s0">&lt;section </span><span class="s2">id</span><span class="s3">=&quot;regles&quot; </span><span class="s2">class</span><span class="s3">=&quot;section container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h2 </span><span class="s2">class</span><span class="s3">=&quot;center-align&quot;</span><span class="s0">&gt;</span><span class="s1">Règles du Serveur</span><span class="s0">&lt;/h2&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;rule-category&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">📜 Conduite Générale</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Respectez tous les joueurs et le staff.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Aucun langage offensant ou inapproprié.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Le grief et le vol sont strictement interdits.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Respectez la diversité des joueurs en évitant les commentaires discriminatoires.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Évitez les discussions politiques ou religieuses pour maintenir un environnement convivial.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Signalez tout comportement inapproprié ou harcèlement au staff pour une intervention rapide.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Les disputes entre joueurs doivent être résolues de manière calme et respectueuse.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;rule-category&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">⚔ Gameplay Équilibré</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Ne pas tricher ou utiliser de mods qui donnent un avantage injuste.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Les constructions offensantes ou inappropriées seront supprimées.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</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">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Évitez de monopoliser les ressources rares pour permettre à tous les joueurs de progresser équitablement.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Respectez les zones de construction des autres joueurs et ne les modifiez pas sans autorisation.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Évitez d'utiliser des bugs du jeu à votre avantage pour maintenir l'équité entre les joueurs.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;rule-category&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">💰 Intégrité Économique</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Les transactions doivent être équitables et consenties par les deux parties.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">La manipulation de l'économie du serveur est interdite.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Ne pas escroquer d'autres joueurs lors de transactions en établissant des prix équitables.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</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">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Évitez de monopoliser les commerces pour permettre à tous les joueurs de participer à l'économie du serveur.</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</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">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s6">&lt;!-- ... Autres catégories de règles ... --&gt;</span>
<span class="s0">&lt;/section&gt;</span>
<span class="s6">&lt;!-- Section Nouveautés --&gt;</span>
<span class="s0">&lt;section </span><span class="s2">id</span><span class="s3">=&quot;news&quot; </span><span class="s2">class</span><span class="s3">=&quot;section container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h2 </span><span class="s2">class</span><span class="s3">=&quot;center-align&quot;</span><span class="s0">&gt;</span><span class="s1">Évolutions Récentes</span><span class="s0">&lt;/h2&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;news-timeline&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;news-item&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h5&gt;</span><span class="s1">Version 1.0.2 🔄</span><span class="s0">&lt;/h5&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">• Optimisation majeure des performances serveur</span><span class="s0">&lt;br&gt;</span>
<span class="s1">• Refonte audio complete du jeu</span><span class="s0">&lt;br&gt;</span>
<span class="s1">• Test en conditions réel sur le serveur</span><span class="s0">&lt;br&gt;</span>
<span class="s1">• Rajout de mods d'ambiances </span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;news-item&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h5&gt;</span><span class="s1">Version 1.0.1 🔄</span><span class="s0">&lt;/h5&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">• Optimisation majeure des performances serveur</span><span class="s0">&lt;br&gt;</span>
<span class="s1">• Correction des bugs de génération de chunks</span><span class="s0">&lt;br&gt;</span>
<span class="s1">• Mises a jour vers create 6.0 et trie dans les mods</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;news-item&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h5&gt;</span><span class="s1">Version 1.0.0 🎉</span><span class="s0">&lt;/h5&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">• Premiere release</span><span class="s0">&lt;br&gt;</span>
<span class="s1">• Premier test serveur</span><span class="s0">&lt;br&gt;</span>
<span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/section&gt;</span>
<span class="s6">&lt;!-- Section Rejoindre --&gt;</span>
<span class="s0">&lt;section </span><span class="s2">id</span><span class="s3">=&quot;join&quot; </span><span class="s2">class</span><span class="s3">=&quot;section container center-align&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;highlight-card&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h2&gt;</span><span class="s1">Prêt à Nous Rejoindre ?</span><span class="s0">&lt;/h2&gt;</span>
<span class="s0">&lt;p </span><span class="s2">class</span><span class="s3">=&quot;flow-text&quot;</span><span class="s0">&gt;</span><span class="s1">Postule des maintenant pour nous rejoindre ! </span><span class="s0">&lt;/code&gt;&lt;/p&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;row&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m6&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;a </span><span class="s2">href</span><span class="s3">=&quot;postule.html&quot; </span><span class="s2">class</span><span class="s3">=&quot;cta-button&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;svg </span><span class="s2">class</span><span class="s3">=&quot;icon&quot; </span><span class="s2">viewBox</span><span class="s3">=&quot;0 0 24 24&quot;</span><span class="s0">&gt;&lt;path </span><span class="s2">d</span><span class="s3">=&quot;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&quot;</span><span class="s0">/&gt;&lt;/svg&gt;</span>
<span class="s1">Je postule!</span>
<span class="s0">&lt;/a&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m6&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;a </span><span class="s2">href</span><span class="s3">=&quot;#&quot; </span><span class="s2">class</span><span class="s3">=&quot;cta-button&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;svg </span><span class="s2">class</span><span class="s3">=&quot;icon&quot; </span><span class="s2">viewBox</span><span class="s3">=&quot;0 0 24 24&quot;</span><span class="s0">&gt;&lt;path </span><span class="s2">d</span><span class="s3">=&quot;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&quot;</span><span class="s0">/&gt;&lt;/svg&gt;</span>
<span class="s1">Guide d'Installation</span>
<span class="s0">&lt;/a&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/section&gt;</span>
<span class="s6">&lt;!-- Pied de page --&gt;</span>
<span class="s0">&lt;footer&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">© 2025 Geo Realms Craft - Tous droits réservés</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">Contact : </span><span class="s0">&lt;a </span><span class="s2">href</span><span class="s3">=&quot;https://discord.gg/uP7cDES&quot; </span><span class="s2">class</span><span class="s3">=&quot;white-text&quot;</span><span class="s0">&gt;</span><span class="s1">Discord Ebony</span><span class="s0">&lt;/a&gt;&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/footer&gt;</span>
<span class="s0">&lt;script </span><span class="s2">src</span><span class="s3">=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;</span><span class="s0">&gt;&lt;/script&gt;</span>
<span class="s0">&lt;script </span><span class="s2">src</span><span class="s3">=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js&quot;</span><span class="s0">&gt;&lt;/script&gt;</span>
<span class="s0">&lt;script&gt;</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) =&gt; {</span>
<span class="s1">entries.forEach(entry =&gt; {</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 =&gt; {</span>
<span class="s1">observer.observe(section);</span>
<span class="s1">});</span>
<span class="s1">$(</span><span class="s3">'a[href^=&quot;#&quot;]'</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">&lt;/script&gt;</span>
<span class="s0">&lt;/body&gt;</span>
<span class="s0">&lt;/html&gt;</span></pre>
</body>
</html>
+202
View File
@@ -0,0 +1,202 @@
<html>
<head>
<title>postule.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: #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">
postule.html</font>
</center></td></tr></table>
<pre><span class="s0">&lt;!DOCTYPE </span><span class="s2">html</span><span class="s0">&gt;</span>
<span class="s0">&lt;html </span><span class="s2">lang</span><span class="s3">=&quot;fr&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;head&gt;</span>
<span class="s0">&lt;meta </span><span class="s2">charset</span><span class="s3">=&quot;UTF-8&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;meta </span><span class="s2">name</span><span class="s3">=&quot;viewport&quot; </span><span class="s2">content</span><span class="s3">=&quot;width=device-width, initial-scale=1.0&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;title&gt;</span><span class="s1">Postuler - Geo Realms Craft</span><span class="s0">&lt;/title&gt;</span>
<span class="s0">&lt;link </span><span class="s2">href</span><span class="s3">=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css&quot; </span><span class="s2">rel</span><span class="s3">=&quot;stylesheet&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;link </span><span class="s2">rel</span><span class="s3">=&quot;stylesheet&quot; </span><span class="s2">href</span><span class="s3">=&quot;https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;style&gt;</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">50</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">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">requirement-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">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="s2">margin-top</span><span class="s1">: </span><span class="s5">30</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="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">color</span><span class="s1">: </span><span class="s3">white</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">&lt;/style&gt;</span>
<span class="s0">&lt;/head&gt;</span>
<span class="s0">&lt;body&gt;</span>
<span class="s0">&lt;header </span><span class="s2">class</span><span class="s3">=&quot;hero&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h1 </span><span class="s2">class</span><span class="s3">=&quot;animate__animated animate__fadeInDown&quot;</span><span class="s0">&gt;</span><span class="s1">Postuler</span><span class="s0">&lt;/h1&gt;</span>
<span class="s0">&lt;p </span><span class="s2">class</span><span class="s3">=&quot;animate__animated animate__fadeInUp delay-1&quot;</span><span class="s0">&gt;</span><span class="s1">Rejoignez l'aventure Geo Realms Craft</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/header&gt;</span>
<span class="s0">&lt;nav </span><span class="s2">class</span><span class="s3">=&quot;nav-wrapper&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;right hide-on-med-and-down&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;&lt;a </span><span class="s2">href</span><span class="s3">=&quot;index.html&quot; </span><span class="s2">class</span><span class="s3">=&quot;waves-effect&quot;</span><span class="s0">&gt;</span><span class="s1">Retour à l'accueil</span><span class="s0">&lt;/a&gt;&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/nav&gt;</span>
<span class="s0">&lt;section </span><span class="s2">class</span><span class="s3">=&quot;section container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;requirement-card animate__animated animate__fadeIn&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h2 </span><span class="s2">class</span><span class="s3">=&quot;center-align&quot;</span><span class="s0">&gt;</span><span class="s1">Conditions requises</span><span class="s0">&lt;/h2&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;row&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m6&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">📋 Prérequis</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Avoir au minimum 18 ans</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Avoir un PC correct</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Avoir Minecraft Java</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Être mature et responsable</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;col s12 m6&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;h4&gt;</span><span class="s1">⚠️ Important</span><span class="s0">&lt;/h4&gt;</span>
<span class="s0">&lt;ul </span><span class="s2">class</span><span class="s3">=&quot;browser-default&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Lire attentivement toutes les questions</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Répondre honnêtement</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Une candidature incomplète sera rejetée</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;li&gt;</span><span class="s1">Délai de traitement : jusqu'à 48 heures</span><span class="s0">&lt;/li&gt;</span>
<span class="s0">&lt;/ul&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;center-align&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;a </span><span class="s2">href</span><span class="s3">=&quot;https://docs.google.com/forms/d/e/1FAIpQLScsze3Xn7BdvFYn5RukknojyA1Bvy6aJU51p6DWzOE2iRzlbQ/viewform?usp=sf_link&quot; </span><span class="s2">target</span><span class="s3">=&quot;_blank&quot; </span><span class="s2">class</span><span class="s3">=&quot;cta-button&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;svg </span><span class="s2">class</span><span class="s3">=&quot;icon&quot; </span><span class="s2">viewBox</span><span class="s3">=&quot;0 0 24 24&quot; </span><span class="s2">style</span><span class="s3">=&quot;</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="s3">&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;path </span><span class="s2">d</span><span class="s3">=&quot;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&quot;</span><span class="s0">/&gt;</span>
<span class="s0">&lt;/svg&gt;</span>
<span class="s1">Remplir le formulaire</span>
<span class="s0">&lt;/a&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/section&gt;</span>
<span class="s0">&lt;footer&gt;</span>
<span class="s0">&lt;div </span><span class="s2">class</span><span class="s3">=&quot;container&quot;</span><span class="s0">&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">© 2025 Geo Realms Craft - Tous droits réservés</span><span class="s0">&lt;/p&gt;</span>
<span class="s0">&lt;p&gt;</span><span class="s1">Contact : </span><span class="s0">&lt;a </span><span class="s2">href</span><span class="s3">=&quot;https://discord.gg/uP7cDES&quot; </span><span class="s2">class</span><span class="s3">=&quot;white-text&quot;</span><span class="s0">&gt;</span><span class="s1">Discord Ebony</span><span class="s0">&lt;/a&gt;&lt;/p&gt;</span>
<span class="s0">&lt;/div&gt;</span>
<span class="s0">&lt;/footer&gt;</span>
<span class="s0">&lt;script </span><span class="s2">src</span><span class="s3">=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;</span><span class="s0">&gt;&lt;/script&gt;</span>
<span class="s0">&lt;script </span><span class="s2">src</span><span class="s3">=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js&quot;</span><span class="s0">&gt;&lt;/script&gt;</span>
<span class="s0">&lt;script&gt;</span>
<span class="s1">document.addEventListener(</span><span class="s3">'DOMContentLoaded'</span><span class="s1">, </span><span class="s6">function</span><span class="s1">() {</span>
<span class="s6">const </span><span class="s1">observer = </span><span class="s6">new </span><span class="s1">IntersectionObserver((entries) =&gt; {</span>
<span class="s1">entries.forEach(entry =&gt; {</span>
<span class="s6">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 =&gt; {</span>
<span class="s1">observer.observe(section);</span>
<span class="s1">});</span>
<span class="s1">M.AutoInit();</span>
<span class="s1">});</span>
<span class="s0">&lt;/script&gt;</span>
<span class="s0">&lt;/body&gt;</span>
<span class="s0">&lt;/html&gt;</span></pre>
</body>
</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>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+21
View File
File diff suppressed because one or more lines are too long
+180
View File
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Postuler - Geo Realms Craft</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: 50vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
overflow: hidden;
padding: 20px;
}
.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);
}
.requirement-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);
}
.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;
margin-top: 30px;
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(118, 2, 2, 0.3);
background: var(--accent-color);
color: white;
}
footer {
background: var(--secondary-color);
color: white;
padding: 60px 0;
text-align: center;
margin-top: 80px;
}
</style>
</head>
<body>
<header class="hero">
<div class="container">
<h1 class="animate__animated animate__fadeInDown">Postuler</h1>
<p class="animate__animated animate__fadeInUp delay-1">Rejoignez l'aventure Geo Realms Craft</p>
</div>
</header>
<nav class="nav-wrapper">
<div class="container">
<ul class="right hide-on-med-and-down">
<li><a href="index.html" class="waves-effect">Retour à l'accueil</a></li>
</ul>
</div>
</nav>
<section class="section container">
<div class="requirement-card animate__animated animate__fadeIn">
<h2 class="center-align">Conditions requises</h2>
<div class="row">
<div class="col s12 m6">
<h4>📋 Prérequis</h4>
<ul class="browser-default">
<li>Avoir au minimum 18 ans</li>
<li>Avoir un PC correct</li>
<li>Avoir Minecraft Java</li>
<li>Être mature et responsable</li>
</ul>
</div>
<div class="col s12 m6">
<h4>⚠️ Important</h4>
<ul class="browser-default">
<li>Lire attentivement toutes les questions</li>
<li>Répondre honnêtement</li>
<li>Une candidature incomplète sera rejetée</li>
<li>Délai de traitement : jusqu'à 48 heures</li>
</ul>
</div>
</div>
<div class="center-align">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScsze3Xn7BdvFYn5RukknojyA1Bvy6aJU51p6DWzOE2iRzlbQ/viewform?usp=sf_link" target="_blank" class="cta-button">
<svg class="icon" viewBox="0 0 24 24" style="width: 24px; height: 24px; fill: currentColor;">
<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>
Remplir le formulaire
</a>
</div>
</div>
</section>
<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);
});
M.AutoInit();
});
</script>
</body>
</html>