Skip to content

New Design #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 29 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
20ce3ba
Prototype new design
leonard84 Apr 15, 2025
a2ced41
design v2
leonard84 Apr 15, 2025
8a8e916
Add missing tag line
leonard84 Apr 15, 2025
ee7a311
Fix link text
leonard84 Apr 15, 2025
e2a93ec
Add logo and .gitignore
leonard84 Apr 15, 2025
9e5cde1
Polish blurb
leonard84 Apr 15, 2025
16d2e68
Move links section
leonard84 Apr 15, 2025
30587e8
Remove hover animation for links
leonard84 Apr 15, 2025
5b3c61b
Merge links into cta section
leonard84 Apr 15, 2025
9dcdbb1
Fix link animations
leonard84 Apr 15, 2025
2e1dd5a
Repeat CTA after code block
leonard84 Apr 15, 2025
3e6a61d
Update example code and add output
leonard84 Apr 15, 2025
d8d9e9e
More cleanup
leonard84 Apr 15, 2025
b77cdf2
Add some seo metadata
leonard84 Apr 16, 2025
bc74fff
Moved to vite and tailwind for building
leonard84 Apr 20, 2025
2aaa2c5
Fix hover animation for cards
leonard84 Apr 20, 2025
fdba659
Increase delay for fade animation of cards
leonard84 Apr 20, 2025
2b74a4f
Add switch to disable AOS animations
leonard84 Apr 20, 2025
2fa5e58
Add fontawesome svg icons
leonard84 Apr 20, 2025
c1134b0
Add stackoverflow and latest version shield
leonard84 Apr 20, 2025
beab51d
Add workflow for verifying and previewing PR
leonard84 Apr 20, 2025
55afb7f
Add Playwright for visual testing and setup git lfs
leonard84 Apr 20, 2025
f178025
Add workflow for updating screenshots
leonard84 Apr 20, 2025
315c3ed
Support both `main` and `master` for now
leonard84 Apr 20, 2025
9bd0e1d
Add social links
leonard84 Apr 20, 2025
cf68a90
Set default working dir to `spock-website/`
leonard84 Apr 20, 2025
3b103c8
Help `setup-node` to find package-lock.json file
leonard84 Apr 20, 2025
3dca2e2
Fix playwright reporter config
leonard84 Apr 20, 2025
166185f
Use fontawesome for feature card icons as well
leonard84 Apr 20, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add social links
  • Loading branch information
leonard84 committed Apr 20, 2025
commit 9bd0e1d724e4f194e0a5efbb2c350a11845c9ddc
14 changes: 14 additions & 0 deletions spock-website/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -274,6 +274,20 @@ <h3 class="text-xl font-semibold text-center mb-4 text-gray-100">Example Test Ou
</div>
</section>

<section class="py-16 bg-gray-800">
<div class="container mx-auto px-6">
<h3 class="text-3xl md:text-4xl font-bold text-center text-gray-100" data-aos="fade-up">
Follow Us on
</h3>
<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="100">
<a href="https://fosstodon.org/@spockframework" class="mx-3 hover-underline-animation"><i class="fa-brands fa-mastodon"></i> @spockframework</a> <span class="link-separator">|</span>
<a href="https://bsky.app/profile/spockframework.org" class="mx-3 hover-underline-animation"><i class="fa-brands fa-bluesky"></i> spockframework.org</a> <span class="link-separator">|</span>
<a href="https://twitter.com/SpockFramework" class="mx-3 hover-underline-animation"><i class="fa-brands fa-x-twitter"></i> @spockframework</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> spockframework/spock</a>
</div>
</div>
</section>

<footer class="py-8 text-center text-gray-400 text-sm">
<div class="container mx-auto px-6">
&copy; 2025 Spock Framework Team. All rights reserved.
Expand Down
4 changes: 2 additions & 2 deletions spock-website/src/icons.ts
Original file line number Diff line number Diff line change
@@ -1,9 +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';
import { faGithub, faStackOverflow, faJava, faXTwitter, faMastodon, faBluesky } from '@fortawesome/free-brands-svg-icons';

// Add icons to the library
library.add(faGithub, faStackOverflow, faJava, faBook, faCode, faLaptopCode, faComments, faCommentDots);
library.add(faGithub, faStackOverflow, faJava, faXTwitter, faMastodon, faBluesky, faBook, faCode, faLaptopCode, faComments, faCommentDots);

// Watch for <i> tags and replace with SVG
dom.watch();
Loading