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

No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- TOP SECTION -->
<!-- TOP SECTION -->
<div style="display:flex; flex-wrap:wrap; gap:40px; margin-bottom:20px;">
<div style="display:flex; flex-wrap:wrap; gap:20px; 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 33%;">
   <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>
       Welcome to the Deep Tech Wiki, a wiki for providing a free knowledge resource
       It is created and 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 66%;">
   <div style="flex:2 1 500px; min-width:300px;">
     <h2>Ecosystem pages</h2>
     <h2>
      Ecosystem map
    </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 ecosystem players
</h2>
<div style="display:flex; flex-wrap:wrap; gap:5px; margin-top:20px;margin-bottom:20px;">
  <div style="flex:1 1 250px; padding:10px; min-height:120px;">
    <em>
Featured startup
    </em>
  </div>
  <div style="flex:1 1 250px; padding:10px; min-height:120px;">
    <em>
Featured investor
    </em>
  </div>
  <div style="flex:1 1 250px; padding:10px; min-height:120px;">
    <em>
Featured other stakeholder
    </em>
  </div>
</div>


<div style="display:flex; flex-wrap:wrap; gap:24px; margin-top:20px;">
<!--- Informative section --->
    <h2>
      Knowledge repository
    </h2>
<div style="display:flex; flex-wrap:wrap; gap:20px; margin-top:10px;">
  <!-- Left column (1/3 on desktop, full width on mobile) -->
  <div style="flex:1 1 300px; max-width:450px;">


  <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
    <p>
     <em>Featured placeholder 1</em><br>
The wiki also maintains informative pages, aiming to:
    (Future featured-page template goes here)
#Provide a shared resource for readers to get up to speed on diverse range of topics within Deep Tech
#Offer common terminology and a reference space to improve communication across stakeholders from different backgrounds
#Capture learning and insights from across the globe to improve how Deep Tech is understood, developed, and practiced
      <br>
Have some knowledge, insight, or experienced to share? You can help others by [[Help:Contributing|contributing to the wiki]]
     </p>
   </div>
   </div>
 
   <!-- Right column (2/3 on desktop, full width on mobile) -->
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
   <div style="flex:2 1 500px; min-width:300px;">
    <em>Featured placeholder 2</em><br>
<em>
    (Future featured-page template goes here)
Featured page here
  </div>
</em>
 
   <div style="flex:1 1 250px; border:1px solid #ddd; padding:20px; border-radius:6px; min-height:120px;">
    <em>Featured placeholder 3</em><br>
    (Future featured-page template goes here)
   </div>
   </div>
</div>
</div>