Resume — web version

Standalone page. No build step, no dependencies. Both pages of the resume at Letter proportions (816 × 1056 px each), scaled down to fit narrow screens, with a fixed Download PDF button in the bottom-right corner.

web/
├── index.html                  the page
├── Marva-Abouei-Resume.pdf     ← YOU ADD THIS (see step 1)
├── .nojekyll                   stops GitHub Pages from processing the folder
└── assets/
    ├── portrait-vr.jpg
    ├── icon-arrow.svg
    └── favicon.svg

1. Add the PDF

The Download button points at Marva-Abouei-Resume.pdf sitting next to index.html. Export the PDF from the resume template, rename it to exactly that, and drop it in this folder. If you want a different filename, change the href and download attributes on the #dl link in index.html.

2. Publish on GitHub Pages

Two ways. The second is tidier if you already have a portfolio repo.

A — dedicated repo

1. Create a public repo, e.g. resume.
2. Upload the contents of this folder to the repo root (index.html at the top level, not inside a web/ subfolder).
3. Repo → Settings → Pages → Source: Deploy from a branch, Branch: main, Folder: / (root) → Save.
4. Live at https://<username>.github.io/resume/ after a minute or two.

B — folder inside an existing Pages repo

1. Copy this folder into the repo that already publishes to Pages.
2. Keep it named resume/.
3. Live at https://<username>.github.io/<repo>/resume/.

Custom domain: Settings → Pages → Custom domain, e.g. resume.marva.design, then add a CNAME record at your DNS provider pointing to <username>.github.io.

3. Link it from the portfolio

In Framer, set the Resume tab's link to the Pages URL and enable Open in new tab. If you write the markup yourself:

<a href="https://<username>.github.io/resume/" target="_blank" rel="noopener noreferrer">Resume</a>

rel="noopener noreferrer" is the safe default for any target="_blank" link.

Notes

• Print/save from the page itself works too — Cmd/Ctrl + P gives two clean Letter pages with the gradient frozen at its full-spectrum frame. Turn on "Background graphics" so the sidebar and mesh blobs render.
• The gradient ring and rules animate on screen and freeze only for print.
• Fonts: DM Sans from Google Fonts, Georgia from the system. No webfont files to host.
• Content lives in index.html as plain markup. Editing the resume template in the design system does not update this file — regenerate or hand-edit both.