v.5.2.9

Author: SimonPadbury

docs/index.html

@@ -292,8 +292,11 @@ <h2> Alpine.JS powered components</h2>
 
     </div>
 
-    <p class="my-6 pb-6 t-center t-lg">
-      <a class="inline-block b-thick b-teal-600 rounded-pill px-3 md:px-6 py-1 t-decoration-none t-heavy t-loose t-teal-600 hover:t-white hover:bg-teal-600" href="/codebase-5/docs/1-getting-started/introduction/">Get started &rarr;</a>
+    <p class="my-6 pb-6 t-center h3">
+      <a class="rounded-pill px-3 md:px-5 py-1 inline-flex flex-center flex-middle gap-1 t-decoration-none t-normal t-loose t-white hover:t-white bg-teal-500 hover:bg-teal-700" href="/codebase-5/docs/1-getting-started/introduction/">
+      Get started 
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg>
+      </a>
     </p>
 
     <div class="container-sm my-6 xs:t-center">

src/index.njk

@@ -139,8 +139,11 @@
 
     </div>
 
-    <p class="my-6 pb-6 t-center t-lg">
-      <a class="inline-block b-thick b-teal-600 rounded-pill px-3 md:px-6 py-1 t-decoration-none t-heavy t-loose t-teal-600 hover:t-white hover:bg-teal-600" href="{{ '/docs/1-getting-started/introduction/' | url }}">Get started &rarr;</a>
+    <p class="my-6 pb-6 t-center h3">
+      <a class="rounded-pill px-3 md:px-5 py-1 inline-flex flex-center flex-middle gap-1 t-decoration-none t-normal t-loose t-white hover:t-white bg-teal-500 hover:bg-teal-700" href="{{ '/docs/1-getting-started/introduction/' | url }}">
+      Get started 
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg>
+      </a>
     </p>
 
     <div class="container-sm my-6 xs:t-center">