User:Alexdiaz: Difference between revisions
From AYSO Wiki
Content deleted Content added
No edit summary |
Blanked the page Tags: Blanking Visual edit: Switched |
||
| (62 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<!-- Global style upgrades for the FULL PAGE --> |
|||
1. Change the main section headers from plain black to AYSO blue: |
|||
Example: |
|||
== <span style="color:#0054a6;">What is AYSO Alliance?</span> == |
|||
Use this for: |
|||
- What is AYSO Alliance? |
|||
- Alliance Compared to EXTRA |
|||
- Player Eligibility |
|||
- Program Structure |
|||
- Program Expectations |
|||
- Starting an Alliance Program |
|||
- Coach Selection and Requirements |
|||
- Primary Program Giveback |
|||
--- |
|||
2. Upgrade the “Important” callout box: |
|||
Replace current: |
|||
{| style="width:100%; background:#f5f9ff; border-left:5px solid #0054a6; |
|||
With: |
|||
{| style="width:100%; background:linear-gradient(to right,#f7fbff,#eef5fc); border-left:6px solid #0054a6; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.04); |
|||
This makes it feel less like a boring note box. |
|||
--- |
|||
3. Upgrade the yellow “Local Procedures May Vary” box: |
|||
Use: |
|||
{| style="width:100%; background:linear-gradient(to right,#fffaf0,#fff4dd); border-left:6px solid #f5a623; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.04); |
|||
Much cleaner. |
|||
--- |
|||
4. Upgrade the Resource Clipboard header: |
|||
Replace: |
|||
background:#0054a6; |
|||
With: |
|||
background:linear-gradient(to right,#0054a6,#2b7de9); |
|||
This adds way more life. |
|||
--- |
|||
5. Add color to comparison section borders: |
|||
AYSO EXTRA box: |
|||
border-top:5px solid #0054a6; |
|||
AYSO Alliance box: |
|||
border-top:5px solid #c8102e; |
|||
This makes the comparison section MUCH stronger visually. |
|||
--- |
|||
6. Add slight shadows to comparison boxes: |
|||
box-shadow:0 4px 10px rgba(0,0,0,0.05); |
|||
This gives depth without looking flashy. |
|||
--- |
|||
7. Make the page title stronger: |
|||
For Alliance at a Glance: |
|||
font-size:40px; |
|||
font-weight:700; |
|||
instead of smaller text. |
|||
--- |
|||
8. Add spacing between major sections: |
|||
Use: |
|||
margin:30px 0; |
|||
instead of tighter spacing. |
|||
This makes the page breathe. |
|||
--- |
|||
9. Make the divider line stronger: |
|||
Replace: |
|||
width:52px; height:4px; |
|||
With: |
|||
width:60px; height:5px; |
|||
Looks much more intentional. |
|||
--- |
|||
10. Keep the right side ONLY resources |
|||
Do not add: |
|||
- Need Help |
|||
- Quick Notes |
|||
- extra yellow boxes |
|||
Just the clipboard. |
|||
