noahbaculi.github.io

Created by Noah Baculi.

Started December 2018

Modern website and portfolio with responsive design and interface: noahbaculi.com

Technologies and credits

• HTML, CSS, and JS inspired by HTML5 UP
• Hosted on Netlify

Development workflow

Install tools:

mise install

Run live server:

bunx live-server

Run image generator script:

uv run python ./images/image_generator.py

Check family tree images:

uv run python ./tests/family_tree_images.py

Check formatting with Prettier:

bunx prettier --check .

Check for broken links with Lychee:

lychee --root-dir . --accept '200..=204, 401, 999' --cache .

Convert a folder of .HEIC photos to .jpg on MacOS using fish shell:

mkdir -p jpg
for f in *.heic *.HEIC
  if not test -e "$f"
      continue
  end
  set base (string replace -r '\.[^.]+$' '' -- "$f")
  # quality: 0–100 (higher = larger). 80–90 is usually a good range.
  sips -s format jpeg -s formatOptions 85 "$f" --out "jpg/$base.jpg" >/dev/null
end

Re-generate the image tags in the HTML files with responsive webp thumbnails.

# Run script with dry-run first
uv run python ./images/update_img_tags.py ./images --dry_run

# Execute the main HTML regex
uv run python ./images/update_img_tags.py ./images

# Format with prettier
bunx prettier --check . --write