Fediversity/public/authors/laurens-hof/index.html
2024-05-28 12:17:37 +02:00

1508 lines
24 KiB
HTML

<!doctype html>
<html
itemscope
class="system"
lang="en-us"
itemtype="http://schema.org/WebPage"
>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=5"
/>
<meta name="theme-name" content="hugoplate" />
<link rel="shortcut icon" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png" type="image/x-icon">
<link rel="icon" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x0_resize_lanczos_3.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x0_resize_lanczos_3.png">
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="msapplication-TileColor"
content="#ddd" />
<meta
name="theme-color"
content="#ffffff" />
<base href="//localhost:1313/authors/laurens-hof/" />
<title>Laurens Hof</title>
<meta
name="keywords"
content="fediverse, nixos, open source" />
<meta
name="description"
content="storyteller" />
<meta name="author" content="NGI Fediversity" />
<meta property="og:image" content="//localhost:1313/images/avatar.png" />
<meta name="twitter:image" content="//localhost:1313/images/avatar.png" />
<meta
name="twitter:card"
content="summary" />
<meta property="og:image:width" content="194" />
<meta property="og:image:height" content="194" />
<meta
property="og:image:type"
content="image/
.png
" />
<meta property="og:title" content="Laurens Hof" />
<meta property="og:description" content="storyteller" />
<meta property="og:type" content="website" />
<meta property="og:url" content="//localhost:1313/authors/laurens-hof/" />
<meta name="twitter:title" content="Laurens Hof" />
<meta name="twitter:description" content="storyteller" />
<script>
let indexURL = "//localhost:1313/searchindex.json";
let includeSectionsInSearch = ["blog"];
let no_results_for = "No results for";
let empty_search_results_placeholder = "Type something to search..";
</script>
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin />
<link rel="preconnect" href="//cdnjs.cloudflare.com" />
<link rel="preconnect" href="//www.googletagmanager.com" />
<link rel="preconnect" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="https://use.fontawesome.com" />
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
<link rel="dns-prefetch" href="//www.googletagmanager.com" />
<link rel="dns-prefetch" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//connect.facebook.net" />
<link rel="dns-prefetch" href="//platform.linkedin.com" />
<link rel="dns-prefetch" href="//platform.twitter.com" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<script>
(function () {
const googleFont = document.createElement("link");
googleFont.href =
"https://fonts.googleapis.com/css2?family=Heebo:wght@400;600&family=Signika:wght@500;700&display=swap";
googleFont.type = "text/css";
googleFont.rel = "stylesheet";
document.head.appendChild(googleFont);
})();
</script>
<link
href="/css/style.css"
integrity=""
rel="stylesheet"
/>
<link
defer
async
rel="stylesheet"
href="/css/style-lazy.css"
integrity=""
media="print"
onload="this.media='all'; this.onload=null;"
/>
</head>
<body>
<div
class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200"
>
<span class="block sm:hidden">all</span>
<span class="hidden sm:block md:hidden">sm</span>
<span class="hidden md:block lg:hidden">md</span>
<span class="hidden lg:block xl:hidden">lg</span>
<span class="hidden xl:block 2xl:hidden">xl</span>
<span class="hidden 2xl:block">2xl</span>
</div>
<header
class="header sticky top-0 z-30"
>
<nav class="navbar container">
<div class="order-0">
<a class="navbar-brand block" href="/">
<img
fetchpriority="high"
decoding="async"
class="img logo-light"
width="160"
height="32"
src="/images/ngi_fedi_full.svg"
alt="Hugoplate"
onerror="this.onerror=null;this.src='';" />
<img
fetchpriority="high"
decoding="async"
class="img logo-dark"
width="160"
height="32"
src="/images/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_q80_h2_lanczos_3.webp"
alt="Hugoplate"
onerror="this.onerror=null;this.src='\/images\/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_lanczos_3.png';" />
</a>
</div>
<input id="nav-toggle" type="checkbox" class="hidden" />
<label
for="nav-toggle"
class="order-3 cursor-pointer flex items-center lg:hidden text-dark lg:order-1"
>
<svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
<title>Menu Open</title>
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
</svg>
<svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
<title>Menu Close</title>
<polygon
points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
transform="rotate(45 10 10)"
></polygon>
</svg>
</label>
<ul
id="nav-menu"
class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"
>
<li class="nav-item nav-dropdown group relative">
<span
class="nav-link
inline-flex items-center"
>
For You
<svg class="h-4 w-4 fill-current" viewBox="0 0 20 20">
<path
d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
/>
</svg>
</span>
<ul
class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100"
>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/developers/"
>
Developers
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/ec/"
>
European Commission
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/individuals/"
>
Individuals
</a>
</li>
</ul>
</li>
<li class="nav-item nav-dropdown group relative">
<span
class="nav-link
inline-flex items-center"
>
Consortium
<svg class="h-4 w-4 fill-current" viewBox="0 0 20 20">
<path
d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
/>
</svg>
</span>
<ul
class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100"
>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/nlnet/"
>
NLnet
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/nordunet/"
>
NORDUnet
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/oid/"
>
Open Internet Discourse
</a>
</li>
<li class="nav-dropdown-item">
<a
class="nav-dropdown-link "
href="/tweag/"
>
Tweag
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/fediversity/"
>Fediversity</a
>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/grants/"
>Grants</a
>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/events/"
>Events</a
>
</li>
<li class="nav-item">
<a
class="nav-link "
href="/blog/"
>News</a
>
</li>
<li class="mt-4 inline-block lg:hidden">
<a
class="btn btn-outline-primary btn-sm"
href="/contact"
>
Contact
</a>
</li>
</ul>
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
<a
href="/contact"
class="btn btn-outline-primary btn-sm hidden lg:inline-block"
>
Contact
</a>
</div>
</nav>
</header>
<main>
<section class="section-sm pb-0">
<div class="container">
<div class="row border-border justify-center border-b pb-14">
<div class="lg:col-4 text-center">
<img
src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async"
alt="Laurens Hof"
class=" mx-auto img"
width="200"
height="200"
onerror="this.onerror='null';
this.src='\/images\/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png';" />
<h1 class="h3 mt-10">Laurens Hof</h1>
<div class="content mt-6"><p>Story teller for the Fediversity Project.</p>
</div>
<ul class="social-icons ml-4 mt-10 text-center">
<li>
<a
href="https://github.com"
target="_blank"
rel="noopener nofollow"
>
<span class="sr-only"></span>
<i class="fa-brands fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="row pb-16 pt-14">
<div class="md:col-6 lg:col-4 mb-12">
<div class="bg-body">
<picture>
<source
srcset="/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_lanczos_3.png"
class=" w-full rounded img"
alt="Fediversity new website launch"
width="851"
height="650" />
</picture>
<h4 class="mb-3">
<a href="/blog/new-website-launch/"> Fediversity new website launch </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/news/"
class="ms-1"
>News
</a>
</li>
</ul>
<p class="mb-6">We are pleased to introduce the launch of our new website dedicated to the Fediversity project.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/new-website-launch/">
Read More
</a>
</div>
</div>
<div class="md:col-6 lg:col-4 mb-12">
<div class="bg-body">
<h4 class="mb-3">
<a href="/events/publicspaces-annual-conference/"> PublicSpaces Conference 2024 </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/event/"
class="ms-1"
>Event ,
</a>
<a
href="/categories/conference/"
class="ms-1"
>Conference
</a>
</li>
</ul>
<p class="mb-6">On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme &lsquo;Empowering the Internet&rsquo;.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/publicspaces-annual-conference/">
Read More
</a>
</div>
</div>
<div class="md:col-6 lg:col-4 mb-12">
<div class="bg-body">
<h4 class="mb-3">
<a href="/events/owc-annual-conference-2024/"> OW2con 2024 </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/event/"
class="ms-1"
>Event ,
</a>
<a
href="/categories/conference/"
class="ms-1"
>Conference
</a>
</li>
</ul>
<p class="mb-6">OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/owc-annual-conference-2024/">
Read More
</a>
</div>
</div>
<div class="md:col-6 lg:col-4 mb-12">
<div class="bg-body">
<picture>
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" w-full rounded img"
alt="State of the Internet 2024"
width="1096"
height="480" />
</picture>
<h4 class="mb-3">
<a href="/events/waag-state-internet-2024/"> State of the Internet 2024 </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/event/"
class="ms-1"
>Event ,
</a>
<a
href="/categories/webinar/"
class="ms-1"
>Webinar
</a>
</li>
</ul>
<p class="mb-6">Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024/">
Read More
</a>
</div>
</div>
<div class="md:col-6 lg:col-4 mb-12">
<div class="bg-body">
<picture>
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
class=" w-full rounded img"
alt="Fediversity Project publicly announced"
width="500"
height="378" />
</picture>
<h4 class="mb-3">
<a href="/blog/project-launch/"> Fediversity Project publicly announced </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/news/"
class="ms-1"
>News
</a>
</li>
</ul>
<p class="mb-6">The Consortium behind the Fediversity project announces that the project has officially been started.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/project-launch/">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-theme-light">
<div class="container">
<div class="row items-center py-10">
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
<a
class="navbar-brand inline-block"
href="/"
>
<img
fetchpriority="high"
decoding="async"
class="img logo-light"
width="160"
height="32"
src="/images/ngi_fedi_full.svg"
alt="Hugoplate"
onerror="this.onerror=null;this.src='';" />
<img
fetchpriority="high"
decoding="async"
class="img logo-dark"
width="160"
height="32"
src="/images/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_q80_h2_lanczos_3.webp"
alt="Hugoplate"
onerror="this.onerror=null;this.src='\/images\/logo-darkmode_hu3e1f0f6bc04cc0e54cd69f08cd041995_19726_320x0_resize_lanczos_3.png';" />
</a>
</div>
<div class="lg:col-6 mb-8 text-center lg:mb-0">
<ul>
<li class="m-3 inline-block">
<a
href="
/fediversity/
"
>About</a
>
</li>
<li class="m-3 inline-block">
<a
href="
/privacy-policy/
"
>Privacy Policy</a
>
</li>
</ul>
</div>
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
<ul class="social-icons">
<li>
<a
target="_blank"
aria-label="mastodon"
rel="nofollow noopener"
href="https://mastodon.fediversity.eu/@fediversity"
>
<i class="fab fa-mastodon"></i>
</a>
</li>
<li>
<a
target="_blank"
aria-label="rss"
rel="nofollow noopener"
href="https://fediversity.eu/rss"
>
<i class="fab fa-rss"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="border-border border-t py-7">
<div class="text-light container text-center">
<p></p>
</div>
</div>
</footer>
<script
crossorigin="anonymous"
integrity=""
src="/js/script.js"
></script>
<script
defer
async
crossorigin="anonymous"
integrity=""
src="/js/script-lazy.js"
></script>
<script>
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
</script>
</body>
</html>