Need help in composing description file

Help and Getting Started
1

Hello,

Thank you for all the Nextstrain tutorials and examples provided.
Our team successfully generate a map for following the local outbreak.

And now we would like to add more information to our map by starting with the description part.
I tried to follow instruction for narratives.md for my description.md
https://docs.nextstrain.org/en/latest/tutorials/narratives-how-to-write.html

Acknowlegement to data pre-processing and open-source tools from [nextstrain](https://nextstrain.org) ([augur](https://github.com/nextstrain/augur), [auspice](https://github.com/nextstrain/auspice), and [ncov workflow](https://github.com/nextstrain/ncov)).

## Highlight
Text content here

## Background
text content here

### Subtitle 
text content here

### Subtitle 
text content here

#### Link Chart of Epidemiological Associations

![Link Chart of Epidemiological Associations](https://github.com/KelvinKerulu/SARS-COV-2-HK/blob/main/5thwave.png)
![Link to local case connection](https://embed.kumu.io/2e58548fa082542c34dedf8d0f30a1e4)

The heading format works properly but the picutre and webpage cannot be displayed as expected.
7becde0de36ae77f7d2216e12d1b95ba7d1f8640_2_689x312

And run the analysis with our data
https://docs.nextstrain.org/projects/ncov/en/latest/analysis/setup.html

May I ask can I embed another webpage in the description section?
Is there instruction documents that I can follow to modify the description file?

Thank you very much in advance!

2

Hi @tf-ivan. The Markdown syntax used by Nextstrain narratives supports embedding images but not web pages. For referencing web pages, I would suggest linking not embedding.

The syntax you’re using for both is the image syntax ![title](image-url):

![Link Chart of Epidemiological Associations](https://github.com/KelvinKerulu/SARS-COV-2-HK/blob/main/5thwave.png)
![Link to local case connection](https://embed.kumu.io/2e58548fa082542c34dedf8d0f30a1e4)

This differs from link syntax only in the leading !.

The reason your example doesn’t work for the first URL is that the URL is for the image’s webpage on GitHub, not the image file itself. Try this, which uses the image file URL copied from the “download” button on that GitHub page:

![Chart of Epidemiological Associations](https://github.com/KelvinKerulu/SARS-COV-2-HK/raw/main/5thwave.png)
[Link to local case connection](https://embed.kumu.io/2e58548fa082542c34dedf8d0f30a1e4)
3

Thank you very much for your help!
The problem has been untangled and it works as expected. :pray:

1 Like