Add fontawesome svg icons

Author: leonard84

spock-website/index.html

@@ -56,22 +56,21 @@ <h2 class="text-3xl md:text-4xl font-bold mb-8 text-gray-100" data-aos="fade-up"
 
         <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4" data-aos="fade-up" data-aos-delay="200">
             <a href="https://groovyconsole.dev/?g=groovy_4_0&gist=437e9026ff86d2d709c2c56eb7e2eef1#g8qcDpYAQE" target="_blank" class="cta-button cta-primary">
-                Try it online
+                <i class="fa-solid fa-laptop-code"></i> Try it online
             </a>
             <a href="https://docs.spockframework.org" target="_blank" class="cta-button cta-tertiary">
-                Read the Docs
+                <i class="fa-solid fa-book"></i> Read the Docs
             </a>
             <a href="https://github.com/spockframework/spock-example" target="_blank" class="cta-button cta-tertiary">
-                Clone the Example Project
+                <i class="fa-solid fa-code"></i> Clone the Example Project
             </a>
         </div>
     </div>
     <div class="container mx-auto px-6 text-center spock-blue-text text-md additional-links flex flex-wrap justify-center items-center gap-y-2 pt-8" data-aos="fade-up" data-aos-delay="300">
-        <a href="https://spockframework.org/spock/javadoc/current" class="mx-3 hover-underline-animation">JavaDoc</a> <span class="link-separator">|</span>
-        <a href="https://github.com/spockframework/spock" class="mx-3 hover-underline-animation">Source Code</a> <span class="link-separator">|</span>
-        <a href="https://github.com/spockframework/spock/issues" class="mx-3 hover-underline-animation">Issue Tracker</a> <span class="link-separator">|</span>
-        <a href="https://github.com/spockframework/spock/discussions" class="mx-3 hover-underline-animation">Discussions</a> <span class="link-separator">|</span>
-        <a href="https://gitter.im/spockframework/spock" class="mx-3 hover-underline-animation">Chat</a>
+        <a href="https://spockframework.org/spock/javadoc/current" class="mx-3 hover-underline-animation"><i class="fa-brands fa-java"></i> JavaDoc</a> <span class="link-separator">|</span>
+        <a href="https://github.com/spockframework/spock" class="mx-3 hover-underline-animation"><i class="fa-brands fa-github fa-lg"></i> Code &amp; Issues</a> <span class="link-separator">|</span>
+        <a href="https://github.com/spockframework/spock/discussions" class="mx-3 hover-underline-animation"><i class="fas fa-comment-dots"></i> Discussions</a> <span class="link-separator">|</span>
+        <a href="https://gitter.im/spockframework/spock" class="mx-3 hover-underline-animation"><i class="fas fa-comments"></i> Chat</a>
     </div>
 </section>
 
@@ -266,7 +265,7 @@ <h3 class="text-xl font-semibold text-center mb-4 text-gray-100">Example Test Ou
     </div>
     <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4 mt-8" data-aos="fade-up" data-aos-delay="800">
         <a href="https://groovyconsole.dev/?g=groovy_4_0&gist=437e9026ff86d2d709c2c56eb7e2eef1#g8qcDpYAQE" target="_blank" class="cta-button cta-primary">
-            Try it online
+            <i class="fa-solid fa-laptop-code"></i> Try it online
         </a>
     </div>
 </section>

spock-website/package-lock.json

@@ -13,6 +13,9 @@
     "vite": "^6.3.1"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@tailwindcss/vite": "^4.1.4",
     "tailwindcss": "^4.1.4"
   }

spock-website/package.json

@@ -0,0 +1,9 @@
+import { library, dom } from '@fortawesome/fontawesome-svg-core';
+import { faBook, faCode, faLaptopCode, faComments, faCommentDots} from '@fortawesome/free-solid-svg-icons';
+import { faGithub, faStackOverflow, faJava } from '@fortawesome/free-brands-svg-icons';
+
+// Add icons to the library
+library.add(faGithub, faStackOverflow, faJava, faBook, faCode, faLaptopCode, faComments, faCommentDots);
+
+// Watch for <i> tags and replace with SVG
+dom.watch();

spock-website/src/icons.ts

@@ -1 +1,2 @@
 import './style.css'
+import './icons'