feat: hyperlink the app name in the footers

[joanise]

PR Goal?

Marc suggested the small version label at the bottom of the page should be hyperlinked to the project. I like the idea.

So...

In the Studio-Web footer and the Web-Component settings footer, @readalongs/studio-web version: 1.6.2 and @readalongs/web-component version: 1.6.2 become @readalongs/studio-web 1.6.2 and @readalongs/web-component 1.6.2 both hyperlinked to https://github.com/ReadAlongs/Studio-Web

Fixes?

The lack of a connection back from the app to the project page or source code

Feedback sought?

Are you OK with the concept?

Is https://github.com/ReadAlongs/Studio-Web the right thing to link to?

Alternatives I can think of:

• https://github.com/ReadAlongs
• for web-c only: https://www.npmjs.com/package/@readalongs/web-component

Priority?

low

Tests added?

no

How to test?

In the PR preview:

• look at/click on the footer of the studio-web app
• enter data and got to step 2
• click on the gear icon to look at/click on the footer of the My preferences panel

Confidence?

high for the code

medium for the choice of hyperlinks

Version change?

no

[semanticdiff-com]

Review changes with  

Changed Files

File	Status
packages/studio-web/src/app/app.component.html	43% smaller
packages/web-component/src/components/read-along-component/read-along.tsx	24% smaller
packages/web-component/src/scss/utilities/_colors.scss	Unsupported file format

[github-actions]

PR Preview Action v1.6.3
🚀 View preview at https://ReadAlongs.github.io/Studio-Web/pr-preview/pr-497/
Built to branch gh-pages at 2026-06-23 18:24 UTC. Preview will be ready when the GitHub Pages deployment is complete.

[marctessier]

I like this :-) I tried all 3 languages ... all pointing to the website when I click on it .

[@readalongs/studio-web 1.6.2](https://github.com/ReadAlongs/Studio-Web)

[sergeleger]

noopener would make sense here also.

[joanise]

good point

[sergeleger]

This is an odd color for the link. (odd: in that it is not really used anywhere else). Looks like it's the default SCSS color?

[joanise]

This is an odd color for the link.

Yeah, it just came up that way, not my deliberate choice. I thought it was fine so I didn't try to patch it, do you think I should make it standard hyperlink blue?

[deltork]

This is an odd color for the link.

Yeah, it just came up that way, not my deliberate choice. I thought it was fine so I didn't try to patch it, do you think I should make it standard hyperlink blue?

Yes, it needs to match the rest of the site (links in the nav)

[joanise]

@sergeleger @deltork I applied your feedback at long last, please re-review.

Added noopener.

The link color was due to visited links having the colour $bouquet, and we had all visited the link I'm sure. It's back to default link colour now

with this change:

-$color-link: $hopbush;
+$color-link: #0d6efd;
 $color-link-hover: $midnight-blue;
-$color-link-visited: $bouquet;
+$color-link-visited: #0d6efd;

I am using the standard #0d6efd hyperlink color instead of those weird colours.

[sergeleger]

Looks good