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

[cwhite911]

Updated views:

Design Guide

Home Page

Note the support button in the margin header.

[cwhite911]

@petrasovaa please review when you are able.

Here are screenshots from the updated sections.

When title-block-banner: true

Buttons

Modified Callouts

[petrasovaa]

I removed the freeze, it's being built now in CI

[cwhite911]

Ok, we should add _freeze/ to .gitignore then.

[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?

[petrasovaa]

Why version? We would need to keep it updated. I would remove it.

[cwhite911]

I thought it would be useful to have the latest version as a variable so if it is mentioned we can do a quick update.

[petrasovaa]

Suggested change

	description: Learn about sytling your GRASS tutorial
	description: Learn about styling your GRASS tutorial

[petrasovaa]

What is this for?

[cwhite911]

It is used to show what the different listing styles look like in styling.qmd

[petrasovaa]

This could be useful, but it shows up as one of the tutorials, which is confusing. Also it doesn't include the language content tabs, which we use in some tutorials and should be probably demonstrated here?

[cwhite911]

Did you do this part from the PR?

---

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

[petrasovaa]

Suggested change

	description: Adopted from Quarto Documentatoin
	description: Adopted from Quarto Documentation

[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.