<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"> P {margin-top:0;margin-bottom:0;} </style>
</head>
<body dir="ltr">
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
Anchors - or internal links are <span style="background-color:rgb(255,255,255); display:inline!important">
automatically</span> generated.</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<br>
</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
In your particular case the issue is casing</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
works: <a href="https://hp-colombian-biodiversity.gbif-staging.org/recursos/ComoCitar#cuando-se-trate-de-la-descarga-de-una-consulta-de-datos" id="LPlnk">https://hp-colombian-biodiversity.gbif-staging.org/recursos/ComoCitar#cuando-se-trate-de-la-descarga-de-una-consulta-de-datos</a><br>
</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
Do not work: <a href="https://hp-colombian-biodiversity.gbif-staging.org/recursos/ComoCitar#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos" id="LPlnk939784">https://hp-colombian-biodiversity.gbif-staging.org/recursos/ComoCitar#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos</a></div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<br>
</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<b>Github vs Kramdown</b> </div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
The problem is that markdown isn't <b>one</b> thing. And you just stumbled over a difference in how Github do it and how Kramdown (the Jekyll markdown parser) do it. So you cannot copy anchors from one to the other as the 2 generate them differently.</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<br>
</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
You can read a bit about the <a href="https://jekyllrb.com/docs/configuration/markdown/" title="https://jekyllrb.com/docs/configuration/markdown/">
default Kramdown settings on the Jekyll docs</a> - (they call it header ID generation)</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<br>
</div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
The flavor of markdown used on the website is <a href="https://hp-base-theme.gbif-staging.org/markdown" title="https://hp-base-theme.gbif-staging.org/markdown">
described on the base theme</a> - including links to the <a href="https://kramdown.gettalong.org/quickref.html" title="https://kramdown.gettalong.org/quickref.html">
kramdown documentation</a>. <span style="color: rgb(0, 0, 0); font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt;">Notice that you can control the anchor text. You can also add a table of content by adding </span><span style="color: rgb(0, 0, 0); font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt;">"toc:
true" to your front matter.</span></div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<span style="color: rgb(0, 0, 0); font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt;"><br>
</span></div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<span style="color: rgb(0, 0, 0); font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt;">Hope that helps</span></div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<span style="color: rgb(0, 0, 0); font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt;">Morten</span></div>
<div id="appendonsend"></div>
<hr tabindex="-1" style="display:inline-block; width:98%">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" color="#000000" style="font-size:11pt"><b>From:</b> Hosted-Portals <hosted-portals-bounces@lists.gbif.org> on behalf of Wayne Asera <waynea@sprep.org><br>
<b>Sent:</b> Wednesday, February 24, 2021 2:50 AM<br>
<b>To:</b> Helpdesk, discussion and announcements for the GBIF hosted portals <hosted-portals@lists.gbif.org><br>
<b>Subject:</b> Re: [Hosted-Portals] How to add hyperlinks to a document's internal sections</font>
<div> </div>
</div>
<div lang="EN-AU" style="word-wrap:break-word">
<div class="x_WordSection1">
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
Hi Camilla,</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
Could you try using the syntax below if it works?[https://forms.gle/S1vo53AU9LUSip4h9](<a href="https://forms.gle/S1vo53AU9LUSip4h9">https://forms.gle/S1vo53AU9LUSip4h9</a>)</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
regards,</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
Wayne</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<div style="border:none; border-top:solid #E1E1E1 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
<b><span lang="EN-US">From:</span></b><span lang="EN-US"> Hosted-Portals <hosted-portals-bounces@lists.gbif.org>
<b>On Behalf Of </b>Camila Andrea Plata Corredor<br>
<b>Sent:</b> Wednesday, 24 February 2021 3:02 PM<br>
<b>To:</b> hosted-portals@lists.gbif.org<br>
<b>Subject:</b> [Hosted-Portals] How to add hyperlinks to a document's internal sections</span></p>
</div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
Dear all,</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
We are creating content in markdown and we came across an issue while trying to add hyperlinks to a document's internal sections. When in Markdown the hyperlink works but in the portal it stops working. </p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<blockquote style="margin-left:30.0pt; margin-top:5.0pt; margin-right:0cm; margin-bottom:5.0pt">
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
[Cuando se trate de la descarga de una consulta de datos](#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos)</p>
</div>
</blockquote>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
For example: when in the Markdown Github preview we can click on the hyperlink...</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm"><span style="font-size:12.0pt; color:black; border:none windowtext 1.0pt; padding:0cm"><img border="0" width="624" height="83" id="x__x0000_i1027" style="width:6.5in; height:.8611in" src="https://lh3.googleusercontent.com/L4BIFaUl6RwJWZip6KP2IkpNirV0WbMlZ_NnE006KNPzgLvfsjPqj479Iq9ZdyqG9IIWoM8B2ttTjLWeVsJGeMTYkEnzIALBIlF_30L7oO4IXxQvhBPqnaSv3yBiGO4gTtb_07SA"></span></p>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm"> </p>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm">....and It redirects to the respective title/section within the same document: </p>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm"> </p>
<blockquote style="margin-left:30.0pt; margin-top:5.0pt; margin-right:0cm; margin-bottom:5.0pt">
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm">(<a href="https://github.com/gbif/hp-colombian-biodiversity/blob/master/recursos/ComoCitar.md#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos">https://github.com/gbif/hp-colombian-biodiversity/blob/master/recursos/ComoCitar.md#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos</a>)</p>
</blockquote>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm"> </p>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm"><span style="font-size:12.0pt; color:black; border:none windowtext 1.0pt; padding:0cm"><img border="0" width="624" height="191" id="x__x0000_i1026" style="width:6.5in; height:1.9861in" src="https://lh6.googleusercontent.com/VYcAupr6YoRymmLw6rbm-GIJFv1wmrz778DcsyT_0zNfY5XD2JxhGIrgK97MbPLY_kJgwzbGv8ZmB80w9ooHW_Hl5FiSVioR9zpYFjm3DKHfPx6ns4GLS0JmgwEuNLjGBP5UmEc9"></span></p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
But in the portal we get a dead link:</p>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<blockquote style="margin-left:30.0pt; margin-top:5.0pt; margin-right:0cm; margin-bottom:5.0pt">
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
(<a href="https://hp-colombian-biodiversity.gbif-staging.org/recursos/ComoCitar#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos">https://hp-colombian-biodiversity.gbif-staging.org/recursos/ComoCitar#Cuando-se-trate-de-la-descarga-de-una-consulta-de-datos</a>)</p>
</div>
</blockquote>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<div>
<p style="margin-top: 0px; margin-bottom: 0px;margin:0cm"><span style="font-size:12.0pt; color:black; border:none windowtext 1.0pt; padding:0cm"><img border="0" width="624" height="129" id="x__x0000_i1025" style="width:6.5in; height:1.3472in" src="https://lh3.googleusercontent.com/XxmQ7e1_LIqsFl0vQigaiicyvBeOQOtJ60N6dWkkcC5bEwa69L8ZubBBUamgKEUqYwCemOl1t5-kITPku0Vvrq4uilQTUruM8zmvqWf0V0wl8ryDhN1HdjAVDyjjNwFHT_GWcLHs"></span></p>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
Then, Which is the correct way to address hyperlinks to a document's internal sections?</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
<br>
Thank you in advance,</p>
</div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<div>
<div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
</p>
</div>
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
-- </p>
<div>
<div style="margin-left:3.75pt; margin-top:15.0pt">
<div>
<div style="margin-bottom:3.75pt">
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
<b><span style="font-size:10.5pt; font-family:"Georgia",serif; color:#4D6F5D">Camila Andrea Plata Corredor</span></b><b><span style="font-size:10.0pt; color:#4D6F5D"></span></b></p>
</div>
<div style="margin-bottom:15.0pt">
<p class="x_MsoNormal" style="margin-top: 0px; margin-bottom: 0px;margin: 0cm; font-size: 11pt; font-family: Calibri, sans-serif;">
<i><span style="font-size:9.0pt; font-family:"Georgia",serif; color:#9D9D9C">Equipo Coordinador Sistema de Información sobre Biodiversidad de Colombia</span></i><span style="font-size:9.0pt; color:#9D9D9C"></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>