Frontend Tools
- HTML5 & CSS3: Structured content and consistent layout styling.
- JavaScript (vanilla): Dynamic behaviour across sections, collapsible elements, iframe loading.
- Font Awesome: Semantic visual iconography for intuitive navigation.
- Responsive Layouts: Optimised for both desktop and mobile viewing experiences.
- Accessible Contrast: Ensures readability and screen-reader compatibility.
- Section-Specific Styling: Colour-coded panels using class-based structure.
AI APIs and Frameworks
- OpenAI (GPT-4): Participated in synconatic questioning across all scenarios.
- Gemini: Queried in parallel to assess model variation and response structure.
- Grok (xAI): Included for cross-architecture comparison with other LLMs.
- SHAP: Applied to highlight influential input features behind outputs.
- LIME: Used to generate surrogate interpretability models.
- MMLU / HELM: Datasets for assessing factuality, reasoning, and coherence.
Deployment & Development Environment
- GitHub Pages: Hosting live site with automatic CI refresh.
- VS Code: Modularised HTML/CSS/JS structure, section-based commits.
- AWS S3, Route 53, CloudFront, and Lambda (tested): Used for web hosting, DNS control, email routing, redirects, and podcast preview delivery.
- GitHub Copilot: Assisted in refactoring and templating code logic.
Scripting & Automation
- Prompt Automation: Scripts for batch-model query and response structuring.
- File Management: Sorting AI outputs for easy mapping to HTML views.
- LangChain: Framework consideration for response chaining and logic mapping.
Accessibility Considerations
Inclusive design focused on clarity, keyboard navigation, and simplified structure for accessibility support.