lining up icons

This commit is contained in:
Laurens 2024-05-13 16:36:08 +02:00
parent 862fb5dd41
commit 83abae9f71
52 changed files with 54 additions and 23 deletions

BIN
.DS_Store vendored

Binary file not shown.

BIN
assets/.DS_Store vendored

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

View file

@ -65,13 +65,14 @@
.header-with-image {
display: flex;
align-items: center;
align-items: flex-start;
}
.header-with-image img {
margin-right: 10px;
max-width: 100px; /* Adjust as needed */
max-height: 100px; /* Adjust as needed */
align-items: center;
}
.read-more-link {

View file

@ -3,7 +3,7 @@
banner:
title: "Welcome to the Fediversity Project"
content: "The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone."
image: "/images/checkbox-illustration.png"
image: "/images/checkbox-illustration-scaled.png"
button:
enable: true
label: "For You"
@ -63,7 +63,7 @@ features:
features2:
- title: "Individuals"
image: "/images/user.png"
content: "2Always be in control with your own data on social networks, whether that's with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible."
content: "Always be in control with your own data on social networks, whether that's with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible."
button:
enable: true
label: "Learn more"
@ -71,7 +71,7 @@ features2:
- title: "Developers"
image: "/images/code.png"
content: "2As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help."
content: "As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help."
button:
enable: true
label: "Learn more"
@ -79,7 +79,7 @@ features2:
- title: "European Commission"
image: "/images/globe.png"
content: "2The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project."
content: "The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project."
button:
enable: true
label: "Learn more"

View file

@ -113,6 +113,9 @@
"justify-between",
"justify-center",
"left-0",
"lg:!max-w-[1000px]",
"lg:!max-w-[6000px]",
"lg:!max-w-[600px]",
"lg:!max-w-[800px]",
"lg:bg-green-200",
"lg:block",

View file

@ -180,7 +180,7 @@
<section>
<div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest Events</h4>
<h4 class="mb-4">Latest News</h4>
</div>
<ul class="list">
{{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }}

View file

@ -2991,14 +2991,15 @@ input#nav-toggle:checked ~ #nav-menu {
.header-with-image {
display: flex;
align-items: center; }
align-items: flex-start; }
.header-with-image img {
margin-right: 10px;
max-width: 100px;
/* Adjust as needed */
max-height: 100px;
/* Adjust as needed */ }
/* Adjust as needed */
align-items: center; }
.read-more-link {
color: #FF6E00;
@ -3201,6 +3202,18 @@ input#nav-toggle:checked ~ #nav-menu {
width: auto;
}
.lg\:\!max-w-\[1000px\] {
max-width: 1000px !important;
}
.lg\:\!max-w-\[6000px\] {
max-width: 6000px !important;
}
.lg\:\!max-w-\[600px\] {
max-width: 600px !important;
}
.lg\:\!max-w-\[800px\] {
max-width: 800px !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

View file

@ -752,31 +752,31 @@
<picture>
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_545x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_600x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_700x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_800x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_800x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="eager" decoding="async"
src="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_800x0_resize_lanczos_3.png"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_800x0_resize_lanczos_3.png"
class=" mx-auto lg:!max-w-[800px] img"
alt="Banner image"
width="962"
height="728" />
width="500"
height="378" />
</picture>
@ -1058,7 +1058,7 @@
<h4 class="mb-4">Individuals</h4>
</div>
<p class="mb-8 text-lg">2Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
<p class="mb-8 text-lg">Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
<a class="btn btn-primary mt-6" href="//localhost:1313/individuals">
Learn more
@ -1073,7 +1073,7 @@
<h4 class="mb-4">Developers</h4>
</div>
<p class="mb-8 text-lg">2As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
<p class="mb-8 text-lg">As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
<a class="btn btn-primary mt-6" href="//localhost:1313/developers">
Learn more
@ -1088,7 +1088,7 @@
<h4 class="mb-4">European Commission</h4>
</div>
<p class="mb-8 text-lg">2The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
<p class="mb-8 text-lg">The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
<a class="btn btn-primary mt-6" href="//localhost:1313/ec">
Learn more
@ -1153,7 +1153,7 @@
<section>
<div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest Events</h4>
<h4 class="mb-4">Latest News</h4>
</div>
<ul class="list">

View file

@ -2991,14 +2991,15 @@ input#nav-toggle:checked ~ #nav-menu {
.header-with-image {
display: flex;
align-items: center; }
align-items: flex-start; }
.header-with-image img {
margin-right: 10px;
max-width: 100px;
/* Adjust as needed */
max-height: 100px;
/* Adjust as needed */ }
/* Adjust as needed */
align-items: center; }
.read-more-link {
color: #FF6E00;
@ -3201,6 +3202,18 @@ input#nav-toggle:checked ~ #nav-menu {
width: auto;
}
.lg\:\!max-w-\[1000px\] {
max-width: 1000px !important;
}
.lg\:\!max-w-\[6000px\] {
max-width: 6000px !important;
}
.lg\:\!max-w-\[600px\] {
max-width: 600px !important;
}
.lg\:\!max-w-\[800px\] {
max-width: 800px !important;
}

View file

@ -1063,14 +1063,15 @@
.header-with-image {
display: flex;
align-items: center; }
align-items: flex-start; }
.header-with-image img {
margin-right: 10px;
max-width: 100px;
/* Adjust as needed */
max-height: 100px;
/* Adjust as needed */ }
/* Adjust as needed */
align-items: center; }
.read-more-link {
color: #FF6E00;