Skip to content

docs: convert alerts to use GitHub Flavored Markdown (GFM) #16850

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Mar 10, 2025

Conversation

EdwardAngert
Copy link
Contributor

@EdwardAngert EdwardAngert commented Mar 7, 2025

followup to #16761

thanks @lucasmelin !

  • update snippet
  • find/replace
  • spot-check

preview (and others)

@EdwardAngert EdwardAngert added docs Area: coder.com/docs docs/site docs site-related issue/task/feature request labels Mar 7, 2025
@EdwardAngert EdwardAngert self-assigned this Mar 7, 2025
@matifali matifali marked this pull request as ready for review March 7, 2025 19:23
@matifali matifali requested review from matifali and removed request for matifali March 7, 2025 19:23
@@ -70,12 +67,9 @@ and specified quiet hours (see below).

### User quiet hours

<blockquote class="info">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

anything with class info can use IMPORTANT? Thoughts?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I set this one to note to align with the other an Enterprise and Premium features - really, they make sense as NOTE or TIP. Just depends on whether we want them to be blue or green, I guess. (note = blue; tip=green)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@aqandrew for some reason both note and tip are showing up as blue for some reason.
@EdwardAngert Let's use badges on headings instead of license callouts.

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lol I just realized that even though I copied the colors from GitHub, I use one of GitHub's colorblind UI themes (Dark Protanopia & Deuteranopia). It replaces green UI colors with blue.

I'll replace the colors with the ones from GitHub's default dark theme

Copy link
Contributor Author

@EdwardAngert EdwardAngert Mar 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks for the pr to fix that, @aqandrew !

FWIW, I do prefer we default to using colorblind-friendly colors/themes wherever we can. Seems like an easy enough accommodation to help (+ soo many tools to help pick colors) the docs look and feel

Comment on lines 59 to 63
> [!IMPORTANT]
> To authenticate with the Artifactory registry, you may need to
> create a [Docker config](https://jfrog.com/help/r/jfrog-artifactory-documentation/docker-advanced-topics) and use it in the
> `imagePullSecrets` field of the Kubernetes Pod.
> See the [Defining ImagePullSecrets for Coder workspaces](../../tutorials/image-pull-secret.md) guide for more information.
Copy link
Member

@matifali matifali Mar 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❤️

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it doesn't like this one for some reason 🤷

I'm playing with the indentation locally

current state:

2025-03-07_14-43-18

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have a hunch it's because this one is nested in an ordered list.

Was this fixed by ced07b4? If not, does it hurt the flow/semantics if we move the blockquote to be below the numbered list?

matifali
matifali previously approved these changes Mar 7, 2025
Copy link
Member

@matifali matifali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks a ton Edward. ❤️

@matifali
Copy link
Member

matifali commented Mar 7, 2025

image

Should we just put the Enterprise label on the headings for such features? The Note looks way too noisy. Check this page for example.

@EdwardAngert
Copy link
Contributor Author

EdwardAngert commented Mar 7, 2025

image Should we just put the Enterprise label on the headings for such features? The Note looks way too noisy. Check [this](https://coder.com/docs/@16761-gfm-callouts/admin/templates/managing-templates/schedule) page for example.

@matifali I was into it until I copied the URL to show you that it does look nice. now I'm torn - is there a way to make the site scrub the heading URLs on build?

I remember we had removed this from some headings https://coder.com/docs/@16761-gfm-callouts/admin/external-auth#multiple-external-providers-enterprisepremium

2025-03-07_14-52-50

@EdwardAngert
Copy link
Contributor Author

I need to put this down for a little bit

I'm using this regex to find all lines in md files in the docs directory that start with > but not > [! which still returns all the second+ lines in correctly formatted alerts, but is a little less, I guess:

^> (?!\[!)

We seem to overuse the blockquotes, so I've removed them wherever I can, but there's probably more we could edit with time.

2025-03-07_15-44-48only 83 files to go!

@matifali matifali dismissed their stale review March 7, 2025 21:07

Stale

@EdwardAngert EdwardAngert changed the title docs: update alerts to use GFM docs: convert alerts to use GitHub Flavored Markdown (GFM) Mar 10, 2025
@EdwardAngert EdwardAngert requested a review from matifali March 10, 2025 16:37
Comment on lines +191 to +193
> [!NOTE]
> Workspace proxies are an Enterprise and Premium feature.
> [Learn more](https://coder.com/pricing#compare-plans).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
> [!NOTE]
> Workspace proxies are an Enterprise and Premium feature.
> [Learn more](https://coder.com/pricing#compare-plans).

Instead use label on the heading.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

leaving out of this PR per #16850, slack discussion, and other comments - the way the site renders the anchor URL with $heading-enterpriselocal becomes another issue for search and heading redirects. If we can find a way for the site to scrub those from the URL when it generates pages, that's worth pursuing.

Alternatively, we can consider making the whole section something like "Everything from here down requires a license..."

Copy link
Member

@matifali matifali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excessive use of Note that its a paid feature. We should use the labels more.

Copy link
Member

@matifali matifali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approving for now. We will address the Notes to Label transition later.
cc: @EdwardAngert

EdwardAngert and others added 2 commits March 10, 2025 15:05
Co-authored-by: M Atif Ali <atif@coder.com>
@EdwardAngert EdwardAngert merged commit 101b62d into main Mar 10, 2025
28 checks passed
@EdwardAngert EdwardAngert deleted the 16761-gfm-callouts branch March 10, 2025 20:58
@github-actions github-actions bot locked and limited conversation to collaborators Mar 10, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
docs/site docs site-related issue/task/feature request docs Area: coder.com/docs
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants