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

Navigation menu