User:C/Sandbox Main page 2: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
<!-- TOP SECTION -->
<!-- TOP SECTION -->
<div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:20px;">
<div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:20px;">
   <!-- Left column (1/3 on desktop, full width on mobile) -->
   <!-- Left column (1/3 on desktop, full width on mobile) -->
   <div style="flex:1 1 300px; max-width:450px;">
   <div style="flex:1 1 300px; max-width:450px;">
     <h2>The Deep Tech Wiki</h2>
     <h2>
      The Deep Tech Wiki
    </h2>
     <p>
     <p>
       Welcome to the Deep Tech Wiki, a wiki for providing a free knowledge resource on the deep tech industry.</br></br>
       Welcome to the Deep Tech Wiki, a wiki for providing a free knowledge resource
       It is maintained by contributors who believe that open sharing strengthens the entire ecosystem.</p>
      on the deep tech industry.
      <br>
      <br>
       It is maintained by contributors who believe that open sharing strengthens
      the entire ecosystem.
    </p>
   </div>
   </div>
   <!-- Right column (2/3 on desktop, full width on mobile) -->
   <!-- Right column (2/3 on desktop, full width on mobile) -->
   <div style="flex:2 1 500px; min-width:300px;">
   <div style="flex:2 1 500px; min-width:300px;">
     <h2>Ecosystem pages</h2>
     <h2>
      Ecosystem pages
    </h2>
     <p>
     <p>
       We're mapping the ecosystem one stakeholder at a time. Below is a snapshot of what's been created so far:
       We're mapping the ecosystem one stakeholder at a time. Below is a snapshot
      of what's been created so far:
     </p>
     </p>
{{Stakeholder count widget}}
{{Stakeholder count widget}}
     <p>
     <p>
       Every page starts with a contributor. Help shape a more complete picture of the industry
       Every page starts with a contributor. Help shape a more complete picture
      [[Help:Contributing|by adding what you know]].
      of the industry [[Help:Contributing|by adding what you know]].
     </p>
     </p>
   </div>
   </div>
</div>
</div>
<!-- FEATURED SECTION -->
<!-- FEATURED SECTION -->
<h2>Featured pages</h2>
<h2>
 
  Featured pages
</h2>
<div style="display:flex; flex-wrap:wrap; gap:24px; margin-top:20px;">
<div style="display:flex; flex-wrap:wrap; gap:24px; margin-top:20px;">
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
     <em>Featured placeholder 1</em><br>
     <em>
      Featured placeholder 1
    </em>
    <br>
     (Future featured-page template goes here)
     (Future featured-page template goes here)
   </div>
   </div>
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
     <em>Featured placeholder 2</em><br>
     <em>
      Featured placeholder 2
    </em>
    <br>
     (Future featured-page template goes here)
     (Future featured-page template goes here)
   </div>
   </div>
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
     <em>Featured placeholder 3</em><br>
     <em>
      Featured placeholder 3
    </em>
    <br>
     (Future featured-page template goes here)
     (Future featured-page template goes here)
   </div>
   </div>
</div>
</div>