Artwork by Allison Horst
Anticipated deliverable(s)
By the end of today’s class, you should have:
- the scaffolding of a basic Quarto website built and deployed using GitHub Pages
- a neatly-arranged landing page with your professional headshot and your chosen bio / info
Pre-class Prep
Please be sure to complete the following before class:
Install software / Create accounts
MEDS students should already have the following installed / created from summer session (but it’s worth double-checking!):
Gather materials to add to your website’s landing page
During this session, you’ll have the opportunity to add some personal information to your website’s landing page. It’ll help to have an idea of what you might want to include (at least as a starting point – your website’s content will most certainly evolve over time). Consider the following before attending class:
- Have your professional headshot handy. Your Bren photo is a great option here! Save your photo to your Desktop (or somewhere you can easily find again) for now.
- Draft your personal bio / blurb. Consider reusing your Bren bio, or even drafting a shortened, catchy version of it for your landing page. Save your text in a place you can quickly copy from during class (e.g. a Google Doc).
- Gather your important public profile links. Your personal website is an excellent place to link out to your other public profiles in one, organized place. Bookmark / save the links you’d like to include (e.g. LinkedIn, GitHub, even your preferred email address)
- Consider which landing page template to use. We’ll be applying one of Quarto’s five available built-in templates when we create our website’s landing page. Take a peek at the template previews and identify which one(s) you like most (e.g. I’m a fan of
jolla
, but usedtrestles
for a long while). Consider how you’d like to arrange your personal bio / info given the layout of your top choice template.
Lecture Materials
We’ll walk through the steps of building and deploying our personal websites together in class, but you can find step-by-step instructions below, should you need to reference them at any point:
What should I continue working on?
- Refine the language / content on your landing page. Try out different built-in templates, bio language, and arrangement of content until you settle on something that you like.
- Add additional pages to your website. By default, Quarto creates a landing page (
index.qmd
) and a page titled, “About” (about.qmd
) We also practiced adding a “Resources” page (resources.qmd
) during class. Consider if you want to keep all of these (though note that you must keepindex.qmd
) or add additional pages. If you’re not quite ready to add content to them, it’s sufficient to include placeholder text to those pages (e.g. Coming soon!). Recall that you can add / remove pages by modifying your_quarto.yml
file.
An important reminder: A personal website is an ever-evolving project (I’m pretty sure I’ve rewritten the language across my website at least once a year since I first created it). Don’t feel too much pressure to make it “perfect” – you’ll likely revisit the content / arrangement often, especially throughout different stages of your career!