From The Mana World
m (small test)
m (Text replacement - "webchat.freenode.net" to "web.libera.chat")
 
(34 intermediate revisions by one other user not shown)
Line 1: Line 1:
TODO: Figure out a good way how to make the grid responsive... media queries are not allowed inline according to the specification and the <style> tag is not allowed on the wiki.
{{Meta}}{{Metadesc}}{{I18n}} __NOTOC__ __NOEDITSECTION__
TODO: Figure out how to use border-images, url() seems not allowed on the wiki.
<!-- <div class="fancy-border" style="text-align: left; padding: 1rem; font-style: italic; margin: 1rem 0 1rem 0; background-color: #ffdead; display: flex; align-items: center;"><div style="flex-shrink: 0;">[[Image:Construction-worker.png|link=]]</div><div style="flex-grow: 1; margin-left: 2rem; position: relative;"><span style="font-size: 2rem; font-style: normal; display: block; position: absolute; left: -1.5rem;">❝</span>The main page is currently under construction.<span style="font-size: 2rem; font-style: normal; margin-left: 0.5rem; position: absolute;">❞</span></div></div> -->
TODO: Move quotes to ::before and ::after
<div class="fancy-border" style="text-align: left; padding: 1rem; font-style: italic; margin: 0 0 5rem 0; background-color: #faebd7; display: flex; align-items: center;"><div style="flex-shrink: 0;">[[Image:Julia.png|link=]]</div><div style="flex-grow: 1; margin-left: 2rem; position: relative;"><span style="font-size: 2rem; font-style: normal; display: block; position: absolute; left: -1.5rem;">❝</span>Welcome to The Mana World! We are a free 2D open source <abbr title="Massively Multiplayer Online Role-Playing Game">MMORPG</abbr>. To start playing you need to [https://www.themanaworld.org/registration.php create a game account]. You will also need to install [[Downloads|Manaplus]], the official game client. Of course you can also help us [[Development|develop]] the game. If you have any questions, take a look at our [[FAQ]], ask on [https://web.libera.chat/?channels=#themanaworld IRC] or on our [https://forums.themanaworld.org/ Forums]. Enjoy!<span style="font-size: 2rem; font-style: normal; margin-left: 0.5rem; position: absolute;">❞</span></div></div>
TODO: Request access to common.css to solve above issues.


<div style="text-align: left; padding: 1rem; font-style: italic; border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px; border-image-source: url('/images/4/46/Border.png'); margin: 1rem 0 1rem 0; background-color: #faebd7; display: flex; align-items: center;"><div style="padding: 0 2rem 0 1rem;">[[Image:Julia.png]]</div><div style="flex-grow: 1; position: relative;"><span style="font-size: 2rem; font-style: normal; display: block; position: absolute; left: -20px;"></span>Welcome to The Mana World! We are a free 2D open source MMORPG (Massively Multiplayer Online Role-Playing Game), meaning you can enjoy to play but also help our [[development]] to create new content. If you are new create a [[Special:GameAccount|new game account]] and download, install and run [[Downloads|Manaplus]], a software created by a project cooperating with The Mana World. If you have questions, take a look at our [[FAQ]] or ask on [https://webchat.freenode.net/?channels=#themanaworld IRC] or our [https://forums.themanaworld.org/ Forums]. Enjoy!<span style="font-size: 2rem; font-style: normal; margin-left: 4px;">❞</span></div></div>
<div class="grid-2-columns" style="grid-gap: 1rem;">
 
<div style="background-color: #e4cfac; border: 1px solid #cc9b7c;">
<div style="display: grid; grid-template-columns: 1fr; border: 1px solid #ddd;">
<div style="padding: 0 1rem 0 1rem; background-color: #cc9b7c; display: flex;">
<div style="background-color: red;">
<h1 style="font-size: 2.75em; flex-grow: 1; margin: 0; border: none;">Game Guide</h1>
* [[Special:GameAccount|Create Game Account]]
<div class="fancy-border" style="padding: 6px 6px 0 6px; background-color: #faebd7; line-height: 2.75em;">[[Image:Book-laws.png|middle|link=]]</div>
</div>
* [[Game_Rules|Game rules]] and [[TMW_Social_Convention|Social Convention]]
* [https://www.themanaworld.org/registration.php Create Game Account]
* [[Walkthrough|Getting Started & Walkthrough]]
* [[Walkthrough|Getting Started & Walkthrough]]
* [[Stats|Player stats]]
* Player guides: [[Stats|Statistics]], [[Magic]], [[Skills]], [[Guilds]]<br>
* [[Magic]]
* World guides: [[NPC|NPCs]], [[Quests]], [[Monster_Reference|Monsters]], [[Items]]
* [[Quests]]
</div>
* [[Items]]
<div style="background-color: #e4cfac; border: 1px solid #cc9b7c;">
* [[Monster_Reference|Monsters]]
<div style="padding: 0 1rem 0 1rem; background-color: #cc9b7c; display: flex;">
* [[NPC]]
<h1 style="font-size: 2.75em; flex-grow: 1; margin: 0; border: none;">Game Lore</h1>
* [[Skills]]
<div class="fancy-border" style="padding: 6px 6px 0 6px; background-color: #faebd7; line-height: 2.75em;">[[Image:ChorusOfTheWoods.png|middle|link=]]</div>
* [[Guilds]]
</div>
* [[Races]]
* [[History]]
* [[Geography]]
* [[Mana and Magic]]
</div>
</div><div style="width: 100%; text-align: center;"><div style="position: relative; display: inline-block;">
[[File:Worldmap_mick_0.4_notext.png|800px|frameless|link=Geography|<div align="center">The world '''Gasaron'''.</div>]]
<div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%;">
<div style="position: absolute; left: 40%; top: 40%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Artis]]</div>
<div style="position: absolute; left: 18.5%; top: 49%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Voile'nolen]]</div>
<div style="position: absolute; left: 11%; top: 66%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Esperia]]</div>
<div style="position: absolute; left: 77%; top: 25%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Nivalis]]</div>
<div style="position: absolute; left: 73%; top: 46%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Hurnscald]]</div>
<div style="position: absolute; left: 60%; top: 57%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Asphodel_Moor|Asphodel<br>Moor]]</div>
<div style="position: absolute; left: 80%; top: 69%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Tulimshar]]</div>
<div style="position: absolute; left: 87%; top: 46%; background-color: rgba(255,255,255,.5); box-shadow: 0 0 5px 5px rgba(255,255,255,.5); border-radius: 50%;">[[Candor]]</div>
</div></div></div>
<div class="grid-2-columns" style="grid-gap: 1rem;">
<div style="background-color: #e4cfac; border: 1px solid #cc9b7c;">
<div style="padding: 0 1rem 0 1rem; background-color: #cc9b7c; display: flex;">
<h1 style="font-size: 2.75em; flex-grow: 1; margin: 0; border: none;">About us</h1>
<div class="fancy-border" style="padding: 6px 6px 0 6px; background-color: #faebd7; line-height: 2.75em;">[[Image:Armor-head-devcap.png|middle|link=]]</div>
</div>
</div>
<div style="background-color: green;">
* [[Reporting Bugs]]
* [[Special:GameAccount|Create Game Account]]
* [[Joining the project]]
* [[Walkthrough|Getting Started & Walkthrough]]
* [[TMW Team]]
* [[Stats|Player stats]]
* [https://forums.themanaworld.org Forums] ([[Forum Rules]])
* [[Magic]]
* [[Quests]]
* [[Items]]
* [[Monster_Reference|Monsters]]
* [[NPC]]
* [[Skills]]
* [[Guilds]]
</div>
</div>
<div style="background-color: blue;">
<div style="background-color: #e4cfac; border: 1px solid #cc9b7c;">
* [[Special:GameAccount|Create Game Account]]
<div style="padding: 0 1rem 0 1rem; background-color: #cc9b7c; display: flex;">
* [[Walkthrough|Getting Started & Walkthrough]]
<h1 style="font-size: 2.75em; flex-grow: 1; margin: 0; border: none;">Related Projects</h1>
* [[Stats|Player stats]]
<div class="fancy-border" style="padding: 6px 6px 0 6px; background-color: #faebd7; line-height: 2.75em;">[[Image:Generic-redtulip.png|middle|link=]]</div>
* [[Magic]]
* [[Quests]]
* [[Items]]
* [[Monster_Reference|Monsters]]
* [[NPC]]
* [[Skills]]
* [[Guilds]]
</div>
</div>
<div style="background-color: yellow;">
* [[The_Mana_World_Legacy|TMW Legacy Wiki]]
* [[Special:GameAccount|Create Game Account]]
* [[Servers|List of other servers]]
* [[Walkthrough|Getting Started & Walkthrough]]
* [[ManaPlus_Client|ManaPlus Client]]
* [[Stats|Player stats]]
* [http://www.mapeditor.org/ Tiled (map editor)]
* [[Magic]]
* [http://www.spi-inc.org/projects/tmw/ SPI Associated Project]
* [[Quests]]
* [[Items]]
* [[Monster_Reference|Monsters]]
* [[NPC]]
* [[Skills]]
* [[Guilds]]
</div>
</div>
</div>
</div>
{{Template:Branding}}

Latest revision as of 21:37, 28 May 2021

Julia.png
Welcome to The Mana World! We are a free 2D open source MMORPG. To start playing you need to create a game account. You will also need to install Manaplus, the official game client. Of course you can also help us develop the game. If you have any questions, take a look at our FAQ, ask on IRC or on our Forums. Enjoy!

Follow and support us on (more)

Branding twitter.png | Branding youtube.png | Branding paypal new.png | Branding reddit.png | Branding steam.png | Branding openhub.png