ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'development' of https://github.com/threefoldfoundation/www_threefold_io into development

Browse Source
This commit is contained in:
samtaggart
2023-12-18 16:27:12 +03:00
parent 622da76af3 29d81d25b9
commit 6706f5d904
11 changed files with 177 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
config.toml
View File

@@ -6,12 +6,12 @@ title = "ThreeFold"
description="Our global digital backbone" description="Our global digital backbone"
# When set to "true", a feed is automatically generated. # When set to "true", a feed is automatically generated.
# generate_feed = true generate_feed = true
# The filename to use for the feed. Used as the template filename, too. # The filename to use for the feed. Used as the template filename, too.
# Defaults to "atom.xml", which has a built-in template that renders an Atom 1.0 feed. # Defaults to "atom.xml", which has a built-in template that renders an Atom 1.0 feed.
# There is also a built-in template "rss.xml" that renders an RSS 2.0 feed. # There is also a built-in template "rss.xml" that renders an RSS 2.0 feed.
# feed_filename = "index.xml" feed_filename = "atom.xml"
# The number of articles to include in the feed. All items are included if # The number of articles to include in the feed. All items are included if
# this limit is not set (the default). # this limit is not set (the default).

3
content/blog/_index.md
View File

@@ -1,7 +1,9 @@
--- ---
title: "Blog" title: "Blog"
paginate_by: 9 paginate_by: 9
# paginate_reversed: false # paginate_reversed: false
sort_by: "date" sort_by: "date"
insert_anchor_links: "left" insert_anchor_links: "left"
#base_url: "posts" #base_url: "posts"
@@ -10,6 +12,7 @@ insert_anchor_links: "left"
template: "layouts/blog.html" template: "layouts/blog.html"
page_template: "blogPage.html" page_template: "blogPage.html"
#transparent: true #transparent: true
generate_feed: true
extra: extra:
imgPath: images/threefold_img2.png imgPath: images/threefold_img2.png
--- ---

3
content/newsroom/_index.md
View File

@@ -1,7 +1,9 @@
--- ---
title: "News" title: "News"
paginate_by: 9 paginate_by: 9
# paginate_reversed: false # paginate_reversed: false
sort_by: "date" sort_by: "date"
insert_anchor_links: "left" insert_anchor_links: "left"
#base_url: "posts" #base_url: "posts"
@@ -10,4 +12,5 @@ insert_anchor_links: "left"
template: "layouts/newsroom.html" template: "layouts/newsroom.html"
page_template: "newsPage.html" page_template: "newsPage.html"
#transparent: true #transparent: true
generate_feed: true
--- ---

7
content/partners/_index.md
View File

@@ -1,7 +1,9 @@
--- ---
title: "Partners" title: "Our Partners"
paginate_by: 6 paginate_by: 6
# paginate_reversed: false # paginate_reversed: false
sort_by: "none" sort_by: "none"
insert_anchor_links: "left" insert_anchor_links: "left"
#base_url: "posts" #base_url: "posts"
@@ -10,6 +12,5 @@ insert_anchor_links: "left"
template: "layouts/partners.html" template: "layouts/partners.html"
page_template: "partnerPage.html" page_template: "partnerPage.html"
#transparent: true #transparent: true
description: "Partners are projects with whom we have at least signed an agreement (most typically a Memorandum of Understanding) to move forward. These partners collectively embody our commitment to collaboration across various phases of development, strengthening our shared mission."
--- ---
Hello

3
content/people/_index.md
View File

@@ -1,8 +1,9 @@
--- ---
title: "People" title: "Our People"
paginate_by: 4 paginate_by: 4
sort_by: "weight" sort_by: "weight"
template: "layouts/people.html" template: "layouts/people.html"
page_template: "partials/personCard.html" page_template: "partials/personCard.html"
insert_anchor_links: "left" insert_anchor_links: "left"
description: "Our team brings together +30 years of experience in cloud automation, Internet storage, and infrastructure services. We are a passionate group on a collective mission to improve the planet’s situation and benefit the people around us."
--- ---

4
static/css/index.css Normal file
View File

File diff suppressed because one or more lines are too long

11
templates/layouts/partners.html
View File

@@ -5,17 +5,14 @@ consists of a featured partners row,
a paginated list of posts (sorted by date), a paginated list of posts (sorted by date),
and a side nav for category and featured post navigation and a side nav for category and featured post navigation
--> -->
{% block content %} {% block content %}
<main> <main>
<!--sets global featured variable as the most recent post with the isFeatured tag--> <!--sets global featured variable as the most recent post with the isFeatured tag-->
{%- set section = get_section(path="partners/_index.md") %} {%- set section = get_section(path="partners/_index.md") %}
<div class="flex flex-col md:flex-row container mx-auto my-10"> {% include "partials/intro.html" %}
<div class="flex flex-row container mx-auto my-10">
{% include "partials/partnersCards.html" %} {% include "partials/partnersCards.html" %}
{% include "partials/partnersSidebar.html" %} {% include "partials/partnersSidebar.html" %}
</div> </div>
</main> </main>
{% endblock content %}
{% endblock content %}

177
templates/partials/head.html
View File

@@ -3,87 +3,80 @@
{% set xFmPart2 = ',x_0,z_1/' %} {% set xFmPart2 = ',x_0,z_1/' %}
{% set fallbackImg = 'typewriter-monochrome_2242164_6260x4374.jpg' %} {% set fallbackImg = 'typewriter-monochrome_2242164_6260x4374.jpg' %}
{% set zolaVer = '0.13.0' %} {% set zolaVer = '0.13.0' %}
<head> <head>
<link rel="icon" type="image/x-icon" href="{{ get_url(path='images/icons/favicon.png')}}"> <link rel="icon" type="image/x-icon" href="{{ get_url(path='images/icons/favicon.png')}}">
{% block title %} {% block title %}
<title>{{ config.title }}</title> <title>{{ config.title }}</title>
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:site_name" content="{{ config.base_url }}" /> <meta property="og:site_name" content="{{ config.base_url }}">
{% if section.title %}
{% if section.title %} <title>{{ section.title }}</title>
<title>{{ section.title }}</title> <meta property="og:title" content="{{ section.title }}">
<meta property="og:title" content="{{ section.title }}" /> {% elif page.title %}
{% elif page.title %} <title>{{ page.title }}</title>
<title>{{ page.title }}</title> <meta property="og:title" content="{{ page.title }}">
<meta property="og:title" content="{{ page.title }}" /> {%endif%}
{%endif%}
{%if section.extra.imgPath %} {%if section.extra.imgPath %}
<meta name="image" content="{{section.permalink}}{{ section.extra.imgPath }}" /> <meta name="image" content="{{section.permalink}}{{ section.extra.imgPath }}">
<meta property="og:image" content="{{section.permalink}}{{ section.extra.imgPath }}" /> <meta property="og:image" content="{{section.permalink}}{{ section.extra.imgPath }}">
<meta property="twitter:image" content="{{section.permalink}}{{ section.extra.imgPath }}" /> <meta property="twitter:image" content="{{section.permalink}}{{ section.extra.imgPath }}">
{% elif page.extra.imgPath %} {% elif page.extra.imgPath %}
<meta name="image" content="{{page.permalink}}{{ page.extra.imgPath }}" /> <meta name="image" content="{{page.permalink}}{{ page.extra.imgPath }}">
<meta property="og:image" content="{{page.permalink}}{{ page.extra.imgPath }}" /> <meta property="og:image" content="{{page.permalink}}{{ page.extra.imgPath }}">
<meta property="twitter:image" content="{{page.permalink}}{{ page.extra.imgPath }}" /> <meta property="twitter:image" content="{{page.permalink}}{{ page.extra.imgPath }}">
{%endif%} {%endif%}
{%if section.description%} {%if section.description%}
<meta name="description" content="{{ section.description }}" /> <meta name="description" content="{{ section.description }}">
<meta property="og:description" content="{{ section.description }}" /> <meta property="og:description" content="{{ section.description }}">
<meta property="twitter:description" content="{{ section.description }}" /> <meta property="twitter:description" content="{{ section.description }}">
{%elif page.description%} {%elif page.description%}
<meta name="description" content="{{ page.description }}" /> <meta name="description" content="{{ page.description }}">
<meta property="og:description" content="{{ page.description }}" /> <meta property="og:description" content="{{ page.description }}">
<meta property="twitter:description" content="{{ page.description }}" /> <meta property="twitter:description" content="{{ page.description }}">
{%endif%} {%endif%}
<meta name="twitter:card" content="summary">
<meta name="twitter:card" content="summary" /> {% endblock title %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
{% endblock title %} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" /> <!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css" /> <script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.0.0/cookie-consent.js" charset="UTF-8"></script>
<!-- Cookie Consent by https://www.FreePrivacyPolicy.com --> <script type="text/javascript" charset="UTF-8">
<script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.0.0/cookie-consent.js"
charset="UTF-8"></script>
<script type="text/javascript" charset="UTF-8">
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "website_name": "https://threefold.io/", "website_privacy_policy_url": "https://library.threefold.me/info/legal/#/legal__privacypolicy" }); cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "website_name": "https://threefold.io/", "website_privacy_policy_url": "https://library.threefold.me/info/legal/#/legal__privacypolicy" });
}); });
</script> </script>
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) { <script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({ w[l] = w[l] || []; w[l].push({
'gtm.start': 'gtm.start':
new Date().getTime(), event: 'gtm.js' new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0], }); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N7PNMFH');</script> })(window, document, 'script', 'dataLayer', 'GTM-N7PNMFH');
<!-- End Google Tag Manager --> </script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100065546-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-100065546-1"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); } function gtag() { dataLayer.push(arguments); }
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'UA-100065546-1'); gtag('config', 'UA-100065546-1');
</script> </script>
<!-- Matomo Tag Manager -->
<!-- Matomo Tag Manager --> <script>
<script>
var _mtm = window._mtm = window._mtm || []; var _mtm = window._mtm = window._mtm || [];
_mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' }); _mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' });
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.async = true; g.src = 'https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s); g.async = true; g.src = 'https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s);
</script> </script>
<!-- End Matomo Tag Manager --> <!-- End Matomo Tag Manager -->
<!-- Crisp -->
<!-- Crisp --> <script type="text/plain" cookie-consent="tracking">
<script type="text/plain" cookie-consent="tracking">
window.$crisp = []; window.$crisp = [];
window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0"; window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0";
(function () { (function () {
@@ -93,10 +86,9 @@
s.async = 1; s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s); d.getElementsByTagName("head")[0].appendChild(s);
})(); })();
</script> </script>
<!-- Crisp without cookies -->
<!-- Crisp without cookies --> <!-- <script type="text/javascript" cookie-consent="tracking">
<!-- <script type="text/javascript" cookie-consent="tracking">
window.$crisp = []; window.$crisp = [];
window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0"; window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0";
(function () { (function () {
@@ -107,29 +99,20 @@
d.getElementsByTagName("head")[0].appendChild(s); d.getElementsByTagName("head")[0].appendChild(s);
})(); })();
</script> --> </script> -->
<!-- end of Crisp--> <!-- end of Crisp-->
<!-- Required meta tags -->
<!-- Required meta tags --> <meta charset="utf-8">
<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- **** BEGINNING, favicons **** -->
<!-- generics -->
<!-- **** BEGINNING, favicons **** --> <!-- iOS -->
<!-- Android -->
<!-- generics --> <!-- Windows 8, IE 10 -->
<!-- Windows 8.1 and up, IE 11 -->
<!-- iOS --> <!-- **** CONCLUSION, favicons **** -->
<!-- CSS/SCSS -->
<!-- Android --> <link rel="stylesheet" href="{{ get_url(path='css/index.css', trailing_slash=false, cachebust=true) | safe }}">
<style>
<!-- Windows 8, IE 10 -->
<!-- Windows 8.1 and up, IE 11 -->
<!-- **** CONCLUSION, favicons **** -->
<!-- CSS/SCSS -->
<link rel="stylesheet" href="{{ get_url(path="css/index.css", trailing_slash=false, cachebust=true) | safe }}" />
<style>
.space-x-10>:not([hidden])~:not([hidden]){ .space-x-10>:not([hidden])~:not([hidden]){
margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))!important; margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))!important;
} }
@@ -154,13 +137,10 @@
margin-left: calc(2rem*calc(1 - var(--tw-space-x-reverse)))!important; margin-left: calc(2rem*calc(1 - var(--tw-space-x-reverse)))!important;
} }
} }
</style> </style>
<script type='text/javascript' <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=62556aac80366d0019fc1af2&product=sop" async="async"></script>
src='https://platform-api.sharethis.com/js/sharethis.js#property=62556aac80366d0019fc1af2&product=sop' <!-- MailerLite Universal -->
async='async'></script> <script>
<!-- MailerLite Universal -->
<script>
(function (m, a, i, l, e, r) { (function (m, a, i, l, e, r) {
m['MailerLiteObject'] = e; function f() { m['MailerLiteObject'] = e; function f() {
var c = { a: arguments, q: [] }; var r = this.push(c); return "number" != typeof r ? r : f.bind(c.q); var c = { a: arguments, q: [] }; var r = this.push(c); return "number" != typeof r ? r : f.bind(c.q);
@@ -171,6 +151,15 @@
})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml'); })(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');
var ml_account = ml('accounts', '1778010', 'x2d3d9f8n1', 'load'); var ml_account = ml('accounts', '1778010', 'x2d3d9f8n1', 'load');
</script> </script>
<!-- End MailerLite Universal --> <!-- End MailerLite Universal -->
<!-- RSS feed -->
{% block rss %}
<link
rel="alternate"
type="application/rss+xml"
title="RSS"
href="{{ get_url(path='atom.xml', trailing_slash=false) }}"
>
{% endblock %}
</head> </head>

9
templates/partials/intro.html Normal file
View File

@@ -0,0 +1,9 @@
{% block content %}
<div class="my-10 md:my-16">
<h2 class="mb-4 text-center text-gray-900 md:mb-6">{{ section.title }}</h2>
<p class="mx-auto max-w-5xl text-center text-gray-900 md:text-lg">
{{ section.description }}
</p>
</div>
<hr class="mt-6">
{% endblock content %}

78
templates/people/list.html
View File

@@ -1,24 +1,19 @@
{% extends "_default/base.html" %} {% extends "_default/base.html" %}
{% block content %} {% block content %}
{%- set section = get_section(path="people/_index.md") %}
{% include "partials/intro.html" %}
<div class="container mx-auto"> <div class="container mx-auto">
{% include "partials/filter_bar.html" %} {% include "partials/filter_bar.html" %}
<div class="text-center main-title px-0 md:w-full"> <div class="text-center main-title px-0 md:w-full">
<h1 <h1 class="tracking-tight text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10">
class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10" {% set path_array = current_path | split(pat="/") %}
>
{%- set section = get_section(path="people/_index.md") %}
{% set path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %} {% set taxonomy = path_array[1] %}
{% set category = path_array[2] %} {% set category = path_array[2] %}
{{category | replace(from='-', to=' ' ) | title}} {{category | replace(from='-', to=' ' ) | title}}
</h1> </h1>
<div> <div>
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-4 lg:max-w-none"> <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-4 lg:max-w-none">
{% for person in section.pages %} {% for person in section.pages %}
{% set page_path = person.path ~ 'index.md' | replace(from='-', to='_') | trim_start_matches(pat="/") %} {% set page_path = person.path ~ 'index.md' | replace(from='-', to='_') | trim_start_matches(pat="/") %}
{% set people = get_section(path="people/_index.md") %} {% set people = get_section(path="people/_index.md") %}
{% set pages_str = people.pages | json_encode() | as_str %} {% set pages_str = people.pages | json_encode() | as_str %}
@@ -31,25 +26,21 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
<hr class="mt-6" /> <hr class="mt-6">
<p class="text-center text-sm mt-2 mb-16"> <p class="text-center text-sm mt-2 mb-16">
{% if paginator.previous %} {% if paginator.previous %}
<a <a class="border-transparent" aria-label="First page" href="{{ paginator.first }}">
class="border-transparent" {% include "partials/icons/svgPrevPageIcon.html" %}{% include
aria-label="First page" "partials/icons/svgPrevPageIcon.html" %}
href="{{ paginator.first }}" </a
>{% include "partials/icons/svgPrevPageIcon.html" %}{% include
"partials/icons/svgPrevPageIcon.html" %}</a
> >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a <a class="border-transparent" aria-label="Previous page" href="{{ paginator.previous }}">
class="border-transparent" {% include "partials/icons/svgPrevPageIcon.html" %}
aria-label="Previous page" </a
href="{{ paginator.previous }}"
>{% include "partials/icons/svgPrevPageIcon.html" %}</a
> >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% else %} {% &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% else %} {%
include "partials/icons/svgFirstPageIcon.html" %}{% include include "partials/icons/svgFirstPageIcon.html" %}{% include
"partials/icons/svgFirstPageIcon.html" %} "partials/icons/svgFirstPageIcon.html" %}
@@ -58,27 +49,22 @@
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endif %} {% if &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endif %} {% if
paginator.next %} paginator.next %}
<a <a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}">
class="border-transparent" {% include "partials/icons/svgNextPageIcon.html" %}
aria-label="Next page" </a
href="{{ paginator.next }}"
>{% include "partials/icons/svgNextPageIcon.html" %}</a
> >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a <a class="border-transparent" aria-label="Last page" href="{{ paginator.last }}">
class="border-transparent" {% include "partials/icons/svgNextPageIcon.html" %}{% include
aria-label="Last page" "partials/icons/svgNextPageIcon.html" %}
href="{{ paginator.last }}" </a
>{% include "partials/icons/svgNextPageIcon.html" %}{% include
"partials/icons/svgNextPageIcon.html" %}</a
> >
{% else %} {% include "partials/icons/svgLastPageIcon.html" %} {% else %} {% include "partials/icons/svgLastPageIcon.html" %}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
"partials/icons/svgLastPageIcon.html" %}{% include "partials/icons/svgLastPageIcon.html" %}{% include
"partials/icons/svgLastPageIcon.html" %} {% endif %} "partials/icons/svgLastPageIcon.html" %} {% endif %}
</p> </p>
</div> </div>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}

127
templates/shortcodes/team_sec.html
View File

@@ -2,10 +2,12 @@
<h2 class="flex py-2 mx-auto font-normal lg:text-6xl"> <h2 class="flex py-2 mx-auto font-normal lg:text-6xl">
The Team The Team
</h2> </h2>
<div class="lg:max-w-4xl lg:text-xl text-lg text-center mb-8 mx-auto leading-relaxed">Spread across the world, our team has <div class="lg:max-w-4xl lg:text-xl text-lg text-center mb-8 mx-auto leading-relaxed">
Spread across the world, our team has
built some of the world’s best Internet storage and cloud automation technologies since the ‘90s. With a strong built some of the world’s best Internet storage and cloud automation technologies since the ‘90s. With a strong
vision for the future, we’re now on a mission to create a peer-to-peer Internet that can host all of humanity’s vision for the future, we’re now on a mission to create a peer-to-peer Internet that can host all of humanity’s
digital workloads via smart contract, removing all forms of centralization from global IT systems.</div> digital workloads via smart contract, removing all forms of centralization from global IT systems.
</div>
<div class="flex overflow-x-scroll pb-10 scrollable"> <div class="flex overflow-x-scroll pb-10 scrollable">
<div class="flex flex-nowrap ml-10 mt-10"> <div class="flex flex-nowrap ml-10 mt-10">
<div class="inline-block px-3"> <div class="inline-block px-3">
@@ -21,8 +23,7 @@
ease-in-out ease-in-out
"> ">
<a href="/people/kristof-de-spiegeleer/" title="Kristof De Spiegeleer"> <a href="/people/kristof-de-spiegeleer/" title="Kristof De Spiegeleer">
<img src="images/people/kristof_de_spiegeleer.jpeg" <img src="/images/people/kristof_de_spiegeleer.jpeg" class="rounded-full mx-auto mt-3" alt="Kristof De Spiegeleer">
class="rounded-full mx-auto mt-3" alt="Kristof De Spiegeleer" />
</a> </a>
</div> </div>
</div> </div>
@@ -39,31 +40,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/adnan-fatayerji/" title="Adnan Fatayerji"> <a href="/people/adnan-fatayerji/" title="Adnan Fatayerji">
<img src="images/people/adnan_fatayerji.jpg" <img src="/images/people/adnan_fatayerji.jpg" class="rounded-full mx-auto mt-3" alt="Adnan Fatayerji">
class="rounded-full mx-auto mt-3" alt="Adnan Fatayerji" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3">
<div class="
box
max-w-xs
overflow-hidden
rounded-full
shadow-md
hover:shadow-xl
transition-shadow
duration-300
ease-in-out
">
<a href="/people/weynand-kuijpers/" title="weynand kuijpers">
<img src="images/people/weynand_kuijpers.jpg"
class="rounded-full mx-auto mt-3" alt="weynand kuijpers" />
</a>
</div>
</div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -77,12 +57,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/sabrina-sadik/" title="Sabrina Sadik"> <a href="/people/sabrina-sadik/" title="Sabrina Sadik">
<img src="images/people/sabrina_sadik.jpg" <img src="/images/people/sabrina_sadik.jpg" class="rounded-full mx-auto mt-3" alt="Sabrina Sadik">
class="rounded-full mx-auto mt-3" alt="Sabrina Sadik" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -96,12 +74,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/sacha-obeegadoo/" title="Sacha obeegadoo"> <a href="/people/sacha-obeegadoo/" title="Sacha obeegadoo">
<img src="images/people/sacha_obeegadoo.jpg" <img src="/images/people/sacha_obeegadoo.jpg" class="rounded-full mx-auto mt-3" alt="Sacha obeegadoo">
class="rounded-full mx-auto mt-3" alt="Sacha obeegadoo" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -115,31 +91,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/jan-de-landtsheer/" title="Jan De Landtsheer"> <a href="/people/jan-de-landtsheer/" title="Jan De Landtsheer">
<img src="images/people/jan_de_landtsheer.jpeg" <img src="/images/people/jan_de_landtsheer.jpeg" class="rounded-full mx-auto mt-3" alt="Jan De Landtsheer">
class="rounded-full mx-auto mt-3" alt="Jan De Landtsheer" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3">
<div class="
box
max-w-xs
overflow-hidden
rounded-full
shadow-md
hover:shadow-xl
transition-shadow
duration-300
ease-in-out
">
<a href="/people/rob-van-mieghem/" title="rob van mieghem">
<img src="images/people/rob_van_mieghem.jpeg"
class="rounded-full mx-auto mt-3" alt="rob van mieghem" />
</a>
</div>
</div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -153,12 +108,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/reem-khamis/" title="Reem Khamis"> <a href="/people/reem-khamis/" title="Reem Khamis">
<img src="images/people/reem_khamis.jpg" <img src="/images/people/reem_khamis.jpg" class="rounded-full mx-auto mt-3" alt="Reem Khamis">
class="rounded-full mx-auto mt-3" alt="Reem Khamis" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -172,12 +125,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/ahmed-thabet/" title="Ahmed Thabet"> <a href="/people/ahmed-thabet/" title="Ahmed Thabet">
<img src="images/people/ahmed_thabet.jpg" <img src="/images/people/ahmed_thabet.jpg" class="rounded-full mx-auto mt-3" alt="Ahmed Thabet">
class="rounded-full mx-auto mt-3" alt="Ahmed Thabet" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -191,8 +142,7 @@
ease-in-out ease-in-out
"> ">
<a href="/people/florian-fournier/" title="Florian Fournier"> <a href="/people/florian-fournier/" title="Florian Fournier">
<img src="images/people/florian_fournier.jpeg" <img src="/images/people/florian_fournier.jpeg" class="rounded-full mx-auto mt-3" alt="Florian Fournier">
class="rounded-full mx-auto mt-3" alt="Florian Fournier" />
</a> </a>
</div> </div>
</div> </div>
@@ -209,12 +159,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/ewald-weizenbauer/" title="Ewald Weizenbauer"> <a href="/people/ewald-weizenbauer/" title="Ewald Weizenbauer">
<img src="images/people/ewald_weizenbauer.jpg" <img src="/images/people/ewald_weizenbauer.jpg" class="rounded-full mx-auto mt-3" alt="Ewald Weizenbauer">
class="rounded-full mx-auto mt-3" alt="Ewald Weizenbauer" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -228,8 +176,7 @@
ease-in-out ease-in-out
"> ">
<a href="/people/owen-kemp/" title="Owen Kemp"> <a href="/people/owen-kemp/" title="Owen Kemp">
<img src="images/people/owen_kemp.jpeg" <img src="/images/people/owen_kemp.jpeg" class="rounded-full mx-auto mt-3" alt="Owen Kemp">
class="rounded-full mx-auto mt-3" alt="Owen Kemp" />
</a> </a>
</div> </div>
</div> </div>
@@ -246,15 +193,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/peter-van-der-henst/" title="Peter van der Henst"> <a href="/people/peter-van-der-henst/" title="Peter van der Henst">
<img src="images/people/peter_van_der_henst.png" <img src="/images/people/peter_van_der_henst.png" class="rounded-full mx-auto mt-3" alt="Peter van der Henst">
class="rounded-full mx-auto mt-3" alt="Peter van der Henst" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -268,12 +210,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/alexandre-hannelas/" title="alexandre_hannelas"> <a href="/people/alexandre-hannelas/" title="alexandre_hannelas">
<img src="images/people/alexandre_hannelas.jpeg" <img src="/images/people/alexandre_hannelas.jpeg" class="rounded-full mx-auto mt-3" alt="alexandre_hannelas">
class="rounded-full mx-auto mt-3" alt="alexandre_hannelas" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -287,8 +227,7 @@
ease-in-out ease-in-out
"> ">
<a href="/people/karoline-zizka/" title="Karoline Zizka"> <a href="/people/karoline-zizka/" title="Karoline Zizka">
<img src="images/people/karoline_zizka.jpeg" <img src="/images/people/karoline_zizka.jpeg" class="rounded-full mx-auto mt-3" alt="Karoline Zizka">
class="rounded-full mx-auto mt-3" alt="Karoline Zizka" />
</a> </a>
</div> </div>
</div> </div>
@@ -305,8 +244,7 @@
ease-in-out ease-in-out
"> ">
<a href="/people/lee-smet/" title="Lee Smet"> <a href="/people/lee-smet/" title="Lee Smet">
<img src="images/people/lee_smet.png" <img src="/images/people/lee_smet.png" class="rounded-full mx-auto mt-3" alt="Lee Smet">
class="rounded-full mx-auto mt-3" alt="Lee Smet" />
</a> </a>
</div> </div>
</div> </div>
@@ -323,12 +261,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/maxime-daniel/" title="Maxime Daniel"> <a href="/people/maxime-daniel/" title="Maxime Daniel">
<img src="images/people/maxime_daniel.png" <img src="/images/people/maxime_daniel.png" class="rounded-full mx-auto mt-3" alt="Maxime Daniel">
class="rounded-full mx-auto mt-3" alt="Maxime Daniel" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -342,13 +278,10 @@
ease-in-out ease-in-out
"> ">
<a href="/people/pierre-van-hoorebeke/" title="Pierre van Hoorebeke"> <a href="/people/pierre-van-hoorebeke/" title="Pierre van Hoorebeke">
<img src="images/people/pierre_van_hoorebeke.jpg" <img src="/images/people/pierre_van_hoorebeke.jpg" class="rounded-full mx-auto mt-3" alt="Pierre van Hoorebeke">
class="rounded-full mx-auto mt-3" alt="Pierre van Hoorebeke" />
</a> </a>
</div> </div>
</div> </div>
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -362,8 +295,7 @@
ease-in-out ease-in-out
"> ">
<a href="/people/sam-taggart/" title="Sam Taggart"> <a href="/people/sam-taggart/" title="Sam Taggart">
<img src="images/people/sam_taggart.jpg" <img src="/images/people/sam_taggart.jpg" class="rounded-full mx-auto mt-3" alt="Sam Taggart">
class="rounded-full mx-auto mt-3" alt="Sam Taggart" />
</a> </a>
</div> </div>
</div> </div>
@@ -380,12 +312,12 @@
ease-in-out ease-in-out
"> ">
<a href="/people/scott-yeager/" title="Scott Yeager"> <a href="/people/scott-yeager/" title="Scott Yeager">
<img src="images/people/scott_yeager.jpg" <img src="/images/people/scott_yeager.jpg" class="rounded-full mx-auto mt-3" alt="Scott Yeager">
class="rounded-full mx-auto mt-3" alt="Scott Yeager" />
</a> </a>
</div> </div>
</div> </div>
{# <div class="inline-block px-3"> {#
<div class="inline-block px-3">
<div class=" <div class="
box box
max-w-xs max-w-xs
@@ -398,11 +330,11 @@
ease-in-out ease-in-out
"> ">
<a href="/people/gloria-anne/" title="Gloria Anne"> <a href="/people/gloria-anne/" title="Gloria Anne">
<img src="images/people/gloria_anne.png" <img src="images/people/gloria_anne.png" class="rounded-full mx-auto mt-3" alt="Gloria Anne">
class="rounded-full mx-auto mt-3" alt="Gloria Anne" />
</a> </a>
</div> </div>
</div> #} </div>
#}
<div class="inline-block px-3"> <div class="inline-block px-3">
<div class=" <div class="
box box
@@ -416,16 +348,13 @@
ease-in-out ease-in-out
"> ">
<a href="/people/sasha-astiadi/" title="Sasha Astiadi"> <a href="/people/sasha-astiadi/" title="Sasha Astiadi">
<img src="images/people/sasha_astiadi.png" <img src="/images/people/sasha_astiadi.png" class="rounded-full mx-auto mt-3" alt="Sasha Astiadi">
class="rounded-full mx-auto mt-3" alt="Sasha Astiadi" />
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<style> <style>
.scrollable::-webkit-scrollbar { .scrollable::-webkit-scrollbar {
width: 8px; width: 8px;