Compare commits
5 Commits
634911f129
...
developmen
Author | SHA1 | Date | |
---|---|---|---|
4d4b343aa2 | |||
5da4b0bd39 | |||
a74ce7ea76 | |||
f3d275a5f9 | |||
4ecce08e9f |
BIN
content/.DS_Store
vendored
BIN
content/.DS_Store
vendored
Binary file not shown.
Binary file not shown.
BIN
static/videos/zanzibar.mp4
Normal file
BIN
static/videos/zanzibar.mp4
Normal file
Binary file not shown.
@@ -12,27 +12,15 @@
|
||||
{% set header_class = config.extra.header_class | default(value='') %}
|
||||
<div class="{{'z-10 bg-white fixed w-screen ' ~ header_class}}">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" class="menu-mobile inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" class="menu-mobile lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||||
<div class="mx-auto flex items-center justify-between pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20">
|
||||
<!-- Spacer for left side on desktop -->
|
||||
<div class="hidden lg:flex-1 lg:flex"></div>
|
||||
<div class="hidden lg:flex lg:items-center lg:justify-center">
|
||||
<nav class="flex space-x-10">
|
||||
{% for page in section.pages %}
|
||||
{% if page.extra.menu %} {% continue %} {% endif %}
|
||||
<a href="{{page.permalink}}" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
{{page.title}}test
|
||||
<a href="/#{{ page.title | lower }}" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
{{page.title}}
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
@@ -49,6 +37,23 @@
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Spacer for right side on desktop, and container for mobile menu button -->
|
||||
<div class="flex-1 flex justify-end">
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" class="menu-mobile inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" class="menu-mobile hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for subsection in section.subsections %}
|
||||
@@ -112,7 +117,6 @@
|
||||
{% set section = get_section(path="footer/_index.md")%}
|
||||
<div class="mx-8 mt-8">
|
||||
<div class="space-y-8 lg:max-w-lg xl:max-w-lg lg:mr-8 lg:mb-8 xl:col-span-1">
|
||||
<img class="w-48 h-auto" src="{{logo_path}}" alt="Company name" />
|
||||
<p class="text-gray-500 text-base leading-6 ">
|
||||
{{section.description}}
|
||||
</p>
|
||||
|
@@ -9,13 +9,10 @@
|
||||
<header id="header-container">
|
||||
<div class="z-10 bg-white fixed w-screen">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto grid grid-cols-3 items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="w-48 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="ODFZ Logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="hidden lg:flex lg:items-center lg:justify-center lg:space-x-12">
|
||||
<div class="mx-auto flex items-center justify-between pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20">
|
||||
<!-- Spacer for left side on desktop -->
|
||||
<div class="hidden lg:flex-1 lg:flex"></div>
|
||||
<div class="hidden lg:flex lg:items-center lg:justify-center">
|
||||
<nav class="flex space-x-10">
|
||||
|
||||
{% for header_item in header_items %}
|
||||
@@ -41,10 +38,10 @@
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<!-- Spacer for right side on desktop, and container for mobile menu button -->
|
||||
<div class="flex-1 flex items-center justify-end">
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" class="menu-mobile inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
@@ -59,6 +56,7 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for header_item in header_items %}
|
||||
{% if not loop.first %}
|
||||
{% set header_arr = header_item | split(pat="</li>") %}
|
||||
|
@@ -1,17 +1,16 @@
|
||||
<div class="relative isolate overflow-hidden h-screen bg-white">
|
||||
<div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 text-center h-full">
|
||||
<div class="relative isolate overflow-hidden h-screen">
|
||||
<video autoplay loop muted playsinline class="absolute z-0 w-full h-full object-cover">
|
||||
<source src="/videos/zanzibar.mp4" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div class="absolute inset-0 bg-black opacity-40 z-0"></div>
|
||||
<div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 text-center h-full relative z-10">
|
||||
<div class="text-center">
|
||||
<img src="./images/logo.svg"
|
||||
alt="Hero Image"
|
||||
width="210"
|
||||
height="210"
|
||||
class="mx-auto rounded-md animate-scale-up">
|
||||
|
||||
<p class="text-base font-semibold leading-7 text-blue-600 hero-subtitle">WELCOME TO</p>
|
||||
<div class="max-w-4xl">
|
||||
<h1 class="mt-4 text-3xl lg:text-5xl font-bold leading-8 tracking-tight text-black mb-4 hero-title">Zanzibar Digital Free Zone</h1>
|
||||
<h1 class="mt-4 text-3xl lg:text-5xl font-bold leading-8 tracking-tight text-white mb-4 hero-title">Zanzibar Digital Free Zone</h1>
|
||||
</div>
|
||||
<p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-gray-600 font-light mx-4 sm:mx-0">The Zanzibar Digital Free Zone is a collaboration between the Revolutionary Government of Zanzibar (through ZICTIA) and OurWorld Venture Creator. We are the world's first 100% digital free zone, accessible and affordable for all. Removing complexity from doing business.<br/><br/>Launching Soon.</p>
|
||||
<p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-gray-200 font-light mx-4 sm:mx-0">The Zanzibar Digital Free Zone is a collaboration between the Revolutionary Government of Zanzibar (through ZICTIA) and OurWorld Venture Creator. We are the world's first 100% digital free zone, accessible and affordable for all. Removing complexity from doing business.<br/><br/>Launching Soon.</p>
|
||||
<div class="mt-10 flex items-center justify-center">
|
||||
<a href="#contact" class="rounded-xl bg-blue-700 px-4 py-2.5 font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300 hero-button">
|
||||
Get Started
|
||||
|
@@ -48,6 +48,11 @@ Parameters:
|
||||
|
||||
|
||||
{% set row_id = '' %}
|
||||
{% if columns | length > 0 %}
|
||||
{% set first_column = columns[0] | striptags | trim %}
|
||||
{% set first_line = first_column | split(pat='\n') | first %}
|
||||
{% set row_id = first_line | lower | slugify %}
|
||||
{% endif %}
|
||||
|
||||
{% if id %}
|
||||
{% set row_id = id %}
|
||||
|
Reference in New Issue
Block a user