Credits & Resources
This page acknowledges all external resources used to build this website. These are separate from the works referenced for our research paper, which are listed on the Sources page →
Each item below is credited to its original creator to ensure proper attribution, as well as maintain transparency in the development of this e-portfolio. You may click on any item to be redirected to where the resource was acquired.
Site Template & Components
Home / About
Image Editing Tools
Some images were edited for presentation purposes, including background transparency (using Photopea ↗) and layout resizing (using Canva ↗).
Icons
Icons on this website are sourced from multiple open-source icon libraries, via Icônes ↗
Custom Code Components
These components were written in TypeScript/React specifically for this e-portfolio website to extend Framer’s default capabilities. They are embedded into the site via Framer’s Code panel.
ImageGalleryV3.tsx
An interactive image gallery with thumbnail navigation, timed auto-rotation, and responsive aspect-ratio handling; used on the Outline page.
DrivePDFCard.tsx
A styled Google Drive PDF viewer card with inline preview, title/caption support, and view/download controls; used across the Written Responses, Drafts, and Final Paper pages.
ReferenceList.tsx
A sortable and filterable reference list with citation tags, quick-action buttons, and Markdown export functionality; used on the Sources page.
QuizComponent.tsx
An interactive multiple-choice quiz with instant feedback and explanation prompts; used on the Quiz page.
FileBtns.tsx
A compact action-button set for downloading files, exporting citations, and copying share links; used in the site header, particularly the collapsible menu on mobile viewports.
Source code is available upon request.