fix: Console runtime warnings sitewide

[jschhie]

Summary

• Console Clean Up: Resolved runtime warnings sitewide and fixed undefined variables access
• Bandwidth Optimization: Restricted Hero image preloading to the Home page only
  • Saved 462.1 kB per session on non-Home pages, improving billable Vercel Fast Data Transfer
• Screen-Reader Accessibility: Improved WCAG compliance by removing unnecessary alt text on decorative assets

---

Approach

• Bandwidth Optimization (Sitewide): Moved preload links from shared index.html into <Hero/> logic only
• Repo Clean Up: Delete outdated Hero image and OurProjects/Hero.vue & remove unused imports
• Refactor (Impact Page): Remove access to undefined variables (showAll, smallScreen)

---

Screenshots: Resolved Warnings

1. Sitewide: Unused preload link

(Non-Home pages did not use either hero images; Home page did not use the outdated hero-illustration.png)

Before (Game Page during gameplay)	After

Before (Home Page)	After

2. Chrome DevTools: Network Logs

Tested on personal Vercel in incognito mode with cache disabled

• Before: All pages preloaded unused Hero assets; each first-time page visit wasted 462.1 kB of bandwidth
• After: Remove unused asset (hero-illustration.png, a blue geometric shape); only Home page loads actual Hero image (hero-resized.png, Carl mascot)

Network Logs on main branch (Sampled from "Team" Page)

3. Impact Page: Access to undefined variables

Before	After

---

Manual Tests

• Local dev + deployed on personal Vercel
• Chrome DevTools Console: Resolved warnings above
• Chrome DevTools Network:
  • Only Home Page preloads Hero image (Priority: u=1, i)
  • Other pages no longer request irrelevant Hero images
• Gameplay: Sampled 1+ games per category

---

Future Work

• Resolve remaining warnings

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
audemywebsite	Ready	Preview, Comment	Mar 23, 2026 9:37pm

[jschhie]

• Before: Inapplicable UI logic/Tailwind classes since items2 array length is 3, but template checks for 4-8 items
• After: Removed undefined variables (showAll, smallScreen) to resolve access warnings and correctly reflect UI logic

(Initial :class rules appear to be copied from PressList.vue. See below)

`PressList.vue` snippet for reference

<!--- (PressList.vue) -->
<div
  v-for="(item, index) in displayedItems"
  :key="index"
  class="flex animate-fade-slide-in"
  :class="{
    'opacity-0 translate-y-4':
      (smallScreen ? index >= 4 : index >= 8) && !showAll,
    'opacity-100 translate-y-0':
      showAll || (smallScreen ? index < 4 : index < 8),
  }"
>

[jschhie]

(Refactored for sitewide performance; see inline docs in modified src/pages/Home/Hero/Hero.vue)