ehab/www_zola_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update team page

Browse Source
This commit is contained in:
Ehab Hassan 2025-03-24 14:56:24 +02:00
parent 45a10fff2f
commit 3932a23eb8
12 changed files with 112 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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>

67
static/css/main.css
View File

@ -15,6 +15,73 @@ html {
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Light mode (default) */
body {
background-color: #f3f4f6;
color: #1f2937;
}
header nav {
background-color: #1f2937;
color: #f9fafb;
}
footer {
background-color: #ffffff;
}
footer p {
color: #6b7280;
}
/* Dark mode */
html.dark body {
background-color: #111827 !important;
color: #f9fafb !important;
}
html.dark header nav {
background-color: #1f2937 !important;
}
html.dark footer {
background-color: #1f2937 !important;
}
html.dark footer p {
color: #9ca3af !important;
}
html.dark a {
color: #60a5fa !important;
}
html.dark a:hover {
color: #93c5fd !important;
}
html.dark .bg-gray-100 {
background-color: #111827 !important;
}
html.dark .bg-white {
background-color: #1f2937 !important;
}
html.dark .text-gray-900 {
color: #f9fafb !important;
}
html.dark .text-gray-500 {
color: #9ca3af !important;
}
html.dark .border-gray-200 {
border-color: #374151 !important;
}
html.dark button.bg-gray-800 {
background-color: #111827 !important;
}
html.dark button.hover\:bg-gray-700:hover {
background-color: #374151 !important;
}
/* Transition effects */
html.transition,
html.transition *,
html.transition *:before,
html.transition *:after {
transition: all 0.3s ease-in-out !important;
transition-delay: 0 !important;
}
/* Sections
========================================================================== */

BIN
static/images/team/adnan_fatayerji.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 219 KiB

BIN
static/images/team/jan_de_landtsheer.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
static/images/team/kristof_de_spiegeleer.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

69
templates/base.html
View File

@ -6,74 +6,7 @@
<title>{% block title %}Zola with Tailwind CSS{% endblock %}</title>
<link rel="stylesheet" href="{{ get_url(path='css/main.css') }}">
<link rel="stylesheet" href="{{ get_url(path='css/dropdown.css') }}">
<style>
/* Light mode (default) */
body {
background-color: #f3f4f6;
color: #1f2937;
}
header nav {
background-color: #1f2937;
color: #f9fafb;
}
footer {
background-color: #ffffff;
}
footer p {
color: #6b7280;
}
/* Dark mode */
html.dark body {
background-color: #111827 !important;
color: #f9fafb !important;
}
html.dark header nav {
background-color: #1f2937 !important;
}
html.dark footer {
background-color: #1f2937 !important;
}
html.dark footer p {
color: #9ca3af !important;
}
html.dark a {
color: #60a5fa !important;
}
html.dark a:hover {
color: #93c5fd !important;
}
html.dark .bg-gray-100 {
background-color: #111827 !important;
}
html.dark .bg-white {
background-color: #1f2937 !important;
}
html.dark .text-gray-900 {
color: #f9fafb !important;
}
html.dark .text-gray-500 {
color: #9ca3af !important;
}
html.dark .border-gray-200 {
border-color: #374151 !important;
}
html.dark button.bg-gray-800 {
background-color: #111827 !important;
}
html.dark button.hover\:bg-gray-700:hover {
background-color: #374151 !important;
}
/* Transition effects */
html.transition,
html.transition *,
html.transition *:before,
html.transition *:after {
transition: all 0.3s ease-in-out !important;
transition-delay: 0 !important;
}
</style>
<script src="{{ get_url(path='js/main.js') }}" defer></script>
{% block head %}{% endblock %}
</head>

4
templates/index.html
View File

@ -27,7 +27,7 @@
</div>
{% if section is defined and section.pages is defined %}
<div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<!-- <div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
{% for page in section.pages %}
<a href="{{ page.permalink }}" class="bg-white overflow-hidden shadow rounded-lg hover:shadow-lg transition-shadow duration-300">
<div class="px-4 py-5 sm:p-6">
@ -41,6 +41,6 @@
</div>
</a>
{% endfor %}
</div>
</div> -->
{% endif %}
{% endblock %}

2
templates/partials/navigation.html
View File

@ -27,6 +27,7 @@
</div> -->
<a href="{{ get_url(path='blog') }}" class="{% if current_path is starting_with('/blog') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} px-3 py-2 rounded-md text-sm font-medium">Blog</a>
<a href="{{ get_url(path='team') }}" class="{% if current_path is starting_with('/team') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} px-3 py-2 rounded-md text-sm font-medium">Team</a>
</div>
</div>
</div>
@ -90,6 +91,7 @@
</div> -->
<a href="{{ get_url(path='blog') }}" class="{% if current_path is starting_with('/blog') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} block px-3 py-2 rounded-md text-base font-medium">Blog</a>
<a href="{{ get_url(path='team') }}" class="{% if current_path is starting_with('/team') %}bg-gray-900 text-white{% else %}text-gray-300 hover:bg-gray-700 hover:text-white{% endif %} block px-3 py-2 rounded-md text-base font-medium">Team</a>
<a href="https://github.com/getzola/zola" target="_blank" rel="noopener" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Zola Docs</a>
<button id="mobile-theme-toggle" type="button" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium w-full text-left flex items-center">
<span>Toggle Dark Mode</span>

8
templates/section.html
View File

@ -25,11 +25,11 @@
</div>
</div>
<div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<div class="container mx-auto mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
{% for page in section.pages %}
<a href="{{ page.permalink }}" class="bg-white overflow-hidden shadow rounded-lg hover:shadow-lg transition-shadow duration-300">
{% if page.extra.image %}
<div class="h-48 w-full overflow-hidden">
<div class="h-64 w-full overflow-hidden">
<img src="{{ page.extra.image }}" alt="{{ page.title }}" class="w-full h-full object-cover">
</div>
{% endif %}
@ -39,7 +39,9 @@
<p class="mt-1 text-sm text-gray-500">{{ page.description }}</p>
{% endif %}
<div class="mt-4 flex items-center text-sm text-gray-500">
<span>{{ page.date | date(format="%B %e, %Y") }}</span>
{% if page.date %}
<span>{{ page.date | date(format="%B %e, %Y") }}</span>
{% endif %}
</div>
</div>
</a>