https://ucsb-meds.github.io/customizing-quarto-websites/

Customize Quarto websites using Sass & CSS
https://ucsb-meds.github.io/customizing-quarto-websites/

css quarto sass websites workshop-materials

Last synced: about 1 month ago
JSON representation

Customize Quarto websites using Sass & CSS

• Host: GitHub
• URL: https://ucsb-meds.github.io/customizing-quarto-websites/
• Owner: UCSB-MEDS
• Created: 2022-09-06T20:17:59.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-04T18:31:56.000Z (6 months ago)
• Last Synced: 2024-02-04T05:03:53.897Z (4 months ago)
• Topics: css, quarto, sass, websites, workshop-materials
• Language: HTML
• Homepage: https://ucsb-meds.github.io/customizing-quarto-websites/
• Size: 72.6 MB
• Stars: 35
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Lists

• awesome-quarto - Tutorial: Customizing Quarto Websites - Make your website stand out using SASS & CSS - Slides by Samantha Csik about using SASS and CSS to customise HTM Quarto website (materials: <https://github.com/UCSB-MEDS/customizing-quarto-websites>). (Tutorials & workshops)

README

        
# Customizing Quarto Websites: Make your website stand out using Sass & CSS

**Taught by:** [@samanthacsik](https://github.com/samanthacsik)\

**Duration:** 2 hours

Quarto provides a user-friendly framework for creating your personal website -- but adding your own creative touch can help make yours stand out from the rest. In this workshop, we learn how to (a) add a template to our landing page and update the `_quarto.yml` file to quickly add fun features/update the overall layout of our website, (b) create a stylesheet and define Sass variables to start modifying the overall theme (colors, fonts, etc) of our site, and (c) define CSS rules to make fine-tuned adjustments to our site's appearance. 

Presentation slides are available [here](https://ucsb-meds.github.io/customizing-quarto-websites/#/title-slide).

---

### Taught on the following dates:

- October 10, 2022 ([Release v.1.0.0-meds-2023](https://github.com/UCSB-MEDS/customizing-quarto-websites/releases/tag/v.1.0.0-meds-2023))

- October 16, 2023