read more button to text

assets/scss/custom.scss

@@ -73,3 +73,8 @@
     max-width: 100px; /* Adjust as needed */
     max-height: 100px; /* Adjust as needed */
   }
+
+  .read-more-link {
+    color: #FF6E00; /* Use the variable defined in theme.json */
+  }
+  

hugo_stats.json

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

layouts/index.html

@@ -38,7 +38,7 @@
 {{ end }}
 <!-- /Banner -->
 
-<!-- Features -->
+<!-- Consortium -->
 <center><h2> Consortium</h2></center>
 
 
@@ -51,19 +51,20 @@
         <h4 class="mb-4">{{ .title | markdownify }}</h4>
       </div>
 
-      <p class="mb-8 text-lg">{{ .content | markdownify }}</p>
+      <p class="mb-8 text-lg">{{ .content | markdownify }}
         {{ 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>
         </a>
         {{ end }} {{ end }}
+      </p>
     </div>
     {{ end }}
   </div>
 </div>
 
-<!-- /Features -->
+<!-- /Consortium -->
 
 <!-- Features -->
 {{ range $i, $e:= .Params.features }}

public/css/style.css

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

public/index.html

@@ -981,8 +981,9 @@
         <h4 class="mb-4">Consortium</h4>
       </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 class="grid-item">
@@ -991,13 +992,14 @@
         <h4 class="mb-4">NLnet</h4>
       </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>
         </a>
          
+      </p>
     </div>
     
     <div class="grid-item">
@@ -1006,13 +1008,14 @@
         <h4 class="mb-4">Open Internet Discourse</h4>
       </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>
         </a>
          
+      </p>
     </div>
     
     <div class="grid-item">
@@ -1021,13 +1024,14 @@
         <h4 class="mb-4">Tweag</h4>
       </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>
         </a>
          
+      </p>
     </div>
     
     <div class="grid-item">
@@ -1036,13 +1040,14 @@
         <h4 class="mb-4">NORDUnet</h4>
       </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>
         </a>
          
+      </p>
     </div>
     
   </div>