User:C/Sandbox Main page: Difference between revisions

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-<div style="display:flex; gap:24px; align-items:flex-start; margin-bottom:32px;">
+<!-- TOP SECTION -->
+<div style="display:flex; flex-wrap:wrap; gap:20px; margin-bottom:20px;">
-   <!-- Left column (1/3) -->
+   <!-- Left column (1/3 on desktop, full width on mobile) -->
-   <div style="flex:1; min-width:0;">
+   <div style="flex:1 1 300px; max-width:450px;">
-==The Deep Tech Wiki==
+    <h2>
-Welcome to the Deep Tech Wiki, a wiki for providing a free knowledge resource on the deep tech industry. It is created and maintained by contributors who believe that open sharing strengthens the entire ecosystem.
+      The Deep Tech Wiki
+    </h2>
+    <p>
+      We're building the world's most comprehensive community-driven resource for science & engineering innovation.
+      <br>
+      <br>
+      The wiki is maintained by contributors who believe that open sharing strengthens the entire ecosystem.
+    </p>
    </div>
+   <!-- Right column (2/3 on desktop, full width on mobile) -->
-   <!-- Right column (2/3) -->
+   <div style="flex:2 1 500px; min-width:300px;">
-   <div style="flex:2; min-width:0;">
+    <h2>
-==Ecosystem pages==
+      Ecosystem map
-We're mapping the ecosystem one stakeholder at a time. Below is a snapshot of what's been created so far:
+    </h2>
+    <p>
+      We're mapping the ecosystem one stakeholder at a time. Here's a snapshot of our progress:
+    </p>
 {{Stakeholder count widget}}
+    <p>
-Every page starts with a contributor. Help shape a more complete picture of the industry [[Help:Contributing|by adding what you know]].
+      See a gap in our data? Strengthen the resource [[Help:Contributing|by adding a new entry]].
+    </p>
+  </div>
+</div>
+<!-- FEATURED SECTION -->
+<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>
-----
+<!--- Informative section --->
+    <h2>
+      Knowledge repository
-==Featured pages==
+    </h2>
-<div style="display:flex; gap:24px; margin-top:16px;">
+<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; border:1px solid #ddd; padding:16px; min-height:120px; border-radius:4px;">
+    <p>
-''Featured placeholder 1''<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>
+  <!-- Right column (2/3 on desktop, full width on mobile) -->
-   <div style="flex:1; border:1px solid #ddd; padding:16px; min-height:120px; border-radius:4px;">
+   <div style="flex:2 1 500px; min-width:300px;">
-''Featured placeholder 2''<br />
+<h3> Featured page </h3>
-(Future featured-page template goes here)
+<em>
+ Featured page here
+</em>
    </div>
-  <div style="flex:1; border:1px solid #ddd; padding:16px; min-height:120px; border-radius:4px;">
-''Featured placeholder 3''<br />
-(Future featured-page template goes here)
-  </div>
 </div>