User:Alexdiaz: Difference between revisions

Browse history interactively

← Older edit Newer edit →

Content deleted Content added

VisualWikitext

Inline

Revision as of 19:23, 24 April 2026

1. Change the main section headers from plain black to AYSO blue:

Example:

What is AYSO Alliance?

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:

With:

This makes it feel less like a boring note box. --- 3. Upgrade the yellow “Local Procedures May Vary” box: Use:

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.

@@ Line 1: / Line 1: @@
+<!-- Global style upgrades for the FULL PAGE -->
-<!-- Replace your current Alliance at a Glance section with this upgraded version -->
+. Change the main section headers from plain black to AYSO blue:
-== Alliance at a Glance ==
+Example:
-{| style="width:100%; border-collapse:collapse; margin:18px 0 34px 0;"
-|-
-| style="text-align:center; padding-bottom:28px;" |
+== <span style="color:#0054a6;">What is AYSO Alliance?</span> ==
-<div style="font-size:40px; font-weight:700; color:#0a1f3b;">
-Alliance at a Glance
-</div>
+Use this for:
-<div style="width:60px; height:5px; background:linear-gradient(to right, #0054a6, #2b7de9); margin:16px auto 0 auto; border-radius:4px;"></div>
+- 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
+---
-|}
+. Upgrade the “Important” callout box:
-{| style="width:100%; border-collapse:separate; border-spacing:22px 0;"
-| style="width:33%; vertical-align:top; background:linear-gradient(to bottom, #ffffff, #f8fbff); border:1px solid #dbe4ee; border-top:5px solid #0054a6; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.05);" |
+Replace current:
-<div style="font-size:24px; font-weight:700; color:#0a1f3b; margin-bottom:14px;">
-Competitive Pathway
-</div>
-<div style="font-size:15px; line-height:1.7; color:#475569;">
+{| style="width:100%; background:#f5f9ff; border-left:5px solid #0054a6;
-Alliance is the highest competitive program in AYSO for players seeking stronger competition and advanced development.
-</div>
+With:
-| style="width:33%; vertical-align:top; background:linear-gradient(to bottom, #ffffff, #f8fbff); border:1px solid #dbe4ee; border-top:5px solid #c8102e; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.05);" |
+{| 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);
-<div style="font-size:24px; font-weight:700; color:#0a1f3b; margin-bottom:14px;">
-External Competition
-</div>
+This makes it feel less like a boring note box.
-<div style="font-size:15px; line-height:1.7; color:#475569;">
-Teams compete in approved State Association leagues, club circuits, and tournaments against both AYSO and non-AYSO opponents.
-</div>
+---
-| style="width:33%; vertical-align:top; background:linear-gradient(to bottom, #ffffff, #f8fbff); border:1px solid #dbe4ee; border-top:5px solid #f5a623; padding:30px; box-shadow:0 4px 10px rgba(0,0,0,0.05);" |
+. Upgrade the yellow “Local Procedures May Vary” box:
-<div style="font-size:24px; font-weight:700; color:#0a1f3b; margin-bottom:14px;">
-Still AYSO
-</div>
+Use:
-<div style="font-size:15px; line-height:1.7; color:#475569;">
-Alliance teams continue to follow AYSO’s Six Philosophies, player safety standards, and positive coaching values.
-</div>
+{| 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.
+---
+. Upgrade the Resource Clipboard header:
+Replace:
+background:#0054a6;
+With:
+background:linear-gradient(to right,#0054a6,#2b7de9);
+This adds way more life.
+---
+. 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.
+---
+. Add slight shadows to comparison boxes:
+box-shadow:0 4px 10px rgba(0,0,0,0.05);
+This gives depth without looking flashy.
+---
+. Make the page title stronger:
+For Alliance at a Glance:
+font-size:40px;
+font-weight:700;
+instead of smaller text.
+---
+. Add spacing between major sections:
+Use:
+margin:30px 0;
+instead of tighter spacing.
+This makes the page breathe.
+---
+. Make the divider line stronger:
+Replace:
+width:52px; height:4px;
+With:
+width:60px; height:5px;
+Looks much more intentional.
+---
+. Keep the right side ONLY resources
+Do not add:
+- Need Help
+- Quick Notes
+- extra yellow boxes
+Just the clipboard.