<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);">
Hi Camila</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
I've added a functional example to your repo</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<a href="https://hp-colombian-biodiversity.gbif-staging.org/footer/terminosCondiciones/TerminosCondiciones" id="LPlnk">https://hp-colombian-biodiversity.gbif-staging.org/footer/terminosCondiciones/TerminosCondiciones</a><br>
</div>
<div class="_Entity _EType_OWALinkPreview _EId_OWALinkPreview _EReadonly_1"></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);">
First we need to configure the sidebar menu. It can be any file and property in the _data folder. As long as the configuration follow the format in this file</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<a href="https://github.com/gbif/hp-colombian-biodiversity/commit/2ec5dc5e91ce85a2bb249e674c6fa9ac985111c4" id="LPlnk189712">https://github.com/gbif/hp-colombian-biodiversity/commit/2ec5dc5e91ce85a2bb249e674c6fa9ac985111c4</a><br>
</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);">
Secondly we need to reference that specific sidebar configuration. </div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<a href="https://github.com/gbif/hp-colombian-biodiversity/commit/5202120803753795bcfdc0cc95d50eb4367d6804" id="LPlnk478984">https://github.com/gbif/hp-colombian-biodiversity/commit/5202120803753795bcfdc0cc95d50eb4367d6804</a><br>
</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);">
Hope that helps</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);">
Best</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
Morten</div>
<div id="appendonsend"></div>
<div style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:12pt; color:rgb(0,0,0)">
<br>
</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 Camila Andrea Plata Corredor <cplata@humboldt.org.co><br>
<b>Sent:</b> Friday, February 26, 2021 8:29 PM<br>
<b>To:</b> hosted-portals@lists.gbif.org <hosted-portals@lists.gbif.org><br>
<b>Subject:</b> [Hosted-Portals] Help to use the documentation layout and the nice left menu</font>
<div> </div>
</div>
<div>
<div dir="ltr">
<div>Dear all,<br>
<br>
I have been trying to use the documentation layout as seen at the base theme (<a href="https://hp-base-theme.gbif-staging.org/layout/documentation">https://hp-base-theme.gbif-staging.org/layout/documentation</a>), it looks perfect for long and complex documents
but I haven't been able to make it work.<br>
<br>
I do get the right navigation menu in this and any other layout using toc: true, but not the left navigation menu which is the most interesting feature of this theme. I tried to emulate the .md of the theme (<a href="https://github.com/gbif/jekyll-hp-base-theme/edit/master/pages/layout/documentation.md">https://github.com/gbif/jekyll-hp-base-theme/edit/master/pages/layout/documentation.md</a>)
and played around with several options such as permatlink: , sidebar:, and bringing external docs with the option {% include_relative xxxx.md %} but It did not work. For the available examples, I think that probably the left navigation menu needs to be configured
externally.<br>
<br>
How can I make proper use of the documentation layout? How can I configure the left navigation menu?<br>
<br>
This is the doc in which I'm doing trials: <a href="https://github.com/gbif/hp-colombian-biodiversity/blob/master/footer/terminosCondiciones/TerminosCondiciones.md">
https://github.com/gbif/hp-colombian-biodiversity/blob/master/footer/terminosCondiciones/TerminosCondiciones.md</a></div>
<div><br>
</div>
<div>Thank you in advance</div>
<div><br>
</div>
<div>C.</div>
--
<div dir="ltr" class="x_gmail_signature">
<div style="width:350px; padding:20px; margin-top:20px; margin-left:5px">
<div style="width:100%">
<div style="color:#4d6f5d; font-weight:bold; margin-bottom:5px; font-size:0.9em">
<span style="font-size:14px"><span style="font-family:Georgia,serif">Camila Andrea Plata Corredor</span></span></div>
<div style="margin-bottom:20px; color:#9d9d9c; font-size:0.8em"><span style="font-size:12px"><span style="font-family:Georgia,serif"><i>Equipo Coordinador Sistema de Información
sobre Biodiversidad de Colombia</i></span></span></div>
<div style="color:#4d6f5d; font-weight:bold; margin-bottom:5px; font-size:0.8em">
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>