|
|
| Line 54: |
Line 54: |
| </div> | | </div> |
|
| |
|
| <div style="display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin: 1.5em 0;"> | | <div style="display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;"> |
|
| |
|
| <!-- Country Card 1: Legolandia -->
| | <!-- Box 1: Legolandia --> |
| <div style="flex: 1 1 18em; border: 1px solid var(- -border-color-base, #a2a9b1); background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122); border-radius: 6px; padding: 1rem; box-sizing: border -box; text-align: center;"> | | <div style="flex: 1; min-width: 220px; border: 1px solid var(--border-color-base, #a2a9b1); padding: 0.8rem; border-radius: 4px; background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122);"> |
| <div style="font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1); padding-bottom: 0.4rem;">
| |
| [[Legolandia|Republic of Legolandia]]
| |
| </div>
| |
| <div style="margin: 0.8rem 0; min-height: 80px; display: flex; align-items: center; justify-content: center;">
| |
| [[File:Flag_of_Legolandia.png|120x80px|center]]
| |
| </div>
| |
| <table style="width: 100%; border-collapse: collapse; font-size: 85%; text-align: left; margin-top: 0.8rem;">
| |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Capital</th>
| |
| <td style="padding: 0.4rem 0; text-align: right;">[[Lego City]]</td>
| |
| </tr>
| |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Government</th>
| |
| <td style="padding: 0.4rem 0; text-align: right;">Federal Republic</td>
| |
| </tr>
| |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Status</th>
| |
| <td style="padding: 0.4rem 0; text-align: right;">Founding Member</td>
| |
| </tr>
| |
| </table>
| |
| <div style="margin-top: 1rem;">
| |
| [[Legolandia|<span style="display: inline-block; padding: 0.3rem 0.8rem; background-color: var(--background-color-neutral-subtle, #eaecf0); border: 1px solid var(--border-color-subtle, #a2a9b1); border-radius: 4px; font-size: 85%; font-weight: bold; text-decoration: none; color: var(--color-base, #202122);">Read Article →</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Country Card 2: Second LCU Country -->
| | === [[Legolandia|Republic of Legolandia]] === |
| <div style="flex: 1 1 18em; border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122); border-radius: 6px; padding: 1rem; box-sizing: border-box; text-align: center;">
| | [[File:Flag_of_Legolandia.png|100x60px|center]] |
| <div style="font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1); padding-bottom: 0.4rem;">
| | * '''Capital:''' [[Lego City]] |
| [[Country Two|Second Country Name]]
| | * '''Government:''' Federal Republic |
| </div>
| | * '''Status:''' Founding Member |
| <div style="margin: 0.8rem 0; min-height: 80px; display: flex; align-items: center; justify-content: center;">
| | </div> |
| [[File:Flag_of_Country_Two.png|120x80px|center]]
| |
| </div>
| |
| <table style="width: 100%; border-collapse: collapse; font-size: 85%; text-align: left; margin-top: 0.8rem;">
| |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Capital</th>
| |
| <td style="padding: 0.4rem 0; text-align: right;">[[Capital Two]]</td>
| |
| </tr>
| |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Government</th>
| |
| <td style="padding: 0.4rem 0; text-align: right;">Constitutional Monarchy</td>
| |
| </tr>
| |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Status</th>
| |
| <td style="padding: 0.4rem 0; text-align: right;">Member State</td>
| |
| </tr>
| |
| </table>
| |
| <div style="margin-top: 1rem;">
| |
| [[Country Two|<span style="display: inline-block; padding: 0.3rem 0.8rem; background-color: var(--background-color-neutral-subtle, #eaecf0); border: 1px solid var(--border-color-subtle, #a2a9b1); border-radius: 4px; font-size: 85%; font-weight: bold; text-decoration: none; color: var(--color-base, #202122);">Read Article →</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Country Card 3: Third LCU Country -->
| | <!-- Box 2: Country Two --> |
| <div style="flex: 1 1 18em; border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122) ; border-radius: 6px; padding: 1rem; box-sizing: border-box; text-align: center;"> | | <div style="flex: 1; min-width: 220px; border: 1px solid var(--border-color-base, #a2a9b1); padding: 0.8rem; border-radius: 4px; background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122);"> |
| <div style="font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1); padding-bottom: 0.4rem;">
| | |
| [[Country Three|Third Country Name]]
| | === [[Country Two|Second LCU Country]] === |
| </div>
| | [[File:Flag_of_Country_Two.png|100x60px|center]] |
| <div style="margin: 0.8rem 0; min-height: 80px; display: flex; align-items: center; justify-content: center;">
| | * '''Capital:''' [[Capital Two]] |
| [[File:Flag_of_Country_Three.png|120x80px|center]]
| | * '''Government:''' Constitutional Monarchy |
| </div>
| | * '''Status:''' Member State |
| <table style="width: 100%; border-collapse: collapse; font-size: 85%; text-align: left; margin-top: 0.8rem;">
| | </div> |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| | |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Capital</th>
| | <!-- Box 3: Country Three --> |
| <td style="padding: 0.4rem 0; text-align: right;">[[Capital Three]]</td>
| | <div style="flex: 1; min-width: 220px; border: 1px solid var(--border-color-base, #a2a9b1); padding: 0.8rem; border-radius: 4px; background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122);"> |
| </tr>
| | |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| | === [[Country Three|Third LCU Country]] === |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Government</th>
| | [[File:Flag_of_Country_Three.png|100x60px|center]] |
| <td style="padding: 0.4rem 0; text-align: right;">Unitary Republic</td>
| | * '''Capital:''' [[Capital Three]] |
| </tr>
| | * '''Government:''' Unitary Republic |
| <tr style="border-top: 1px solid var(--border-color-subtle, #eaecf0);">
| | * '''Status:''' Member State |
| <th style="padding: 0.4rem 0; color: var(--color-progressive, #36c);">Status</th>
| | </div> |
| <td style="padding: 0.4rem 0; text-align: right;">Member State</td>
| |
| </tr>
| |
| </table>
| |
| <div style="margin-top: 1rem;">
| |
| [[Country Three|<span style="display: inline-block; padding: 0.3rem 0.8rem; background-color: var(--background-color-neutral-subtle, #eaecf0); border: 1px solid var(--border-color-subtle, #a2a9b1); border-radius: 4px; font-size: 85%; font-weight: bold; text-decoration: none; color: var(--color-base, #202122);">Read Article →</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| </div> | | </div> |
