lining up icons

This commit is contained in:
Laurens 2024-05-13 16:36:08 +02:00
parent f49bcf79b8
commit 4d0279a137
25 changed files with 36 additions and 19 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 { .header-with-image {
display: flex; display: flex;
align-items: center; align-items: flex-start;
} }
.header-with-image img { .header-with-image img {
margin-right: 10px; margin-right: 10px;
max-width: 100px; /* Adjust as needed */ max-width: 100px; /* Adjust as needed */
max-height: 100px; /* Adjust as needed */ max-height: 100px; /* Adjust as needed */
align-items: center;
} }
.read-more-link { .read-more-link {

View file

@ -3,7 +3,7 @@
banner: banner:
title: "Welcome to the Fediversity Project" 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." 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: button:
enable: true enable: true
label: "For You" label: "For You"
@ -63,7 +63,7 @@ features:
features2: features2:
- title: "Individuals" - title: "Individuals"
image: "/images/user.png" 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: button:
enable: true enable: true
label: "Learn more" label: "Learn more"
@ -71,7 +71,7 @@ features2:
- title: "Developers" - title: "Developers"
image: "/images/code.png" 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: button:
enable: true enable: true
label: "Learn more" label: "Learn more"
@ -79,7 +79,7 @@ features2:
- title: "European Commission" - title: "European Commission"
image: "/images/globe.png" 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: button:
enable: true enable: true
label: "Learn more" label: "Learn more"

View file

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

View file

@ -180,7 +180,7 @@
<section> <section>
<div class="header-with-image"> <div class="header-with-image">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest Events</h4> <h4 class="mb-4">Latest News</h4>
</div> </div>
<ul class="list"> <ul class="list">
{{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }} {{ 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 { .header-with-image {
display: flex; display: flex;
align-items: center; } align-items: flex-start; }
.header-with-image img { .header-with-image img {
margin-right: 10px; margin-right: 10px;
max-width: 100px; max-width: 100px;
/* Adjust as needed */ /* Adjust as needed */
max-height: 100px; max-height: 100px;
/* Adjust as needed */ } /* Adjust as needed */
align-items: center; }
.read-more-link { .read-more-link {
color: #FF6E00; color: #FF6E00;
@ -3201,6 +3202,18 @@ input#nav-toggle:checked ~ #nav-menu {
width: auto; 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\] { .lg\:\!max-w-\[800px\] {
max-width: 800px !important; 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> <picture>
<source <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)" /> media="(max-width: 575px)" />
<source <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)" /> media="(max-width: 767px)" />
<source <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)" /> media="(max-width: 991px)" />
<source <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 <img
loading="eager" decoding="async" 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" class=" mx-auto lg:!max-w-[800px] img"
alt="Banner image" alt="Banner image"
width="962" width="500"
height="728" /> height="378" />
</picture> </picture>
@ -1058,7 +1058,7 @@
<h4 class="mb-4">Individuals</h4> <h4 class="mb-4">Individuals</h4>
</div> </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"> <a class="btn btn-primary mt-6" href="//localhost:1313/individuals">
Learn more Learn more
@ -1073,7 +1073,7 @@
<h4 class="mb-4">Developers</h4> <h4 class="mb-4">Developers</h4>
</div> </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"> <a class="btn btn-primary mt-6" href="//localhost:1313/developers">
Learn more Learn more
@ -1088,7 +1088,7 @@
<h4 class="mb-4">European Commission</h4> <h4 class="mb-4">European Commission</h4>
</div> </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"> <a class="btn btn-primary mt-6" href="//localhost:1313/ec">
Learn more Learn more
@ -1153,7 +1153,7 @@
<section> <section>
<div class="header-with-image"> <div class="header-with-image">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest Events</h4> <h4 class="mb-4">Latest News</h4>
</div> </div>
<ul class="list"> <ul class="list">