Main Page: Difference between revisions
From PlayM2M Wiki
More actions
No edit summary |
No edit summary |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
<div class="banner-wrapper" style="position: relative; overflow: hidden; border-radius: 25px; margin: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.3);"> | <div class="banner-wrapper" style="position: relative; overflow: hidden; border-radius: 25px; margin: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.3);"> | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
[[File:PlayM2M-Main-Banner.jpg|center|776x776px|class="main-banner" style="width: 100%; height: auto; display: block;"]] | [[File:PlayM2M-Main-Banner.jpg|center|776x776px|class="main-banner" style="width: 100%; height: auto; display: block;"]] | ||
<div style="position: absolute; top: 0; left: 0; right: 0; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);"></div> | <div style="position: absolute; top: 0; left: 0; right: 0; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);"></div> | ||
<div class="glow-effect-1" style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(66,134,244,0.15) 0%, transparent 60%); pointer-events: none; animation: rotateGlow 20s infinite linear;"></div> | <div class="glow-effect-1" style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(66,134,244,0.15) 0%, transparent 60%); pointer-events: none; animation: rotateGlow 20s infinite linear;"></div> | ||
<div class="glow-effect-2" style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(239,68,68,0.1) 0%, transparent 60%); pointer-events: none; animation: rotateGlow 15s infinite linear reverse;"></div> | <div class="glow-effect-2" style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(239,68,68,0.1) 0%, transparent 60%); pointer-events: none; animation: rotateGlow 15s infinite linear reverse;"></div> | ||
<div style="position: absolute; inset: 0; padding: 1px; border-radius: 25px; background: linear-gradient(45deg, rgba(66,134,244,0.3), rgba(239,68,68,0.3), rgba(34,197,94,0.3)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor;"></div> | <div style="position: absolute; inset: 0; padding: 1px; border-radius: 25px; background: linear-gradient(45deg, rgba(66,134,244,0.3), rgba(239,68,68,0.3), rgba(34,197,94,0.3)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor;"></div> | ||
<div class="welcome-container" style="position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; z-index: 10;"> | <div class="welcome-container" style="position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; z-index: 10;"> | ||
<div style="background: linear-gradient(180deg, rgba(17,24,39,0.8) 0%, rgba(17,24,39,0.9) 100%); backdrop-filter: blur(10px); padding: 30px; display: inline-block; border-radius: 20px; box-shadow: 0 8px 32px rgba(0,0,0,0.2);"> | <div style="background: linear-gradient(180deg, rgba(17,24,39,0.8) 0%, rgba(17,24,39,0.9) 100%); backdrop-filter: blur(10px); padding: 30px; display: inline-block; border-radius: 20px; box-shadow: 0 8px 32px rgba(0,0,0,0.2);"> | ||
| Line 26: | Line 21: | ||
<div class="subtitle-text" style="font-size: 1.2em; color: #E5E7EB; text-transform: uppercase; letter-spacing: 2px;">Begin Your Legendary Journey</div> | <div class="subtitle-text" style="font-size: 1.2em; color: #E5E7EB; text-transform: uppercase; letter-spacing: 2px;">Begin Your Legendary Journey</div> | ||
<div style="width: 150px; height: 3px; background: linear-gradient(90deg, #60A5FA, #F87171); margin: 15px auto; border-radius: 2px;"></div> | <div style="width: 150px; height: 3px; background: linear-gradient(90deg, #60A5FA, #F87171); margin: 15px auto; border-radius: 2px;"></div> | ||
</div> | </div> | ||
| Line 35: | Line 29: | ||
== '''News''' == | == '''News''' == | ||
{| class="wikitable" style="width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 4px 8px rgba(0,0,0,0.3);" | {| class="rwd wikitable" style="width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 4px 8px rgba(0,0,0,0.3);" | ||
|- | |- | ||
|style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|FIRST LOOK HANDBOOK | |style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|FIRST LOOK HANDBOOK | ||
| Line 46: | Line 40: | ||
* [[OurTeam|Support: PlayM2M Team]] | * [[OurTeam|Support: PlayM2M Team]] | ||
|} | |} | ||
{| class="wikitable" width="100%" | {| class="rwd wikitable" width="100%" | ||
=== Classess, Equipments and Descriptions === | === Classess, Equipments and Descriptions === | ||
{{M2MClasses}} | {{M2MClasses}} | ||
{| class="wikitable" width="100%" | {| class="rwd wikitable" width="100%" | ||
|- | |- | ||
{| style="width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | {| class="rwd" style="width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | ||
|- | |- | ||
|colspan="2" style="background: linear-gradient(135deg, #ff9c00, #ff7b00); color: #fff; padding: 20px; text-align: center; font-weight: 800; font-size: 24px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);"|GAME FEATURES | |colspan="2" style="background: linear-gradient(135deg, #ff9c00, #ff7b00); color: #fff; padding: 20px; text-align: center; font-weight: 800; font-size: 24px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);"|GAME FEATURES | ||
| Line 151: | Line 145: | ||
|} | |} | ||
{| class="rwd" style="width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | |||
{| style="width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | |||
|- | |- | ||
|style="background: linear-gradient(135deg, #ff9c00, #ff7b00); padding: 25px; text-align: center;"| | |style="background: linear-gradient(135deg, #ff9c00, #ff7b00); padding: 25px; text-align: center;"| | ||
| Line 189: | Line 182: | ||
|} | |} | ||
{| class="rwd" style="width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | |||
{| style="width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | |||
|- | |- | ||
|style="background: linear-gradient(135deg, #ff9c00, #ff7b00); color: #fff; padding: 25px; text-align: center; font-weight: 800; font-size: 28px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);"|REGIONS | |style="background: linear-gradient(135deg, #ff9c00, #ff7b00); color: #fff; padding: 25px; text-align: center; font-weight: 800; font-size: 28px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);"|REGIONS | ||
| Line 226: | Line 218: | ||
|} | |} | ||
{| class="rwd" style="width: 100%; border-collapse: collapse; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | |||
{| style="width: 100%; border-collapse: collapse; background: #181818; border-radius: 24px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.5);" | |||
|- | |- | ||
|style="background: linear-gradient(135deg, #ff9c00, #ff7b00); color: #fff; padding: 25px; text-align: center; font-weight: 800; font-size: 28px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);"|SPECIAL MAPS | |style="background: linear-gradient(135deg, #ff9c00, #ff7b00); color: #fff; padding: 25px; text-align: center; font-weight: 800; font-size: 28px; text-shadow: 0 2px 4px rgba(0,0,0,0.2);"|SPECIAL MAPS | ||
| Line 241: | Line 232: | ||
</div> | </div> | ||
|} | |} | ||
{| style="width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 4px 8px rgba(0,0,0,0.3);" | {| class="rwd wikitable" style="width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 4px 8px rgba(0,0,0,0.3);" | ||
|- | |- | ||
|colspan="2" style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|GENERAL GUIDELINES | |colspan="2" style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|GENERAL GUIDELINES | ||
| Line 305: | Line 296: | ||
|style="width: 70%; padding: 10px; border-bottom: 1px solid #333333; color: #aaaaaa;"|Explanation of in-game currency. | |style="width: 70%; padding: 10px; border-bottom: 1px solid #333333; color: #aaaaaa;"|Explanation of in-game currency. | ||
|} | |} | ||
<!-- ---------------------- --> | <!-- ---------------------- --> | ||
{| style=" | <div class="two-col"> | ||
{| class="rwd wikitable resp-card" style="border-collapse: collapse; margin-bottom: 20px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 4px 8px rgba(0,0,0,0.3);" | |||
|- | |- | ||
|style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|MONSTERS/MOBS | |style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|MONSTERS/MOBS | ||
| Line 318: | Line 311: | ||
</div> | </div> | ||
|} | |} | ||
{| style=" | {| class="rwd wikitable resp-card" style="border-collapse: collapse; margin-bottom: 20px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 4px 8px rgba(0,0,0,0.3);" | ||
|- | |- | ||
|style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|REALM PATRONS | |style="background: #ff9c00; color: #222222; padding: 12px; text-align: center; font-weight: bold; font-size: 18px;"|REALM PATRONS | ||
| Line 343: | Line 336: | ||
</div> | </div> | ||
|} | |} | ||
</div> | |||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
{{DEFAULTSORT:Homepage}} | {{DEFAULTSORT:Homepage}} | ||
<div style="width: 292px; background: #181818; border-radius: 8px; overflow: hidden; border: 1px solid #ff9c00; box-shadow: 0 8px 8px rgba(0,0,0,0.3); margin-bottom: 25px;"> | |||
<div style="background: #ff9c00; color: #222222; padding: 10px; text-align: center; font-weight: bold; font-size: 16px;">Wiki Statistics</div> | |||
<div style="width: 160px; margin: 0px auto; padding: 15px 10px; color: #e0e0e0; line-height: 1.5;"> | |||
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;"><span>Pages:</span> <span style="color: #ff9c00; font-weight: bold;">{{NUMBEROFPAGES}}</span></div> | |||
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;"><span>Edits:</span> <span style="color: #ff9c00; font-weight: bold;">{{NUMBEROFEDITS}}</span></div> | |||
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;"><span>Files:</span> <span style="color: #ff9c00; font-weight: bold;">{{NUMBEROFFILES}}</span></div> | |||
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;"><span>Contributor:</span> <span style="color: #ff9c00; font-weight: bold;">{{NUMBEROFUSERS}}</span></div> | |||
<div style="margin-top: 10px; text-align: center; color: #aaaaaa; font-size: 0.9em;">Update: {{CURRENTDAY2}}.{{CURRENTMONTH}}.{{CURRENTYEAR}} {{LOCALTIME}}</div> | |||
</div> | |||
</div> | |||
Latest revision as of 02:59, 14 October 2025
NewsClassess, Equipments and Descriptions |
