News Gallery: Difference between revisions

From WikiDemocracy
Jump to navigationJump to search
No edit summary
No edit summary
Line 90: Line 90:
   <div style="flex: 1; min-width: 320px;">
   <div style="flex: 1; min-width: 320px;">
     <h2 style="border-bottom: 2px solid #8b5cf6; color: #5b21b6; padding-bottom: 5px; margin-top: 0;">Climate Change Topics</h2>
     <h2 style="border-bottom: 2px solid #8b5cf6; color: #5b21b6; padding-bottom: 5px; margin-top: 0;">Climate Change Topics</h2>
   
 
    <div style="margin: 12px 0;">[[Mass Migration]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/19</span></div>
<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <div style="margin: 12px 0;">[[Heat and Drought]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/19</span></div>
  <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Mass_Migration_Logo.png|45px|link=Mass Migration|alt=]]</div>
    <div style="margin: 12px 0;">[[Sea Level Rise Tools]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/23</span></div>
  <div>[[Mass Migration]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/19</span></div>
</div>
 
<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
  <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Heat_Drought_Logo.png|45px|link=Heat and Drought|alt=]]</div>
  <div>[[Heat and Drought]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/19</span></div>
</div>
 
<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
  <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Sea_Level_Rise_Logo.png|45px|link=Sea Level Rise Tools|alt=]]</div>
  <div>[[Sea Level Rise Tools]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/23</span></div>
</div>


     <h2 style="border-bottom: 2px solid #6b7280; color: #374151; padding-bottom: 5px; margin-top: 30px;">Global Impact</h2>
     <h2 style="border-bottom: 2px solid #6b7280; color: #374151; padding-bottom: 5px; margin-top: 30px;">Global Impact</h2>