read more button to text

This commit is contained in:
Laurens 2024-05-01 16:45:28 +02:00
parent 7cb78f5097
commit f59d013869
5 changed files with 57 additions and 49 deletions

View file

@ -72,4 +72,9 @@
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 */
} }
.read-more-link {
color: #FF6E00; /* Use the variable defined in theme.json */
}

View file

@ -162,7 +162,6 @@
"md:col-8", "md:col-8",
"md:col-9", "md:col-9",
"md:hidden", "md:hidden",
"md:order-1",
"md:order-2", "md:order-2",
"ml-2", "ml-2",
"ml-4", "ml-4",
@ -199,6 +198,7 @@
"pl-2", "pl-2",
"pr-5", "pr-5",
"pr-8", "pr-8",
"primary",
"pt-14", "pt-14",
"pt-7", "pt-7",
"px-2", "px-2",
@ -209,6 +209,7 @@
"py-2", "py-2",
"py-7", "py-7",
"py-[2.5px]", "py-[2.5px]",
"read-more-link",
"relative", "relative",
"rounded", "rounded",
"rounded-2xl", "rounded-2xl",

View file

@ -38,7 +38,7 @@
{{ end }} {{ end }}
<!-- /Banner --> <!-- /Banner -->
<!-- Features --> <!-- Consortium -->
<center><h2> Consortium</h2></center> <center><h2> Consortium</h2></center>
@ -51,19 +51,20 @@
<h4 class="mb-4">{{ .title | markdownify }}</h4> <h4 class="mb-4">{{ .title | markdownify }}</h4>
</div> </div>
<p class="mb-8 text-lg">{{ .content | markdownify }}</p> <p class="mb-8 text-lg">{{ .content | markdownify }}
{{ with .button }} {{ if .enable }} {{ with .button }} {{ if .enable }}
<a class="btn btn-primary mt-6" href="{{ .link | absURL }}"> <a class="mt-6" href="{{ .link | absURL }}" style="color:#FF6E00">
{{ .label }} Read more
<i class="fa fa-arrow-right pl-2"></i> <i class="fa fa-arrow-right pl-2"></i>
</a> </a>
{{ end }} {{ end }} {{ end }} {{ end }}
</p>
</div> </div>
{{ end }} {{ end }}
</div> </div>
</div> </div>
<!-- /Features --> <!-- /Consortium -->
<!-- Features --> <!-- Features -->
{{ range $i, $e:= .Params.features }} {{ range $i, $e:= .Params.features }}

View file

@ -3080,6 +3080,10 @@ input#nav-toggle:checked ~ #nav-menu {
max-height: 100px; max-height: 100px;
/* Adjust as needed */ } /* Adjust as needed */ }
.read-more-link {
color: #FF6E00;
/* Use the variable defined in theme.json */ }
@media (min-width: 540px) { @media (min-width: 540px) {
.sm\:col-10 { .sm\:col-10 {
@ -3120,10 +3124,6 @@ input#nav-toggle:checked ~ #nav-menu {
width: 83.33333333333334%; width: 83.33333333333334%;
} }
.md\:order-1 {
order: 1;
}
.md\:order-2 { .md\:order-2 {
order: 2; order: 2;
} }
@ -3189,10 +3189,6 @@ input#nav-toggle:checked ~ #nav-menu {
@media (min-width: 768px) { @media (min-width: 768px) {
.md\:order-1 {
order: 1;
}
.md\:order-2 { .md\:order-2 {
order: 2; order: 2;
} }

View file

@ -981,8 +981,9 @@
<h4 class="mb-4">Consortium</h4> <h4 class="mb-4">Consortium</h4>
</div> </div>
<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> <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>
</div> </div>
<div class="grid-item"> <div class="grid-item">
@ -991,13 +992,14 @@
<h4 class="mb-4">NLnet</h4> <h4 class="mb-4">NLnet</h4>
</div> </div>
<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> <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.
<a class="btn btn-primary mt-6" href="//localhost:1313/nlnet"> <a class="mt-6" href="//localhost:1313/nlnet" style="color:#FF6E00">
Learn more Read more
<i class="fa fa-arrow-right pl-2"></i> <i class="fa fa-arrow-right pl-2"></i>
</a> </a>
</p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
@ -1006,13 +1008,14 @@
<h4 class="mb-4">Open Internet Discourse</h4> <h4 class="mb-4">Open Internet Discourse</h4>
</div> </div>
<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> <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.
<a class="btn btn-primary mt-6" href="//localhost:1313/oid"> <a class="mt-6" href="//localhost:1313/oid" style="color:#FF6E00">
Learn more Read more
<i class="fa fa-arrow-right pl-2"></i> <i class="fa fa-arrow-right pl-2"></i>
</a> </a>
</p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
@ -1021,13 +1024,14 @@
<h4 class="mb-4">Tweag</h4> <h4 class="mb-4">Tweag</h4>
</div> </div>
<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> <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.
<a class="btn btn-primary mt-6" href="//localhost:1313/tweag"> <a class="mt-6" href="//localhost:1313/tweag" style="color:#FF6E00">
Learn more Read more
<i class="fa fa-arrow-right pl-2"></i> <i class="fa fa-arrow-right pl-2"></i>
</a> </a>
</p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
@ -1036,13 +1040,14 @@
<h4 class="mb-4">NORDUnet</h4> <h4 class="mb-4">NORDUnet</h4>
</div> </div>
<p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.</p> <p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.
<a class="btn btn-primary mt-6" href="//localhost:1313/nordunet"> <a class="mt-6" href="//localhost:1313/nordunet" style="color:#FF6E00">
Learn more Read more
<i class="fa fa-arrow-right pl-2"></i> <i class="fa fa-arrow-right pl-2"></i>
</a> </a>
</p>
</div> </div>
</div> </div>