2RE03-Design/memory-bank/techContext.md

Tech Context - 2RE03 Portfolio Site

Technologies, development setup, constraints, dependencies, and tool usage. Last updated: 2026-09-10.

Current State

A working static-site scaffold exists at the repo root:

index.html  work.html  about.html  services.html  contact.html  case-studies.html
case-studies/*.html   (10 per-project case study detail pages)
css/bootstrap.min.css   css/style.css
js/bootstrap.bundle.min.js   js/main.js   js/case-studies.js   js/carousel.js
fonts/Inter-latin.woff2   fonts/SpaceGrotesk-latin.woff2
img/  46 images (10 case-study hero backgrounds + 8 homepage collage tiles
      + 28 project/screenshot images)

No build step and no package manager - it is plain static HTML/CSS/JS.

Reference Stack Seen (in the original refrence/ build)

refrence/ (temporary source material) was removed on 2026-09-10 before the first commit, and is backed up outside the repo at /home/torrey/2RE03-unused-assets-backup/refrence/.

• Hand-authored HTML.
• Bootstrap 5 (css/bootstrap.min.css, js/popper.min.js, js/bootstrap.min.js)
  • referenced via relative paths that are not present in this repo.
• A custom stylesheet (css/style.css) and a custom carousel script (js/series-carousel.js) - also not present here.
• Inline JSON <script type="application/json"> blocks feeding the carousel.

Technologies Used

• HTML5 - hand-authored; six pages; semantic landmarks; skip link.
• CSS - Bootstrap 5.3.3 (vendored) + custom css/style.css.
• JavaScript - Bootstrap bundle + js/main.js (form handling) + js/case-studies.js (case-study hover preview) + js/carousel.js (scroll-snap carousels).
• Fonts - Inter + Space Grotesk (variable woff2), self-hosted in fonts/.
• Theme - palette centered on #2ee666, defined as tokens in :root in css/style.css.
• Forms - Web3Forms (AJAX submit via fetch).

Development Setup

• No build step. Serve statically, e.g. python3 -m http.server from the repo root, then open http://localhost:8000/.

Version Control

• Git repo, default branch main.
• Remote origin: ssh://git@git.2re.top:22222/2re/2RE03-Design.git (Forgejo at git.2re.top, SSH on the non-standard port 22222). Auth is by the SSH key ~/.ssh/id_ed25519; the server returns "does not provide shell access", which is normal for Forgejo.
• .gitignore ignores OS/editor cruft only. There is no refrence/ entry because that folder was removed.

Dependencies

• Bootstrap 5.3.3 CSS + JS bundle - vendored locally (no CDN / no runtime).
• Web3Forms - external form endpoint (https://api.web3forms.com/submit) with a public access key stored in contact.html.
• No package manager or lockfile.

Technical Constraints

• refrence/ was removed before the first commit; keep the site free of any references to it (all production assets live under img/).
• Output should be lightweight and static unless a decision says otherwise.
• Work data should have a single source of truth.

Tool Usage Patterns

• Follow project conventions once established; verify each change (validate HTML, check asset paths, check responsive behavior) before reporting done.