This portfolio: design & engineering

Read each URL in the current sitemap and compare its canonical with that URL. Inspect robots.txt for rules blocking CSS, JavaScript, or the social image route. Check the apex response for its redirect status and Location header. A canonical is a signal to search engines; this check does not prove indexing or rankings.

# Check every currently published route, rather than a fixed historical set.
python3 - <<'PY'
from urllib.request import urlopen
from html.parser import HTMLParser
import xml.etree.ElementTree as ET

class Canonical(HTMLParser):
    def handle_starttag(self, tag, attrs):
        attrs = dict(attrs)
        if tag == 'link' and attrs.get('rel') == 'canonical':
            print('  canonical:', attrs.get('href'))

root = ET.fromstring(urlopen('https://www.yasser-shkeir.com/sitemap.xml').read())
for item in root.findall('.//{*}loc'):
    print(item.text)
    Canonical().feed(urlopen(item.text).read().decode())
PY

# Inspect crawl rules and the preferred-host redirect.
curl -fsS https://www.yasser-shkeir.com/robots.txt
curl -sI https://yasser-shkeir.com/

Build the same checkout with the same Node version and lockfile, then total the gzip size of unique JavaScript chunks referenced by the homepage HTML. Use the same compression settings for before and after. The project budget is 260 KB gzip. Asset size is one delivery measurement; it does not measure the visitor's interaction or loading experience.

npm ci
npm run build
node --input-type=module <<'JS'
import { readFileSync } from 'node:fs';
import { gzipSync } from 'node:zlib';
const html = readFileSync('.next/server/app/index.html', 'utf8');
const chunks = [...new Set(html.match(/\/_next\/static\/[^"\s<>]+\.js/g) ?? [])];
if (!chunks.length) throw new Error('No chunks found; check the build output.');
const bytes = chunks.reduce((total, chunk) =>
  total + gzipSync(readFileSync('.next/' + chunk.slice('/_next/'.length))).length, 0);
console.log({ chunks: chunks.length, bytes, KiB: (bytes / 1024).toFixed(1) });
JS

Resolve each foreground and background token to sRGB. Convert each channel from sRGB to linear light; compute relative luminance as 0.2126R + 0.7152G + 0.0722B. Divide the lighter luminance plus 0.05 by the darker plus 0.05. The July palette's recorded ink-soft/canvas pair was 6.18:1. The current palette needs its own measurements.

Recalculate after palette changes. Then inspect focus indicators, complete navigation by keyboard, test a narrow screen, and enable reduced motion. One passing color pair is not a claim of sitewide accessibility conformance.

The six-second Higgsfield animation is a conceptual illustration of the gym operations system. The site serves optimized local video files; playback does not call the generation service. Actual website and app captures supply product evidence elsewhere.

Check the experience with reduced motion, Save-Data, a paused clip, and failed media loading. Test the playback controls by keyboard, confirm the still image remains available, and inspect transferred video bytes in the browser network panel. The project explanation should stay clear in every state.