News Gallery: Difference between revisions

From WikiDemocracy
Jump to navigationJump to search
No edit summary
No edit summary
Line 17: Line 17:
</div>
</div>


<div style="display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px;">
<div style="display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px; align-items: flex-start;">


   <div style="flex: 1; min-width: 320px;">
   <div style="flex: 1; min-width: 300px;">
     <h2 style="border-bottom: 2px solid #3b82f6; color: #1e3a8a; padding-bottom: 5px; margin-top: 0;">Electoral Issues</h2>
     <h2 style="border-bottom: 2px solid #3b82f6; color: #1e3a8a; padding-bottom: 5px; margin-top: 0;">Electoral Issues</h2>
      
      
Line 32: Line 32:
     </div>
     </div>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Flaws in US Electoral System.png|45px|link=Flaws in US Electoral System|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Flaws in US Electoral System.png|45px|link=Flaws in US Electoral System|alt=]]</div>
  <div>[[Flaws in US Electoral System]] <span style="font-size: 80%; background: #eff6ff; color: #1e40af; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/06</span></div>
      <div>[[Flaws in US Electoral System]] <span style="font-size: 80%; background: #eff6ff; color: #1e40af; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/06</span></div>
</div>
    </div>


     <div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
     <div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
Line 54: Line 54:
   </div>
   </div>


   <div style="flex: 1; min-width: 320px;">
   <div style="flex: 1; min-width: 300px;">
     <h2 style="border-bottom: 2px solid #ef4444; color: #991b1b; padding-bottom: 5px; margin-top: 0;">Discrimination Issues</h2>
     <h2 style="border-bottom: 2px solid #ef4444; color: #991b1b; padding-bottom: 5px; margin-top: 0;">Discrimination Issues</h2>
      
      
Line 71: Line 71:
       <div>[[US Immigration]] <span style="font-size: 80%; background: #fef2f2; color: #991b1b; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/11</span></div>
       <div>[[US Immigration]] <span style="font-size: 80%; background: #fef2f2; color: #991b1b; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/11</span></div>
     </div>
     </div>
          
          
     <h2 style="border-bottom: 2px solid #f59e0b; color: #92400e; padding-bottom: 5px; margin-top: 30px;">Health Care Issues</h2>
     <h2 style="border-bottom: 2px solid #f59e0b; color: #92400e; padding-bottom: 5px; margin-top: 30px;">Health Care Issues</h2>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Accidental Gun deaths.png|45px|link=Accidental Gun Deaths/Injuries|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Accidental Gun deaths.png|45px|link=Accidental Gun Deaths/Injuries|alt=]]</div>
  <div>[[Accidental Gun Deaths/Injuries]] <span style="font-size: 80%; background: #fffbeb; color: #b45309; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/28</span></div>
      <div>[[Accidental Gun Deaths/Injuries]] <span style="font-size: 80%; background: #fffbeb; color: #b45309; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/28</span></div>
</div>
    </div>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:US healthcare news.png|45px|link=Health Care US-News|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:US healthcare news.png|45px|link=Health Care US-News|alt=]]</div>
  <div>[[Health Care US-News]] <span style="font-size: 80%; background: #fffbeb; color: #b45309; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/29</span></div>
      <div>[[Health Care US-News]] <span style="font-size: 80%; background: #fffbeb; color: #b45309; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/29</span></div>
</div>
    </div>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Health Logo.png|45px|link=Health Care-Prevention|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Health Logo.png|45px|link=Health Care-Prevention|alt=]]</div>
  <div>[[Health Care-Prevention]] <span style="font-size: 80%; background: #fffbeb; color: #b45309; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/29</span></div>
      <div>[[Health Care-Prevention]] <span style="font-size: 80%; background: #fffbeb; color: #b45309; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">5/29</span></div>
</div>
    </div>
   <div style="flex: 1; min-width: 320px;">
   </div>
    <h2 style="border-bottom: 2px solid #8b5cf6; color: #5b21b6; padding-bottom: 5px; margin-top: 30px;">Climate Change Topics</h2>
<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:Mass Migration Logo.png|45px|link=Mass Migration|alt=]]</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;">6/09</span></div>
</div>


  <div style="flex: 1; min-width: 300px;">
    <h2 style="border-bottom: 2px solid #8b5cf6; color: #5b21b6; padding-bottom: 5px; margin-top: 0;">Climate Change Topics</h2>
   
    <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:Mass Migration Logo.png|45px|link=Mass Migration|alt=]]</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;">6/09</span></div>
    </div>


     <h2 style="border-bottom: 2px solid #6b7280; color: #374151; padding-bottom: 5px; margin-top: 30px;">Global Issues</h2>  
     <h2 style="border-bottom: 2px solid #6b7280; color: #374151; padding-bottom: 5px; margin-top: 30px;">Global Issues</h2>  
<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Foreign aid cuts.png|45px|link=Foreign Aid|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Foreign aid cuts.png|45px|link=Foreign Aid|alt=]]</div>
  <div>'''[[Foreign Aid]]''' <span style="font-size: 85%; color: #6b7280; font-weight: normal; font-style: italic;">(USAID Cuts & Effects)</span> <span style="font-size: 80%; background: #f3f4f6; color: #374151; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/13</span></div>
      <div>'''[[Foreign Aid]]''' <span style="font-size: 85%; color: #6b7280; font-weight: normal; font-style: italic;">(USAID Cuts)</span> <span style="font-size: 80%; background: #f3f4f6; color: #374151; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/13</span></div>
</div>
    </div>


     <h2 style="border-bottom: 2px solid #ec4899; color: #9d174d; padding-bottom: 5px; margin-top: 30px;">Inspirational News</h2>
     <h2 style="border-bottom: 2px solid #ec4899; color: #9d174d; padding-bottom: 5px; margin-top: 30px;">Inspirational News</h2>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Stop dark money.png|45px|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Stop dark money.png|45px|alt=]]</div>
  <div>[[Fighting Dark Money in Elections]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/08</span></div>
      <div>[[Fighting Dark Money in Elections]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/08</span></div>
</div>
    </div>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Poverty reduction logo.png|45px|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Poverty reduction logo.png|45px|alt=]]</div>
  <div>[[Poverty Reduction and Economic Fairness]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/08</span></div>
      <div>[[Poverty Reduction and Economic Fairness]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/08</span></div>
</div>
    </div>


<div style="margin: 15px 0; display: flex; align-items: center; gap: 12px;">
    <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:Indigenous Land.png|45px|alt=]]</div>
      <div style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">[[File:Indigenous Land.png|45px|alt=]]</div>
  <div>[[Indigenous Peoples and Their Lands]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/08</span></div>
      <div>[[Indigenous Peoples and Their Lands]] <span style="font-size: 80%; background: #f5f3ff; color: #5b21b6; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: bold;">6/08</span></div>
</div>
    </div>


    </div>
     <div style="margin: 25px 0 12px 0;">==== [[Special:SecurePoll|Vote in Poll]] ====</div>
 
     <div style="margin: 15px 0 12px 0;">==== [[Special:SecurePoll|Vote in Poll]] ====</div>
   </div>
   </div>


</div>
</div>
<div style="clear: both;"></div>
 
   


<hr style="border: 0; border-top: 1px solid #e2e8f0; margin: 40px 0 30px 0;" />
<hr style="border: 0; border-top: 1px solid #e2e8f0; margin: 40px 0 30px 0;" />

Revision as of 05:12, 14 June 2026



This is Homemade Social Mediabecome a member and help us get this thing started.




Good Long Reads