Data Sources Page

[jbeatty88]

Data Sources Page

• @maddyras has been putting together a page with the credit and sources for some of the species data (I think mainly pictures)

The What

• We'll need a link to the sources page on the tree canvas page.

Discussion

• For now, I think a long list of the data for any of the trees we already provide is good enough.
• As a (far) stretch goal, we can eventually separate each of the tree sources data to individual <div> elements and then conditionally set the "visibility: visible" attribute for the <div> that holds the current trees data. The default visibility would be visibility: hidden.

Stretch Goal Example (kinda)

<div onload="displayTreeSources($tree.name)">
    <div id="primates" style="visibility: hidden">
        <h1> Primates Sources </h1>
        . . .
    </div>

    <div id="birds" style="visibility: hidden">
        <h1> Birds Sources </h1>
        . . .
    </div>

    <div id="butterflies" style="visibility: hidden">
        <h1> Butterflies Sources </h1>
        . . .
    </div>
</div>

function displayTreeSources(treeName) {
   if (treeName === 'primates') document.getElementById("primates").style.visibility="visible";
   else if (treeName === 'birds') document.getElementById("birds").style.visibility="visible";
   else document.getElementById("butterflies").style.visibility="visible";
}