Jump to content

Test: Difference between revisions

From Chrono Odyssey Wiki
← Older edit
VisualWikitext
No edit summary
Tag: Reverted
Blanked the page
Tag: Blanking
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC__
<!-- Hero Section -->
<div style="width: 100%; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a3e 50%, #0f0f1e 100%); border-radius: 15px; padding: 40px 20px; margin-bottom: 30px; box-shadow: 0 8px 32px rgba(138, 43, 226, 0.3), inset 0 1px 0 rgba(255,255,255,0.1); position: relative; overflow: hidden;">
<div style="position: absolute; top: -50%; right: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(138, 43, 226, 0.3) 0%, transparent 70%); filter: blur(60px);"></div>
<div style="position: absolute; bottom: -50%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%); filter: blur(80px);"></div>
<div style="text-align: center; position: relative; z-index: 1;">
[[File:Chrono_Odyssey_Logo.png|450px|center|link=]]
<div style="color: #ffffff; font-size: 32px; font-weight: 700; margin-top: 20px; text-shadow: 0 0 30px rgba(138, 43, 226, 0.5), 0 0 60px rgba(138, 43, 226, 0.3); letter-spacing: 2px;">CHRONO ODYSSEY WIKI</div>
<div style="color: #b8b8d0; font-size: 18px; margin-top: 10px; font-weight: 300;">The Ultimate Resource for Time-Bending Adventures</div>
<div style="color: #8888aa; font-size: 16px; margin-top: 15px;">
<span style="background: rgba(138, 43, 226, 0.2); padding: 8px 16px; border-radius: 20px; border: 1px solid rgba(138, 43, 226, 0.3);">
📊 [[Special:Statistics|{{NUMBEROFARTICLES}}]] Articles • ✏️ {{NUMBEROFEDITS}} Edits • 👥 {{NUMBEROFACTIVEUSERS}} Active Editors
</span>
</div>
</div>
</div>


<!-- Quick Navigation Bar -->
<div style="background: #1a1a2e; border-radius: 12px; padding: 15px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4); border: 1px solid #2a2a4e;">
<div style="display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px;">
<span style="background: linear-gradient(135deg, #8a2be2, #5b21b6); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(138, 43, 226, 0.3); cursor: pointer;">[[Getting Started|🎮 Getting Started]]</span>
<span style="background: linear-gradient(135deg, #3b82f6, #2563eb); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); cursor: pointer;">[[Classes|⚔️ Classes]]</span>
<span style="background: linear-gradient(135deg, #10b981, #059669); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); cursor: pointer;">[[World Map|🗺️ World]]</span>
<span style="background: linear-gradient(135deg, #f59e0b, #d97706); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); cursor: pointer;">[[Guides|📚 Guides]]</span>
<span style="background: linear-gradient(135deg, #ef4444, #dc2626); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); cursor: pointer;">[[PvP|🏆 PvP]]</span>
</div>
</div>
<!-- Main Content Grid -->
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 25px; margin-bottom: 30px;">
<!-- Left Column -->
<div>
<!-- Game Overview -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #8a2be2, #5b21b6); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">🌟</span> About Chrono Odyssey
</div>
<div style="color: #d0d0e0; line-height: 1.8;">
'''Chrono Odyssey''' is an ambitious MMORPG powered by Unreal Engine 5, featuring revolutionary time-manipulation mechanics and breathtaking visuals. Journey through the mystical lands of Setera, where past, present, and future collide in an epic adventure.
<div style="margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
<div style="background: rgba(138, 43, 226, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(138, 43, 226, 0.2);">
<div style="color: #a78bfa; font-weight: 600; margin-bottom: 8px;">Development</div>
<div style="color: #b8b8d0; font-size: 14px;">
'''Developer:''' [[NPIXEL]]<br/>
'''Engine:''' Unreal Engine 5<br/>
'''Genre:''' MMORPG
</div>
</div>
<div style="background: rgba(59, 130, 246, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(59, 130, 246, 0.2);">
<div style="color: #93bbfc; font-weight: 600; margin-bottom: 8px;">Release Info</div>
<div style="color: #b8b8d0; font-size: 14px;">
'''Platforms:''' PC, Console, Mobile<br/>
'''Release:''' 2025 (TBA)<br/>
'''Beta:''' [[Beta Schedule|View Schedule]]
</div>
</div>
</div>
</div>
</div>
<!-- Core Features -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #ef4444, #dc2626); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">⚡</span> Game Features
</div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;">
<div style="background: linear-gradient(135deg, rgba(138, 43, 226, 0.1), rgba(138, 43, 226, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(138, 43, 226, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Classes_Icon.png|60px|link=Classes]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Classes|18 Classes]]</div>
<div style="color: #a78bfa; font-size: 13px;">Unique Playstyles</div>
</div>
<div style="background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(59, 130, 246, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Chronos_Icon.png|60px|link=Chronos System]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Chronos System|Time Control]]</div>
<div style="color: #93bbfc; font-size: 13px;">Bend Time & Space</div>
</div>
<div style="background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(16, 185, 129, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Combat_Icon.png|60px|link=Combat]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Combat|Action Combat]]</div>
<div style="color: #6ee7b7; font-size: 13px;">Dynamic Battles</div>
</div>
<div style="background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(245, 158, 11, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:PvP_Icon.png|60px|link=PvP]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[PvP|PvP Warfare]]</div>
<div style="color: #fbbf24; font-size: 13px;">Massive Battles</div>
</div>
<div style="background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Dungeons_Icon.png|60px|link=Dungeons]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Dungeons|Dungeons]]</div>
<div style="color: #fca5a5; font-size: 13px;">Epic Challenges</div>
</div>
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(168, 85, 247, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(168, 85, 247, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Crafting_Icon.png|60px|link=Crafting]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Crafting|Crafting]]</div>
<div style="color: #c4b5fd; font-size: 13px;">Forge Legends</div>
</div>
</div>
</div>
<!-- Getting Started Guide -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #10b981, #059669); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">🚀</span> New Player Hub
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
<div style="background: rgba(16, 185, 129, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(16, 185, 129, 0.2);">
<div style="color: #6ee7b7; font-weight: 600; margin-bottom: 10px; font-size: 16px;">Essential Guides</div>
<div style="color: #b8b8d0; line-height: 1.8;">
• [[New Player Guide|Complete Beginner's Guide]]<br/>
• [[Character Creation|Creating Your Hero]]<br/>
• [[Basic Controls|Controls & Interface]]<br/>
• [[First Steps|Your First Hour]]
</div>
</div>
<div style="background: rgba(59, 130, 246, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(59, 130, 246, 0.2);">
<div style="color: #93bbfc; font-weight: 600; margin-bottom: 10px; font-size: 16px;">Quick References</div>
<div style="color: #b8b8d0; line-height: 1.8;">
• [[FAQ|Frequently Asked Questions]]<br/>
• [[System Requirements|Can You Run It?]]<br/>
• [[Terminology|Game Terms Glossary]]<br/>
• [[Tips and Tricks|Pro Tips]]
</div>
</div>
</div>
</div>
</div>
<!-- Right Column -->
<div>
<!-- Latest News -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #f59e0b, #d97706); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">📢</span> Latest Updates
</div>
<div style="color: #d0d0e0;">
{{Chrono Odyssey News}}
</div>
<div style="text-align: center; margin-top: 15px;">
<span style="background: rgba(245, 158, 11, 0.2); padding: 8px 20px; border-radius: 20px; border: 1px solid rgba(245, 158, 11, 0.3); color: #fbbf24; font-weight: 600;">[[News Archive|View All News →]]</span>
</div>
</div>
<!-- Community Hub -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #a855f7, #7c3aed); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">💬</span> Community
</div>
<div style="background: rgba(168, 85, 247, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(168, 85, 247, 0.2); margin-bottom: 15px;">
<div style="color: #c4b5fd; font-weight: 600; margin-bottom: 10px;">Join the Adventure</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
<a href="https://discord.gg/chronoodyssey" style="background: #5865F2; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">Discord</a>
<a href="https://reddit.com/r/ChronoOdyssey" style="background: #FF4500; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">Reddit</a>
<a href="https://twitter.com/ChronoOdyssey" style="background: #1DA1F2; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">Twitter</a>
<a href="https://youtube.com/ChronoOdyssey" style="background: #FF0000; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">YouTube</a>
</div>
</div>
<div style="color: #b8b8d0; line-height: 1.8;">
• [[Chrono Odyssey Wiki:Community Portal|Community Portal]]<br/>
• [[Special:RecentChanges|Recent Changes]]<br/>
• [[Help:Editing|How to Contribute]]<br/>
• [[Chrono Odyssey Wiki:Discord|Wiki Discord]]
</div>
</div>
<!-- Quick Links -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #14b8a6, #0d9488); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">⚡</span> Quick Access
</div>
<div style="display: grid; grid-template-columns: 1fr; gap: 10px;">
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Weapons|⚔️ Weapons Database]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Armor|🛡️ Armor Collection]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Skills|✨ Skills & Abilities]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Quests|📜 Quest Tracker]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Mounts|🐴 Mount Gallery]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Guild System|🏰 Guild Directory]]</div>
</div>
</div>
</div>
</div>
<!-- Featured Content Carousel -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #ec4899, #be185d); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">✨</span> Featured Content
</div>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;">
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Class.jpg|150px|link=Chronomancer|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Chronomancer]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Master of Time</div>
</div>
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Zone.jpg|150px|link=Temporal Nexus|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Temporal Nexus]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Endgame Zone</div>
</div>
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Boss.jpg|150px|link=Void Emperor|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Void Emperor]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Raid Boss</div>
</div>
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Event.jpg|150px|link=Time Rift Event|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Time Rift Event]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Limited Event</div>
</div>
</div>
</div>
<!-- Footer -->
<div style="margin-top: 40px; padding: 30px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a3e 100%); border-radius: 15px; text-align: center; box-shadow: 0 -4px 16px rgba(0,0,0,0.4); border: 1px solid #2a2a4e;">
<div style="color: #d0d0e0; font-size: 20px; font-weight: 600; margin-bottom: 15px;">Chrono Odyssey Wiki</div>
<div style="color: #8888aa; font-size: 14px; line-height: 1.8;">
A community-driven encyclopedia for Chrono Odyssey MMORPG<br/>
Game content and materials are trademarks and copyrights of NPIXEL<br/>
This site is not affiliated with NPIXEL • [[Chrono Odyssey Wiki:About|About]] • [[Chrono Odyssey Wiki:Privacy Policy|Privacy]] • [[Chrono Odyssey Wiki:Terms|Terms]]
</div>
<div style="margin-top: 20px;">
<span style="color: #666688; font-size: 12px;">Powered by MediaWiki • Dark Theme v2.0</span>
</div>
</div>
[[Category:Chrono Odyssey Wiki]]

Latest revision as of 19:51, 8 June 2025

Retrieved from "https://chronoodysseywiki.com/index.php?title=Test&oldid=114"