Merge pull request 'add media kit' (!45) from development into master

Reviewed-on: #45

content/mediakit/index.md

@@ -0,0 +1,25 @@
+---
+title: "About"
+description: ""
+date: 2018-09-14
+updated: 2021-02-20
+draft: false
+weight: 2
+template: "layouts/mediakit.html"
+---
+
+<!--
+  This page is designed by combining specific 'block' (partial html pages) together.
+  To edit the page content, please go to the partial html files listed below.
+  CONTACT PAGE (layouts/contact.html) contains:
+
+  1. Contact Section: "partials/contact.html"
+  2. Quote Section: "partials/quote.html"
+  
+---
+  Extras:
+  1. header: "partials/header_custom.html"
+  2. footer: "partials/footer.html"
+-->
+
+

templates/layouts/mediakit.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="mediakit/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/media_hero.html" %}
+{% include "partials/quote.html" %}
+
+{% endblock content %}

templates/partials/footer.html

@@ -21,7 +21,10 @@
       <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 mb-4">
         © 2024 OurWorld Holdings, All rights reserved.
         <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
-        </a><a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy 
+        </a>
+        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
+        </a>
+        <a target="_blank" href="/mediakit" class="leading-6 text-gray-500 hover:text-gray-900">Media Kit 
         </a>
       </p>
     </div>

templates/partials/media_hero.html

@@ -0,0 +1,73 @@
+<div class="bg-white py-24 sm:py-32">
+  <div class="mx-auto max-w-7xl px-6 lg:px-8">
+    <div class="mx-auto max-w-2xl lg:mx-0">
+      <h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">Logo and Brand Assets</h2>
+      <p class="mt-6 text-lg/8 font-normal text-gray-600">All the assets and brand resources you need to share OurWorld with the world.</p>
+    </div>
+    <div class="mx-auto max-w-2xl lg:mx-0 mt-12">
+      <h2 class="text-2xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-3xl">Black Versions (PNG & SVG)</h2>
+    </div>
+    <ul role="list" class="mx-auto mt-6 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
+      <li class="flex flex-col">
+        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-100">
+          <img class="h-full w-full object-cover" src="/images/download/svg/icon.png" alt="">
+        </div>
+        <h3 class="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">OW_ICON_BLACK</h3>
+        <a href="/images/download/ow_icon_black.zip" download class="text-base/7 text-gray-600 hover:underline">
+          Download Now
+        </a>
+      </li>
+      <li class="flex flex-col">
+        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-100">
+          <img class="h-full w-full object-cover" src="/images/download/svg/vertical.png" alt="">
+        </div>
+        <h3 class="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">OW_LOGO_VERTICAL_BLACK</h3>
+        <a href="/images/download/owh_logo_vertical_black.zip" download class="text-base/7 text-gray-600 hover:underline">
+          Download Now
+        </a>
+      </li>
+      <li class="flex flex-col">
+        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-100">
+          <img class="h-full w-full object-cover" src="/images/download/svg/horizontal.png" alt="">
+        </div>
+        <h3 class="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">OW_LOGO_HORIZONTAL_BLACK</h3>
+        <a href="/images/download/owh_logo_horizontal_black.zip" download class="text-base/7 text-gray-600 hover:underline">
+          Download Now
+        </a>
+      </li>
+    </ul>
+
+    <div class="mx-auto max-w-2xl lg:mx-0 mt-12">
+      <h2 class="text-2xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-3xl">White Versions (PNG & SVG)</h2>
+    </div>
+    <ul role="list" class="mx-auto mt-6 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
+      <li class="flex flex-col">
+        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-300">
+          <img class="h-full w-full object-cover" src="/images/download/svg/icon_w.png" alt="">
+        </div>
+        <h3 class="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">OW_ICON_WHITE</h3>
+        <a href="/images/download/ow_icon_white.zip" download class="text-base/7 text-gray-600 hover:underline">
+          Download Now
+        </a>
+      </li>
+      <li class="flex flex-col">
+        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-300">
+          <img class="h-full w-full object-cover" src="/images/download/svg/vertical_w.png" alt="">
+        </div>
+        <h3 class="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">OW_LOGO_VERTICAL_WHITE</h3>
+        <a href="/images/download/owh_logo_vertical_white.zip" download class="text-base/7 text-gray-600 hover:underline">
+          Download Now
+        </a>
+      </li>
+      <li class="flex flex-col">
+        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-300">
+          <img class="h-full w-full object-cover" src="/images/download/svg/horizontal_w.png" alt="">
+        </div>
+        <h3 class="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">OW_LOGO_HORIZONTAL_WHITE</h3>
+        <a href="/images/download/owh_logo_horizontal_white.zip" download class="text-base/7 text-gray-600 hover:underline">
+          Download Now
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>