consortium frontpage

This commit is contained in:
Laurens 2024-04-02 11:12:11 +02:00
parent 41f23751ab
commit f4afa0cf30
9 changed files with 605 additions and 81 deletions

BIN
assets/images/users.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 B

View file

@ -12,19 +12,44 @@ banner:
# Features # Features
features: features:
- title: "Consortium" - title: "Consortium"
# image: "/images/service-1.png" image: "/images/users.png"
content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate" content: "The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag."
bulletpoints: button:
- "10+ Pre-build pages" enable: false
- "95+ Google Pagespeed Score" label: "Learn more"
- "Build with Hugo and TailwindCSS for easy and customizable styling" link: ""
- "Fully responsive on all devices"
- "SEO-optimized for better search engine rankings" - title: "NLnet"
- "**Open-source and free** for personal and commercial use" image: "/images/users.png"
content: "NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data."
button: button:
enable: true enable: true
label: "Learn more" label: "Learn more"
link: "#" link: "/nlnet"
- title: "Open Internet Discourse"
image: "/images/users.png"
content: "The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are."
button:
enable: true
label: "Learn more"
link: "/oid"
- title: "Tweag"
image: "/images/users.png"
content: "Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers."
button:
enable: true
label: "Learn more"
link: "/tweag"
- title: "NORDUnet"
image: "/images/users.png"
content: "NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries."
button:
enable: true
label: "Learn more"
link: "/nordunet"
- title: "Discover the Key Features Of Hugo" - title: "Discover the Key Features Of Hugo"
image: "/images/service-2.png" image: "/images/service-2.png"

View file

@ -1,9 +1,9 @@
--- ---
title: "Consortium" title: "Open Internet Discourse Foundation"
# meta title # meta title
meta_title: "Consortium" meta_title: "Open Internet Discourse Foundation"
# meta description # meta description
description: "The organisations behind the Fediversity Project" description: "The Open Internet Discourse Foundation"
# save as draft # save as draft
draft: false draft: false
--- ---

View file

@ -38,6 +38,7 @@
{{ end }} {{ end }}
<!-- /Banner --> <!-- /Banner -->
<!-- Features --> <!-- Features -->
{{ range $i, $e:= .Params.features }} {{ range $i, $e:= .Params.features }}
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}"> <section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">

View file

@ -1291,35 +1291,29 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/post-2/"> How to build an Application with modern Technology </a> <a href="/blog/post-3/"> How to build an Application with modern Technology </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
<li class="mr-4 inline-block"> <li class="mr-4 inline-block">
<a href="/authors/sam-wilson/"> <a href="/authors/john-doe/">
<i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson <i class="fa-regular fa-circle-user mr-2"></i>John Doe
</a> </a>
</li> </li>
<li class="mr-4 inline-block"> <li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i> <i class="fa-regular fa-folder mr-1"></i>
<a <a
href="/categories/technology/" href="/categories/software/"
class="ms-1" class="ms-1"
>Technology , >Software
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
</a> </a>
</li> </li>
</ul> </ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p> <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-2/"> <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
Read More Read More
</a> </a>
</div> </div>
@ -1442,29 +1436,35 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/post-3/"> How to build an Application with modern Technology </a> <a href="/blog/post-2/"> How to build an Application with modern Technology </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
<li class="mr-4 inline-block"> <li class="mr-4 inline-block">
<a href="/authors/john-doe/"> <a href="/authors/sam-wilson/">
<i class="fa-regular fa-circle-user mr-2"></i>John Doe <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
</a> </a>
</li> </li>
<li class="mr-4 inline-block"> <li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i> <i class="fa-regular fa-folder mr-1"></i>
<a <a
href="/categories/software/" href="/categories/technology/"
class="ms-1" class="ms-1"
>Software >Technology ,
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
</a> </a>
</li> </li>
</ul> </ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p> <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-3/"> <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
Read More Read More
</a> </a>
</div> </div>

View file

@ -1291,7 +1291,7 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/post-1/"> How to build an Application with modern Technology </a> <a href="/blog/post-4/"> How to build an Application with modern Technology </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -1304,22 +1304,16 @@
<i class="fa-regular fa-folder mr-1"></i> <i class="fa-regular fa-folder mr-1"></i>
<a <a
href="/categories/application/" href="/categories/architecture/"
class="ms-1" class="ms-1"
>Application , >Architecture
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
</a> </a>
</li> </li>
</ul> </ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p> <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-1/"> <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
Read More Read More
</a> </a>
</div> </div>
@ -1587,7 +1581,7 @@
<h4 class="mb-3"> <h4 class="mb-3">
<a href="/blog/post-4/"> How to build an Application with modern Technology </a> <a href="/blog/post-1/"> How to build an Application with modern Technology </a>
</h4> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -1600,16 +1594,22 @@
<i class="fa-regular fa-folder mr-1"></i> <i class="fa-regular fa-folder mr-1"></i>
<a <a
href="/categories/architecture/" href="/categories/application/"
class="ms-1" class="ms-1"
>Architecture >Application ,
</a>
<a
href="/categories/data/"
class="ms-1"
>Data
</a> </a>
</li> </li>
</ul> </ul>
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p> <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/post-4/"> <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
Read More Read More
</a> </a>
</div> </div>

BIN
public/images/users.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 968 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 552 B

View file

@ -970,6 +970,7 @@
<section class="section-sm bg-gradient"> <section class="section-sm bg-gradient">
<div class="container"> <div class="container">
<div class="row items-center justify-between"> <div class="row items-center justify-between">
@ -990,6 +991,44 @@
@ -1012,13 +1051,23 @@
<img <img
loading=""
decoding="async" src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
src="//localhost:1313/" decoding="async" alt="feature image"
alt="feature image"
class=" img" class=" img"
height="" width="24"
width="" /> height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div> </div>
@ -1026,42 +1075,491 @@
class=" md:col-7 lg:col-6" class=" md:col-7 lg:col-6"
> >
<h2 class="mb-4">Consortium</h2> <h2 class="mb-4">Consortium</h2>
<p class="mb-8 text-lg">Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What&rsquo;s Included in Hugoplate</p> <p class="mb-8 text-lg">The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag.</p>
<ul> <ul>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
10+ Pre-build pages
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
95+ Google Pagespeed Score
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
Build with Hugo and TailwindCSS for easy and customizable styling
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
Fully responsive on all devices
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
SEO-optimized for better search engine rankings
</li>
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
<strong>Open-source and free</strong> for personal and commercial use
</li>
</ul> </ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/"> </div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">NLnet</h2>
<p class="mb-8 text-lg">NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/nlnet">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">Open Internet Discourse</h2>
<p class="mb-8 text-lg">The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/oid">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm ">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0
md:order-2
md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class="
md:order-1
md:col-7 lg:col-6"
>
<h2 class="mb-4">Tweag</h2>
<p class="mb-8 text-lg">Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/tweag">
Learn more
<i class="fa fa-arrow-right pl-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="section-sm bg-gradient">
<div class="container">
<div class="row items-center justify-between">
<div
class="mb:md-0 md:col-5 mb-6"
>
<img
src="/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp" loading="lazy"
decoding="async" alt="feature image"
class=" img"
width="24"
height="24"
onerror="this.onerror='null';this.src='\/images\/users.png';" />
</div>
<div
class=" md:col-7 lg:col-6"
>
<h2 class="mb-4">NORDUnet</h2>
<p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.</p>
<ul>
</ul>
<a class="btn btn-primary mt-6" href="//localhost:1313/nordunet">
Learn more Learn more
<i class="fa fa-arrow-right pl-2"></i> <i class="fa fa-arrow-right pl-2"></i>
</a> </a>