add people

content/header/_index.md

@@ -12,6 +12,5 @@ extra:
 - [Ventures]("/ventures")
 - [People]("/people")
 - [Newsroom]("/newsroom")
-- [Wiki]("https://ourworldfreezone.github.io/info_freezone/intro/intro_readme.html")
 - [Contact]("/contact")
 

templates/index.html

@@ -19,6 +19,9 @@
 {% include "partials/stats.html" %}
 
 {% include "partials/ventures.html" %}
+
+{% include "partials/people.html" %}
+
 {% include "partials/blogs.html" %}
 {% include "partials/quote.html" %}
 {% endblock content %}

templates/layouts/about.html

@@ -11,6 +11,7 @@
 </div>
 
 {% include "partials/company.html" %}
+
 {% include "partials/quote.html" %}
 
 {% endblock content %}

templates/partials/blogs.html

@@ -4,7 +4,7 @@
         <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
             <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
         </div>
-        <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the Blog</h2>
+        <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl pt-8">From the Blog</h2>
         <p class="mt-2 text-lg leading-8 text-gray-600">The latest news and updates from <b>OurWorld</b>.</p>
       </div>
       <div class="mx-auto pt-8 lg:pt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">

templates/partials/people.html

@@ -0,0 +1,26 @@
+<div class="bg-white lg:py-6 py-24">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="mx-auto grid max-w-2xl grid-cols-1 items-start gap-x-8 gap-y-16 sm:gap-y-24 lg:mx-0 lg:max-w-none lg:grid-cols-2">
+        <div class="lg:pr-4">
+            <div class="relative overflow-hidden rounded-xl px-6 pb-9 pt-64 shadow-2xl sm:px-12 lg:max-w-lg lg:px-8 lg:pb-8 xl:px-10 xl:pb-10">
+              <img class="absolute inset-0 h-full w-full object-cover brightness-100 rounded-3xl" src="/images/people2.png" alt="">
+              <figure class="relative isolate">
+                <img src="/images/ow_white.png" alt="" class="h-20 w-auto">
+              </figure>
+            </div>
+          </div>          
+        <div>
+          <div class="text-base leading-7 text-gray-700 lg:max-w-lg">
+            <p class="text-base font-semibold leading-7 text-indigo-600">PEOPLE</p>
+            <h1 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Meet the Team</h1>
+            <div class="max-w-xl">
+              <p class="text-lg font-normal mt-6">At OurWorld, our people are our greatest asset. We are a diverse and dedicated team committed to innovation, collaboration, and making a positive impact in the digital world.</p>
+              <p class="text-base font-light mt-8">From engineers to strategists, our team works tirelessly to build a future where everyone has access to secure digital resources. We believe in the power of community to achieve our shared goals of creating and supporting ventures that drive positive change for a better world.</p>
+            </div>
+            <div class="mt-8 flex items-center gap-x-6">
+                <a href="/people" class="rounded-md bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Our People</a>
+            </div>
+          </div>
+        </div>
+    </div>
+</div>

templates/partials/quote.html

@@ -11,10 +11,11 @@
         </svg> 
         <h3 class="text-gray-900"><i>We need a new Internet which is not owned by a few centralized companies. We need an Internet co-owned by all of us, where everyone is equal, where everyone owns their own data. An Internet which is much more green, which is available everywhere in the world.</i></h3>
         <figcaption class="flex items-center justify-center mt-6 space-x-3">
-            <img class="w-6 h-6 rounded-full" src="images/kds.png" alt="profile picture">
+            <img class="w-6 h-6 rounded-full" src="./images/kds.png" alt="profile picture">
             <div class="flex items-center divide-x-2 divide-gray-500 dark:divide-gray-700">
                 <div class="pr-3 font-medium text-gray-900 dark:text-white">Kristof De Spiegeleer</div>
                 <div class="pl-3 text-sm font-light text-gray-500 dark:text-gray-400">OurWorld Co-Founder</div>
+                <br>
             </div>
         </figcaption>
     </figure>