Brand synchronization

[cwhite911]

Synchronizing GRASS brand with Quarto

Updated PR Details

I've added a style guide partially as a way to check edge cases. Set it up locally you need to add an _environment.local file to the root of the project.

The file should include the following

PYTHONDEVMODE=1
QUARTO_PROFILE=local

Now when you run quarto preview the content in content/tests will render with the project.

quarto preview

Then navigate to local site at content/tests/styling.html

http://localhost:5753/content/tests/styling.html

Remember to update your port number

GRASS Quarto Design Guide

Orginial Info

I've added the _brand.yml file for us to use once we update Quarto to >=1.7

The formatting is close but still requires some additional tweaks.

• https://posit-dev.github.io/brand-yml/
• https://quarto.org/docs/advanced/typst/brand-yaml.html

[cwhite911]

[cwhite911]

[veroandreo]

I liked the previous font better or something similar to that sort of simpler letters (I do not know how they are called); this one does not seem to align with GRASS website style nor with the font in our logo.

[cwhite911]

I liked the previous font better or something similar to that sort of simpler letters (I do not know how they are called); this one does not seem to align with GRASS website style nor with the font in our logo.

The font issues was a bug in the config should be fixed now. Will post an update screenshot when I'm at my computer.

[cwhite911]

I've added the start to a style guide partially as a way to check edge cases. Set it up locally you need to add an _environment.local file to the root of the project.

The file should include the following

PYTHONDEVMODE=1
QUARTO_PROFILE=local

Now when you run quarto preview the content in content/tests will render with the project.

quarto preview

Then navigate to local site at content/tests/styling.html

http://localhost:5753/content/tests/styling.html

Remember to update your port number

GRASS Quarto Design Guide

[cwhite911]

Here are some more screenshots.

Please ignore Team Documents and GRASS Quarto Design Guide in the All Tutorials section. They are only there because of the local environmental variables from _environment.local.

index

Getting started with GRASS

[petrasovaa]

Looks good! I am not sure I understand the plan with the Team Documents and the guide.

Also, I thought we decided on sentence case for headings, no?

[cwhite911]

@petrasovaa thanks for the feedback. I've addressed your comments. My todo is to remove the _freeze files, and I'll add a section to show the language selection tabs.

[veroandreo]

I didn´t test locally as I need to update quarto and all. So, I marked typos mostly. Indeed, I also thought we agreed on sentence case for titles.

[cwhite911]

I didn't know about the decision about title being sentence case. I will update the materials to reflect this.

[cwhite911]

@veroandreo and @petrasovaa I've addressed your comments please take another look when you are able.

Design Guide Page

Home Page

Tutorial Page

[petrasovaa]

It looks nice! I would hide the guide from the front page, it's not really a guide, it shows qmd syntax. Maybe we could make it into a contributing guide, or link it from README.

[petrasovaa]

BTW, there is some incosistency in headings - some of the headings (h2) are not bold in the screenshot, but they are bold when I render it locally. I like the bold ones. This needs to be corrected in the grass doc as well, they are not bold.

[cwhite911]

It looks nice! I would hide the guide from the front page, it's not really a guide, it shows qmd syntax. Maybe we could make it into a contributing guide, or link it from README.

The guide isn't visible at the moment when running in production (aka built by gh-actions)

addressed