Replace contributor links with Projects page; add floating contributor profile icons

[Copilot]

• Create contributors.json with the two existing contributor entries (url, avatar, name, label)
• Add renderContributors() to script.js — fetches the JSON and builds the icon anchors dynamically
• Replace hardcoded contributor <a> tags in index.html with an empty #contributorsContainer div
• Call renderContributors('#contributorsContainer', 'contributors.json') in the DOMContentLoaded handler
• Move contributor icons panel above the links list in the right section (per @kiyarose feedback)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Task: Modernize Project page links & Contrib Links</issue_title>
<issue_description>Right now the main page of sillylittle.tech simply lists the websites of me and Krystal, the two main contributors and examples of templates made.
Now, https://projects.sillylittle.tech links to our GitHub Pages (Repo), we should make a separate page (and link to such) for us contributors (and hopefully future ones), and link to the aforementioned projects page, which we can then later fill with links to individual projects.
Additonally, we should add a page that will host previews of our templates, and possibly live demos if we can get up and running. </issue_description>

<agent_instructions>The page mentioned on https://projects.sillylittle.tech is set up. In the links JSON file, replace existing entries linking to that.
Please make floating profile picture icons of the existing website linked in the links JSON file, kiyaGH profile picture "https://avatars.githubusercontent.com/u/75678535?v=4", krystalGH profile picture "https://avatars.githubusercontent.com/u/32627918?v=4", they should be round. Put them out of the way, but noticeable, make sure they do not clutter any other buttons. </agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes Task: Modernize Project page links & Contrib Links #33

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[deepsource-io]

DeepSource Code Review

We reviewed changes in 0cec436...99966c4 on this pull request. Below is the summary for the review, and you can see the individual issues we found as inline review comments.

See full review on DeepSource ↗

PR Report Card

Overall Grade

Security   Reliability   Complexity   Hygiene

Code Review Summary

Analyzer	Status	Updated (UTC)	Details
Secrets		Mar 26, 2026 6:33p.m.	Review ↗
Shell		Mar 26, 2026 6:33p.m.	Review ↗
JavaScript		Mar 26, 2026 6:33p.m.	Review ↗

[cloudflare-workers-and-pages]

Deploying kvgrow with    Cloudflare Pages

Latest commit:	99966c4
Status:	✅  Deploy successful!
Preview URL:	https://a8aac309.kvgrow.pages.dev
Branch Preview URL:	https://copilot-modernize-project-co.kvgrow.pages.dev

View logs

[kiyarose]

The contributors panel is in a weird location, can we move it above the projects link, as shown in the image. attached.

[Copilot]

The contributors panel is in a weird location, can we move it above the projects link, as shown in the image. attached.

<img width="1454" height="700" alt="Image" src="https://github.com/user-attach...

Moved the contributor icons into the right section, above the links list, in commit 99966c4. They now display as a horizontal row of rounded avatars directly above the Projects link.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Copilot]

Pull request overview

Updates the landing page link list to point to the Projects site and replaces the previously hardcoded contributor links with dynamically rendered contributor avatar icons loaded from a new JSON file.

Changes:

• Replace the existing contributor/portfolio entries in links.json with a single “Projects” link.
• Add contributors.json and client-side rendering (renderContributors) to populate contributor avatar links.
• Add landing-page CSS and HTML scaffolding for the contributor icon strip above the links list.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
site.css	Adds styles for the contributor icon strip and round avatar link presentation.
script.js	Adds renderContributors() and calls it on DOMContentLoaded to fetch/render contributors.json.
links.json	Replaces contributor links with a single external “Projects” entry.
index.html	Replaces hardcoded contributor anchors with an empty #contributorsContainer for JS rendering.
contributors.json	Introduces contributor metadata (name/url/avatar/label) used by the new renderer.

[Copilot]

img.src is set to an empty string when contributor.avatar is missing. An empty src is treated as a (relative) URL and may trigger an unintended request for the current document and show a broken image. Prefer omitting the <img>/skipping the contributor when avatar is missing, or providing a real placeholder image.

[Copilot]

On fetch/render failure, contributor icons fail silently in the UI (only console/debug logs). renderLinks shows a visible error message and renderFooter restores static content; consider adding a similar fallback for contributors (e.g., keep existing markup if present, or render a small non-intrusive error/placeholder) so users aren’t left with an unexplained empty area.

[Copilot]

The PR title/issue request calls these “floating” profile icons and asks that they be “out of the way”, but the current styles lay them out inline in the normal document flow above the links list (no fixed/absolute positioning). If floating behavior is still required, adjust the CSS to position the panel (and ensure it doesn’t overlap the theme toggle/buttons) or update the PR title/description to match the implemented non-floating layout.

[Copilot]

renderContributors sets anchor.href to '#' when contributor.url is missing but still forces target="_blank". This can open a useless blank tab (and # can also jump to the top if opened in-page). Prefer skipping entries without a valid URL, or only setting target/rel when the URL is present and external.

Suggested change

	const anchor = document.createElement('a')
	anchor.className = 'contributor-icon'
	anchor.href = contributor.url || '#'
	// Skip contributors without a valid URL to avoid creating useless "#" links.
	if (!contributor.url) {
	debugLog('renderContributors: skipping contributor without URL')
	return
	}
	const anchor = document.createElement('a')
	anchor.className = 'contributor-icon'
	anchor.href = contributor.url