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

This commit is contained in:
samtaggart
2023-12-18 16:27:12 +03:00
11 changed files with 177 additions and 255 deletions

View File

@@ -6,12 +6,12 @@ title = "ThreeFold"
description="Our global digital backbone"
# 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.
# 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.
# feed_filename = "index.xml"
feed_filename = "atom.xml"
# The number of articles to include in the feed. All items are included if
# this limit is not set (the default).

View File

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

View File

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

View File

@@ -1,7 +1,9 @@
---
title: "Partners"
title: "Our Partners"
paginate_by: 6
# paginate_reversed: false
sort_by: "none"
insert_anchor_links: "left"
#base_url: "posts"
@@ -10,6 +12,5 @@ insert_anchor_links: "left"
template: "layouts/partners.html"
page_template: "partnerPage.html"
#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

View File

@@ -1,8 +1,9 @@
---
title: "People"
title: "Our People"
paginate_by: 4
sort_by: "weight"
template: "layouts/people.html"
page_template: "partials/personCard.html"
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 planets situation and benefit the people around us."
---

4
static/css/index.css Normal file

File diff suppressed because one or more lines are too long

View File

@@ -5,17 +5,14 @@ consists of a featured partners row,
a paginated list of posts (sorted by date),
and a side nav for category and featured post navigation
-->
{% block content %}
<main>
<!--sets global featured variable as the most recent post with the isFeatured tag-->
{%- 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/partnersSidebar.html" %}
</div>
</main>
{% endblock content %}
</main>
{% endblock content %}

View File

@@ -3,50 +3,45 @@
{% set xFmPart2 = ',x_0,z_1/' %}
{% set fallbackImg = 'typewriter-monochrome_2242164_6260x4374.jpg' %}
{% set zolaVer = '0.13.0' %}
<head>
<link rel="icon" type="image/x-icon" href="{{ get_url(path='images/icons/favicon.png')}}">
{% block title %}
<title>{{ config.title }}</title>
<meta property="og:type" content="website" />
<meta property="og:site_name" content="{{ config.base_url }}" />
<meta property="og:type" content="website">
<meta property="og:site_name" content="{{ config.base_url }}">
{% if section.title %}
<title>{{ section.title }}</title>
<meta property="og:title" content="{{ section.title }}" />
<meta property="og:title" content="{{ section.title }}">
{% elif page.title %}
<title>{{ page.title }}</title>
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:title" content="{{ page.title }}">
{%endif%}
{%if section.extra.imgPath %}
<meta name="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 name="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 }}">
{% elif page.extra.imgPath %}
<meta name="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 name="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 }}">
{%endif%}
{%if section.description%}
<meta name="description" content="{{ section.description }}" />
<meta property="og:description" content="{{ section.description }}" />
<meta property="twitter:description" content="{{ section.description }}" />
<meta name="description" content="{{ section.description }}">
<meta property="og:description" content="{{ section.description }}">
<meta property="twitter:description" content="{{ section.description }}">
{%elif page.description%}
<meta name="description" content="{{ page.description }}" />
<meta property="og:description" content="{{ page.description }}" />
<meta property="twitter:description" content="{{ page.description }}" />
<meta name="description" content="{{ page.description }}">
<meta property="og:description" content="{{ page.description }}">
<meta property="twitter:description" content="{{ page.description }}">
{%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" />
<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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css">
<!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
<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" 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 () {
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" });
@@ -60,9 +55,9 @@
}); var f = d.getElementsByTagName(s)[0],
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);
})(window, document, 'script', 'dataLayer', 'GTM-N7PNMFH');</script>
})(window, document, 'script', 'dataLayer', 'GTM-N7PNMFH');
</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100065546-1"></script>
<script>
@@ -72,7 +67,6 @@
gtag('config', 'UA-100065546-1');
</script>
<!-- Matomo Tag Manager -->
<script>
var _mtm = window._mtm = window._mtm || [];
@@ -81,7 +75,6 @@
g.async = true; g.src = 'https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s);
</script>
<!-- End Matomo Tag Manager -->
<!-- Crisp -->
<script type="text/plain" cookie-consent="tracking">
window.$crisp = [];
@@ -93,8 +86,7 @@
s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s);
})();
</script>
</script>
<!-- Crisp without cookies -->
<!-- <script type="text/javascript" cookie-consent="tracking">
window.$crisp = [];
@@ -108,27 +100,18 @@
})();
</script> -->
<!-- end of Crisp-->
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- **** BEGINNING, favicons **** -->
<!-- generics -->
<!-- iOS -->
<!-- Android -->
<!-- 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 }}" />
<link rel="stylesheet" href="{{ get_url(path='css/index.css', trailing_slash=false, cachebust=true) | safe }}">
<style>
.space-x-10>:not([hidden])~:not([hidden]){
margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))!important;
@@ -155,10 +138,7 @@
}
}
</style>
<script type='text/javascript'
src='https://platform-api.sharethis.com/js/sharethis.js#property=62556aac80366d0019fc1af2&product=sop'
async='async'></script>
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=62556aac80366d0019fc1af2&product=sop" async="async"></script>
<!-- MailerLite Universal -->
<script>
(function (m, a, i, l, e, r) {
@@ -173,4 +153,13 @@
var ml_account = ml('accounts', '1778010', 'x2d3d9f8n1', 'load');
</script>
<!-- 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>

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 %}

View File

@@ -1,16 +1,11 @@
{% extends "_default/base.html" %}
{% block content %}
{%- set section = get_section(path="people/_index.md") %}
{% include "partials/intro.html" %}
<div class="container mx-auto">
{% include "partials/filter_bar.html" %}
<div class="text-center main-title px-0 md:w-full">
<h1
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 section = get_section(path="people/_index.md") %}
<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">
{% set path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %}
{% set category = path_array[2] %}
@@ -32,22 +27,18 @@
{% endif %}
{% endfor %}
</div>
<hr class="mt-6" />
<hr class="mt-6">
<p class="text-center text-sm mt-2 mb-16">
{% if paginator.previous %}
<a
class="border-transparent"
aria-label="First page"
href="{{ paginator.first }}"
>{% include "partials/icons/svgPrevPageIcon.html" %}{% include
"partials/icons/svgPrevPageIcon.html" %}</a
<a class="border-transparent" aria-label="First page" href="{{ paginator.first }}">
{% include "partials/icons/svgPrevPageIcon.html" %}{% include
"partials/icons/svgPrevPageIcon.html" %}
</a
>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a
class="border-transparent"
aria-label="Previous page"
href="{{ paginator.previous }}"
>{% include "partials/icons/svgPrevPageIcon.html" %}</a
<a class="border-transparent" aria-label="Previous page" 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; {% else %} {%
@@ -58,19 +49,15 @@
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endif %} {% if
paginator.next %}
<a
class="border-transparent"
aria-label="Next page"
href="{{ paginator.next }}"
>{% include "partials/icons/svgNextPageIcon.html" %}</a
<a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}">
{% include "partials/icons/svgNextPageIcon.html" %}
</a
>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a
class="border-transparent"
aria-label="Last page"
href="{{ paginator.last }}"
>{% include "partials/icons/svgNextPageIcon.html" %}{% include
"partials/icons/svgNextPageIcon.html" %}</a
<a class="border-transparent" aria-label="Last page" href="{{ paginator.last }}">
{% include "partials/icons/svgNextPageIcon.html" %}{% include
"partials/icons/svgNextPageIcon.html" %}
</a
>
{% else %} {% include "partials/icons/svgLastPageIcon.html" %}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
@@ -80,5 +67,4 @@
</div>
</div>
</div>
{% endblock content %}

View File

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