External link indicator for NRRD markdown

[cthomasONRR]

We want to make sure all external links in NRRD have an external link indicator, but still open in the same window like they do now.

• Search web to see if there is a simple markdown command I can add to the link code.
• If there is, I will work to implement it on all external links
• If I cannot fix myself, I will get Jeff's help

[cthomasONRR]

HTML option: https://github.com/PsyTeachR/book-template/issues/3 <a href="google.com">the link</a>

This says it's for R, but might work too https://psyteachr.github.io/book-template/psyteachr-style-guide.html#links [link text](url){target="_blank"}

From old onrr.gov: <a href="URL" target="_blank" >link text</a>.

[cthomasONRR]

@greensomes

I tried several code additions in PR https://github.com/DOI-ONRR/nrrd/pull/2945, but none have worked.

I think we might need to install the font package (or something similar) to what's listed here: https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-external-link https://www.w3resource.com/icon/font-awesome/web-application-icons/external-link.php

I'll move this to the product backlog until we have more time to work on it.

[cthomasONRR]

Recording my PR attempts here in case we decide to delete it:

<a href="google.com">the link</a> Does not work- no indicator but still opens in same window

[link text](url){target="_blank"} Does not work- "{target="_blank"}" shows in text. Link still opens in same window.

<a href="URL" target="_blank" >link text</a>. Does not work- no indicator and link now opens in new tab. This is what we used in the old onrr.gov but it's not working for MDX.

<ExternalLink href="URL">link text</ExternalLink> Does not work either.

I think we need to install some sort of theme package? https://kabartolo.github.io/chicago-docs-demo/docs/components-and-hooks/#externallink

This is what USWDS shows https://designsystem.digital.gov/components/link/

I tried this and it does not work. No external link icon for "Federal lands" and adding the new code for Federal lands somehow messed up the OCS link.

I tried the code here: https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-external-link by just adding it to the end of the markdown format: [link text](link url)<i class="fa fa-external-link" style="font-size:24px"></i> a And it didn't do anything:

I think we need to install the font package (or something similar) to what's listed here https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-external-link https://fontawesome.com/v5/icons/external-link?f=classic&s=solid

[greensomes]

Hi @cthomasONRR. We can use the Material UI icons currently available to us. I should be able to tackle this in the next sprint.

[greensomes]

I've added external link indicator icons to external links under the Downloads and How does revenue work pages.