ourworld_web/www_zola_template
21
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update zola template

Browse Source
This commit is contained in:
Ehab Hassan
2025-03-24 21:46:08 +02:00
commit b55e4929ab
40 changed files with 109109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
content/_index.md Normal file
View File

@@ -0,0 +1,71 @@
+++
title = "Home"
sort_by = "date"
template = "index.html"
+++
{{ hero3(
announcement='<a href="#" class="font-semibold text-gray-300 hover:text-white">Read more &rarr;</a>',
subheader="SUBHEADER",
title="This is Hero1.htmll",
subtitle="This is smaller title h2",
description="Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.",
button1_text="Get started",
button1_link="#",
button2_text="Learn more",
button2_link="#"
) }}
{{
hero2(
title="Welcome to Your Zola Site",
subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS",
button_text="Learn More",
button_link="/blog", bg_color="bg-blue-700"
) }}
## About This Site
This is a modern, responsive website built with [Zola](https://www.getzola.org/) and styled with [Tailwind CSS](https://tailwindcss.com/). It demonstrates the use of shortcodes and markdown together to create beautiful, reusable components.
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{
feature_card(
title="Fast and Lightweight",
description="Zola generates static HTML files that load quickly",
icon="⚡"
)
}}
{{ feature_card(title="Modern Design", description="Tailwind CSS provides utility classes for rapid UI development", icon="🎨") }}
{{ feature_card(title="Responsive Layout", description="Looks great on all devices, from mobile to desktop", icon="📱") }}
{{ feature_card(title="Markdown Content", description="Write your content in Markdown for easy formatting", icon="📝") }}
{{ feature_card(title="Syntax Highlighting", description="Code blocks are automatically highlighted", icon="💻") }}
{{ feature_card(title="Search Functionality", description="Built-in search for your content", icon="🔍") }}
</div>
### Getting Started
To add new content, create Markdown files in the `content` directory. Zola will automatically generate pages for each file.
For more information, check out the [Zola documentation](https://www.getzola.org/documentation/getting-started/overview/) and [Tailwind CSS documentation](https://tailwindcss.com/docs).
{{
cta(
title="Ready to Get Started?",
description="Create your own beautiful website with Zola and Tailwind CSS today.",
button_text="View Blog",
button_link="/blog")
}}

8
content/blog/_index.md Normal file
View File

@@ -0,0 +1,8 @@
+++
title = "Blog"
sort_by = "date"
template = "section.html"
page_template = "page.html"
+++
Welcome to the blog section. Here you'll find all the latest articles and updates.

31
content/blog/first-post.md Normal file
View File

@@ -0,0 +1,31 @@
+++
title = "Reflecting on Africa Regenerative Futures Summits"
date = 2023-11-21
description = "Reflecting on Africa Regenerative Futures Summits : Shaping a better digital future in Africa"
[extra]
image = "/images/blog/africa_future_summit1.png"
+++
In 2023, we had the pleasure of hosting two summits in Zanzibar – one in July and another in [November](https://www.threefold.io/newsroom/africa-regen-ii/), named the Africa Regenerative Future Summit. These events brought together leading innovators and investors committed to advancing human flourishing, with a specific emphasis on science and technology shaping the trajectory of Africa's future.
<br>
During the inaugural summit in July, Zanzibar's President, Dr. Hussein Mwinyi, honored us with his presence. In a formal declaration, he publicly expressed the government's dedication to establishing a digital free zone, a locally-owned Internet infrastructure, and an incubator to support young local innovators – all in collaboration with ThreeFold – and their commitment to the ICT sector as a whole.
<br>
The second summit saw the birth of Dunia Yetu (meaning "Our World" in Swahili), a collaborative movement forged in partnership with a cohort of tech developers and innovators from Dar Es Salaam. This initiative is driven by a shared commitment to reshape the digital landscape in Tanzania and Africa. Its goals include empowering coders, fostering economic development, and constructing a sovereign, autonomous digital ecosystem for a more promising digital future.
<br>
Looking ahead to 2024, our vision includes a continued series of gatherings focused on OurWorld, ThreeFold, and other projects and individuals prioritizing a planet-first, people-first approach to support Tanzania and the broader African continent.
<br>
More information:
<br>
- **Summit I:** Read [Zanzibar Seeks to Become a Digital FreeZone](https://www.thecitizen.co.tz/tanzania/zanzibar/zanzibar-seeks-to-become-digital-freezone--4316150) (via The Citizen) and [Mwinyi Commits to Improvement of Digital Spaces](https://dailynews.co.tz/mwinyi-commits-to-improvement-of-digital-spaces/) (via Daily News Tanzania) for further details.
- **Summit II:** Learn more about [Dunia Yetu](https://www.threefold.io/newsroom/duniayetulaunchdar/)
- **Dunia Yetu:** Read [Sovereign Internet - A game changer for Tanzania](https://www.thecitizen.co.tz/tanzania/news/national/sovereign-internet-a-game-changer-to-tanzania-startups-ecosystem-growth-449806) (via The Citizen)

26
content/blog/second-post.md Normal file
View File

@@ -0,0 +1,26 @@
+++
title = "Empowering Tanzania's Digital Future: The Dunia Yetu Initiative"
date = 2025-03-17
description = "Dunia Yetu (Our World) is a collaborative and co-owned movement to redefine the digital landscape in Tanzania and East Africa, empower coders spur economic development, and build a self-reliant autonomous digital ecosystem for a better digital future."
[extra]
image = "/images/blog/dunia_yetu1.png"
+++
## Vision of Collective Empowerment
In the heart of Tanzania, a transformative movement is underway, known as Dunia Yetu, Swahili for "Our World.". More than just a name; it embodies a vision of collective empowerment and digital self-reliance. Dunia Yetu is a beacon of unity, encouraging Tanzanians to take control of their digital destiny. It seeks to redefine the nation's digital landscape, fostering a future where citizens are not just users but architects of their online world.
<br>
## Empowering Tanzania's Youth and Future
At its core, Dunia Yetu is about empowering Tanzanians to reclaim ownership of their digital infrastructure. It envisions a future where the benefits of the Internet are harnessed by the people, for the people. For millions of Tanzanians, Dunia Yetu could represent more than just connectivity; it's a gateway to education, opportunity, and economic empowerment. By democratizing access to the Internet, Dunia Yetu will open doors for entrepreneurship, innovation, and collaboration, especially for the youth.
With this project, Tanzania's youth are empowered to shape their digital future, harnessing technology to overcome challenges and seize opportunities. It's not just about connectivity; it's about unlocking the full potential of Tanzania's next generation.
<br>
## Looking Ahead to 2024:
As Dunia Yetu gains momentum, stay tuned for exciting updates and milestones. In 2024, this transformative project will see the light, ushering in a new era of digital empowerment for Tanzania.
**Together, through Dunia Yetu, Tanzanians are building a brighter, more inclusive future—one where the digital world truly belongs to us all.**

144
content/shortcodes.md Normal file
View File

@@ -0,0 +1,144 @@
+++
title = "Shortcodes"
template = "page.html"
date = 2025-03-18
+++
# Zola Shortcodes
This page documents the custom shortcodes available in this Zola site. Shortcodes are reusable components that can be included in your Markdown content.
## Hero Shortcode
The hero shortcode creates a prominent banner section at the top of a page.
### Usage
```
{{ hero(title="Your Title", subtitle="Your subtitle text", button_text="Button Text", button_link="/link", bg_color="bg-indigo-600", text_color="text-white") }}
```
### Parameters
- `title` (required): The main heading text
- `subtitle` (optional): Secondary text displayed below the title
- `button_text` (optional): Text for the call-to-action button
- `button_link` (optional): URL the button links to
- `bg_color` (optional): Background color class (default: "bg-indigo-600")
- `text_color` (optional): Text color class (default: "text-white")
### Example
```html
{{ hero(title="Welcome to My Site", subtitle="A modern website built with Zola and Tailwind CSS", button_text="Learn More", button_link="/about", bg_color="bg-gradient-to-r from-purple-600 to-indigo-600") }}
```
## Hero2 Shortcode
The hero2 shortcode creates a centered hero section with a patterned background.
### Usage
```
{{ hero2(title="Your Title", subtitle="Your subtitle text", button_text="Button Text", button_link="/link", bg_color="bg-blue-700", text_color="text-white", image="/path/to/image.jpg") }}
```
### Parameters
- `title` (required): The main heading text
- `subtitle` (optional): Secondary text displayed below the title
- `button_text` (optional): Text for the call-to-action button
- `button_link` (optional): URL the button links to
- `bg_color` (optional): Background color class (default: "bg-blue-700")
- `text_color` (optional): Text color class (default: "text-white")
- `image` (optional): Path to an optional image to display below the text
### Example
```html
{{ hero2(title="Welcome to My Site", subtitle="A modern website built with Zola and Tailwind CSS", button_text="Learn More", button_link="/about", bg_color="bg-blue-700") }}
```
## Feature Card Shortcode
The feature card shortcode creates a card to highlight a feature or service.
### Usage
```
{{ feature_card(title="Feature Name", description="Feature description", icon="🚀", bg_color="bg-white", hover_color="hover:bg-gray-50") }}
```
### Parameters
- `title` (required): The feature name
- `description` (optional): Description of the feature
- `icon` (optional): An emoji or icon to display
- `bg_color` (optional): Background color class (default: "bg-white")
- `hover_color` (optional): Hover effect color class (default: "hover:bg-gray-50")
### Example
```html
{{ feature_card(title="Fast and Lightweight", description="Zola generates static HTML files that load quickly", icon="⚡") }}
```
## Call-to-Action (CTA) Shortcode
The CTA shortcode creates an attention-grabbing section with a button.
### Usage
```
{{ cta(title="Call to Action", description="Description text", button_text="Button Text", button_link="/link", bg_color="bg-indigo-100", text_color="text-indigo-800", button_color="bg-indigo-600", button_text_color="text-white") }}
```
### Parameters
- `title` (required): The main heading text
- `description` (optional): Description text
- `button_text` (optional): Text for the call-to-action button
- `button_link` (optional): URL the button links to
- `bg_color` (optional): Background color class (default: "bg-indigo-100")
- `text_color` (optional): Text color class (default: "text-indigo-800")
- `button_color` (optional): Button background color class (default: "bg-indigo-600")
- `button_text_color` (optional): Button text color class (default: "text-white")
### Example
```html
{{ cta(title="Ready to Get Started?", description="Create your own beautiful website with Zola and Tailwind CSS today.", button_text="View Blog", button_link="/blog") }}
```
## Using Multiple Shortcodes Together
You can combine multiple shortcodes on a single page. For example, you might use a hero at the top, followed by feature cards in a grid, and a CTA at the bottom:
```markdown
+++
title = "Home"
+++
{{ hero(title="Welcome", subtitle="A modern website") }}
## Features
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{ feature_card(title="Feature 1", description="Description 1", icon="🚀") }}
{{ feature_card(title="Feature 2", description="Description 2", icon="⚡") }}
{{ feature_card(title="Feature 3", description="Description 3", icon="🔍") }}
</div>
{{ cta(title="Ready?", description="Get started today", button_text="Sign Up", button_link="/signup") }}
```
## Advanced Usage: Nested Content
Some shortcodes support nested content using the block syntax. This allows you to include more complex content inside the shortcode.
```
{% call hero(title="Welcome") %}
<div class="custom-content">
<p>This is custom content inside the hero.</p>
</div>
{% endcall %}

8
content/team/_index.md Normal file
View File

@@ -0,0 +1,8 @@
+++
title = "Team"
sort_by = "weight"
template = "section.html"
page_template = "page.html"
+++
Welcome to our team section. Meet the people behind our organization.

9
content/team/adnan_fatayerji.md Normal file
View File

@@ -0,0 +1,9 @@
+++
title = "Adnan Fatayerj"
description = "Co-Founder"
weight = 2
[extra]
image = "/images/team/adnan_fatayerji.jpg"
+++
Honored to be part of a team that has the potential to make the world a better place by connecting billions of people to a new, accessible, data sovereign and environmentally conscious internet. A social entrepreneur, plant based warrior and a sovereign digital economy advocate with a passion for music creation and collaboration. Adnan has been based in the United Arab Emirates for the past 20 years, during which he has built successful grass-root businesses and invested startups in various sectors. At ThreeFold Adnan is responsible for driving the ThreeFold Foundation Ecosystem. Adnan is also the CEO of the @Mazraa Cooperative which is a founding farm and P2P Cloud Capacity provider on the ThreeFold Network.

9
content/team/jan_de_landtsheer.md Normal file
View File

@@ -0,0 +1,9 @@
+++
title = "Jan De Landtsheer"
description = "Co-Founder & CTO"
weight = 3
[extra]
image = "/images/team/jan_de_landtsheer.jpeg"
+++
Wandering the Net since it's inception (www wasn't even a thing back then... and yes, I'm that old), I have experienced the (r)evolution of the Internet in steps going backward in terms of accessibility, bias and width. It seems to me, by the effect of personalized search, directed ads, filtered and hidden information, that the Internet has become so much smaller, narrowing and enforcing biased views. That needs to be addressed. The Net needs to become that vast resource of unbiased knowledge, so that people can start thinking for themselves again. That's why I'm here, to be part of a group of guardians who's purpose is to equalize all views so that people can really understand viewpoints instead of being just judgemental. Techie at heart, having lived professionally in the tech basements of the Internet, I can help and I will help. Education for all is the only path to a better world. Count me in.

9
content/team/kristof_de_spiegeleer.md Normal file
View File

@@ -0,0 +1,9 @@
+++
title = "Kristof de Spiegeleer"
description = "Co-Founder & CEO"
weight = 1
[extra]
image = "/images/team/kristof_de_spiegeleer.jpeg"
+++
Humanist & motivated entrepreneur, passionate to help make the world a better place. Kristof strongly believes there is need for a neutral internet owned by millions. We dream about a world where everyone can be happy, with respect for each other and the world’s resources. A world where we dare to love ourselves and we don’t have to be scared about our future. A world where we don’t need to be a product and we have learned to collaborate with openness and trust. <BR> More info on <a href="https://library.threefold.me/info/threefold#/kristof">library.threefold.me</a>

109
content/why.md Normal file
View File

@@ -0,0 +1,109 @@
+++
title = "Why Choose Us"
template = "index.html"
date = 2025-03-22
+++
{{ hero(
title="Why Choose Our Solution",
subtitle="Discover the benefits and advantages that set us apart",
button_text="Get Started",
button_link="/blog",
bg_color="bg-gradient-to-r from-purple-600 to-indigo-600"
) }}
## Our Advantages
We believe in creating solutions that not only meet your needs but exceed your expectations. Here's why our approach stands out from the rest.
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{
feature_card(
title="Innovative Technology",
description="We leverage cutting-edge technologies to deliver modern, efficient solutions",
icon="💡"
)
}}
{{
feature_card(
title="User-Centered Design",
description="Our products are designed with the user experience as the top priority",
icon="👤"
)
}}
{{
feature_card(
title="Scalable Architecture",
description="Built to grow with your needs, from startup to enterprise",
icon="📈"
)
}}
{{
feature_card(
title="Reliable Support",
description="Our dedicated team is always ready to help you succeed",
icon="🛠️"
)
}}
{{
feature_card(
title="Continuous Improvement",
description="We constantly refine our solutions based on feedback and new technologies",
icon="🔄"
)
}}
{{
feature_card(
title="Cost Effective",
description="Maximum value without compromising on quality or features",
icon="💰"
)
}}
</div>
## Our Approach
We follow a systematic approach to ensure that every solution we deliver meets the highest standards of quality and performance.
1. **Discovery** - We start by understanding your unique challenges and goals
2. **Planning** - Develop a comprehensive strategy tailored to your specific needs
3. **Implementation** - Execute the plan with precision and attention to detail
4. **Testing** - Rigorous quality assurance to ensure everything works perfectly
5. **Deployment** - Smooth transition to production with minimal disruption
6. **Support** - Ongoing assistance to ensure long-term success
{{
cta(
title="Ready to Experience the Difference?",
description="Join the many satisfied clients who have transformed their operations with our solutions.",
button_text="Contact Us",
button_link="#",
bg_color="bg-indigo-100",
text_color="text-indigo-800"
)
}}
## Testimonials
> "Implementing this solution has revolutionized how we operate. The efficiency gains alone have paid for the investment multiple times over."
>
> **— Sarah Johnson, CEO at TechInnovate**
> "The team's attention to detail and commitment to our success made all the difference. I can't recommend them highly enough."
>
> **— Michael Chen, CTO at DataFlow Systems**
{{
hero2(
title="See Our Solution in Action",
subtitle="Schedule a personalized demo to discover how we can address your specific challenges",
button_text="Request Demo",
button_link="#",
bg_color="bg-blue-700"
)
}}