contributors, uploadaccess
6
edits
Home: Difference between revisions
Jump to navigation
Jump to search
Added Story Review and changed some headers to organise information
No edit summary |
(Added Story Review and changed some headers to organise information) |
||
| (13 intermediate revisions by one other user not shown) | |||
| Line 3: | Line 3: | ||
<div style="display: flex;"> | <div style="display: flex;"> | ||
{| style="width: | {| style="width: 50%; margin-right: 2%; text-align: center; border: none; border-collapse: collapse; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);" | ||
|- | |- | ||
! style="background-color: #4CAF50; color: white; padding: 15px; font-weight: bold;" | Explanation | ! style="background-color: #4CAF50; color: white; padding: 15px; font-weight: bold;" | Explanation | ||
|- | |- | ||
| style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | The <strong>"Home"</strong> feature will be <strong>unlocked</strong> once you | | style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | The <strong>"Home"</strong> feature will be <strong>unlocked</strong> once you reach <strong>Stage 2-6</strong>. | ||
|- | |- | ||
| style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | | | style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | <strong>"Home"</strong> contains a header with multiple icons.<br>The icons can '''vary''' depending on <strong>your game progress</strong> and current events.<br><strong>All icons are linked to their specific pages.</strong> | ||
|- | |- | ||
| style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | | | style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | In the <strong>left bottom-corner</strong> is a <strong>"Preview"</strong> icon which shows the necessary conditions to unlock further content. | ||
|} | |} | ||
{| style="width: | {| style="width: 50%; margin-right: 2%; text-align: center; border: none; border-collapse: collapse; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);" | ||
|- | |- | ||
! style="background-color: #3498db; color: white; padding: 15px; font-weight: bold;" | Main Feature | ! style="background-color: #3498db; color: white; padding: 15px; font-weight: bold;" | Main Feature | ||
| Line 23: | Line 23: | ||
|- | |- | ||
| style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | Appearance | | style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | Appearance | ||
|- | |||
| style="width: 20%; padding: 20px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | Story Review | |||
|} | |} | ||
{| style="width: | |||
</div> | |||
<h2 style="text-align: center;">Standard Icons</h2><div style="display: flex; align-items: center; justify-content: center; margin: auto;"> | |||
{| style="text-align: center; width: 80%; text-align: center; border: none; border-collapse: collapse; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);" | |||
|- | |- | ||
! colspan="5" style="background-color: #e74c3c; color: white; padding: 15px; font-weight: bold;" | Icons | ! colspan="5" style="background-color: #e74c3c; color: white; padding: 15px; font-weight: bold;" | Icons | ||
|- | |- | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Time_Limited_Task.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Time_Limited_Task.png|100px|link=Time Limited Task]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Value_Bundles.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Value_Bundles.png|100px|link=Value Bundles]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Benefits_Card.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Benefits_Card.png|100px|link=Benefits Card]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Battle_Pass.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Battle_Pass.png|100px|link=Battle Pass]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Recharge_Rabate.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Recharge_Rabate.png|100px|link=Recharge Rebate]] | ||
|- | |- | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:VIP.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:VIP.png|100px|link=VIP]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Fountain_of_Wishes.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Fountain_of_Wishes.png|100px|link=Fountain of Wishes]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Destined_Rendezvous.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Destined_Rendezvous.png|100px|link=Destined Rendezvous]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Ranking_Rush.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Ranking_Rush.png|100px|link=Ranking Rush]] | ||
| style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Cross_Server_Rush.png|100px|link=]] | | style="width: 20%; padding: 10px; text-align: center; background: linear-gradient(135deg, #f0f0f0, #dcdcdc); border-radius: 15px; border: 2px solid #ddd; transition: background 0.3s;" | [[File:Cross_Server_Rush.png|100px|link=Cross Server Rush]] | ||
|} | |} | ||
</div> | |||
== Event Icons == | |||
[icons] | |||
== Left menu == | |||
[icons] | |||
* Calendar | |||
* Preview | |||
== Right menu == | |||
[icons table] | |||
* Tasks | * Tasks | ||
* Mails | * Mails | ||
| Line 61: | Line 67: | ||
Landing spot to access events, mail box, tasks, friends list | |||
Icons; Link-setup; Pfp; | |||
CasualLinks to: | CasualLinks to: | ||
* Player-Info | * Player-Info | ||