Home: Difference between revisions

Added Story Review and changed some headers to organise information
No edit summary
(Added Story Review and changed some headers to organise information)
 
Line 7: Line 7:
! 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 reached <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;" | 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;" | With <strong>"Home"</strong> there's now an <strong>Overview</strong> of multiple icons;<br>which <strong>variates</strong> depending on <strong>your game progress</strong>. <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;" | <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;" | On the <strong>left bottom-corner</strong> there's the <strong>"Preview icon"</strong> ;<br> which's showing the necessary conditions to unlock further content.
| 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.
|}
|}


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
|}
|}




</div>
</div>
<div style="border: 2px solid transparent; border-image: linear-gradient(to right, transparent 0%, #4b0082 25%, #4b0082 75%, transparent 100%); border-image-slice: 1; margin: 10px auto; width: 100%;"></div>
<h2 style="text-align: center;">Standard Icons</h2><div style="display: flex; align-items: center; justify-content: center; margin: auto;">
<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);"
{| 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);"
|-
|-
Line 51: Line 49:
</div>
</div>


== Event Icons ==
[icons]


Landing spot to access events, mail box, tasks, friends list
== Left menu ==
Icons; Link-setup; Pfp;
[icons]
 
* Calendar
* Preview
 
== Right menu ==
[icons table]


Preview:
* Unlocking each thing at x
* Tasks
* Tasks
* Mails
* Mails
Line 63: Line 67:




Landing spot to access events, mail box, tasks, friends list
Icons; Link-setup; Pfp;
CasualLinks to:  
CasualLinks to:  
* Player-Info  
* Player-Info  
contributors, uploadaccess
6

edits