breadcrumb.html

<div class="nav-breadcrumb-container">
    <div>
        <div class="breadcrumb-nav">
            {% if page.permalink != "/api/" and
                page.permalink != "/python/" and
                page.permalink != "/javascript/" and
                page.permalink != "/r/" and
                page.permalink != "/julia/" and
                page.permalink != "/ggplot2/" and
                page.permalink != "/fsharp/" and
                page.permalink != "/csharp/" and
                page.permalink != "/matlab/" %}
                <a href="/{% if page.permalink contains 'javascript' %}javascript{% else %}{{page.language}}{% endif %}">
                    {% if page.language == "plotly_js" %}JavaScript
                    {% elsif page.language == "fsharp" %}FSharp
                    {% elsif page.language == "csharp" %}CSharp
                    {% elsif page.language == "matlab" %}MATLAB<sup>&reg;</sup>
                    {% else %}
                        {{page.language | capitalize}}
                    {% endif %}
                </a>
            {% endif %}

            {% assign langue = page.language %}

            {% if page.permalink contains 'javascript' %}
                {% assign langue = 'javascript' %}
            {% endif %}

            {% if page.display_as %}
                {% if langue == 'python' or
                        langue == 'r' or
                        langue == 'javascript' or
                        langue == 'ggplot2' or
                        langue == 'julia' or
                        langue == 'matlab' or
                        langue == 'csharp' or
                        langue == 'fsharp' %}
                    {% assign display_as = site.data.display_as_py_r_js[page.display_as] %}
                {% else %}
                    {% assign display_as = site.data.display_as[page.display_as] %}
                {% endif %}
                &gt; <a href="/{{ display_as.reference | prepend:"/" | prepend: langue }}">{{display_as.text}}</a>
            {% endif %}
            {% if page.layout != "langindex" and page.permalink != "/api/" %}
                &gt; <span>{{page.name}}</span>
            {% endif %}
            {% if page.page_type == "reference" %}
                &gt; <a href="/{{langue}}/reference/index/">Figure Reference</a>
                &gt; <span>{{page.name}}</span>
            {% endif %}
        </div>
    </div>
    {% if page.layout != "langindex" %}
    <div class="nav-breadcrumb-right">
        <div class="--fork">
        {% if page.path contains "/python/html/" %}
            {% assign filename = page.path | replace: "_posts/python/html/2019-07-03-", "" | replace: ".html", ".md" %}
            <a id="forklink" href="{{ filename | prepend: "https://github.com/plotly/plotly.py/edit/doc-prod/doc/python/" }}">
        {% elsif page.path contains "/r/md/r" %}
            {% assign filename = page.path | replace: "_posts/r/md/r/", "" | replace: ".md", ".Rmd" %}
            <a id="forklink" href= "{{ filename | prepend: "https://github.com/plotly/plotly.r-docs/edit/master/r/" }}" >
        {% elsif page.path contains "/ggplot2/md" %}
            {% assign filename = page.path | replace: "_posts/ggplot2/md/", "" | replace: ".md", ".Rmd" %}
            <a id="forklink" href="{{ filename | prepend: "https://github.com/plotly/plotly.r-docs/edit/master/ggplot2/" }}">
        {% elsif page.path contains "/matlab/" %}
            {% assign filename = page.path %}
            <a id="forklink" href= "{{ filename | prepend: "https://github.com/plotly/graphing-library-docs/edit/master/" }}" >
        {% elsif page.path contains "/julia/" %}
            {% assign filename = page.path | replace: "_posts/julia/html/2021-08-17-", "" | replace: ".html", ".md" %}
            <a id="forklink" href= "{{ filename | prepend: "https://github.com/plotly/plotlyjs.jl-docs/edit/master/julia/" }}" >
        {% elsif page.path contains "/fsharp/" %}
            {% assign filename = page.path %}
            <a id="forklink" href= "{{ filename | prepend: "https://github.com/plotly/plotly.net-docs/edit/main/fsharp/" }}" >
        {% elsif page.path contains "/csharp/" %}
            {% assign filename = page.path %}
            <a id="forklink" href= "{{ filename | prepend: "https://github.com/plotly/plotly.net-docs/edit/main/csharp/" }}" >
        {% else %}
            {% assign filename = page.path | split: "/" | last %}
            <a id="forklink" href="{{ page.path | remove: filename | prepend: "https://github.com/plotly/graphing-library-docs/tree/master/" }}">
        {% endif %}
            <div class="icon">
                <svg style="width:20px;height:20px" viewbox="0 0 24 24">
                    <path fill="#000000"
                        d="M2.6,10.59L8.38,4.8L10.07,6.5C9.83,7.35 10.22,8.28 11,8.73V14.27C10.4,14.61 10,15.26 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.26 13.6,14.61 13,14.27V9.41L15.07,11.5C15,11.65 15,11.82 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10C16.82,10 16.65,10 16.5,10.07L13.93,7.5C14.19,6.57 13.71,5.55 12.78,5.16C12.35,5 11.9,4.96 11.5,5.07L9.8,3.38L10.59,2.6C11.37,1.81 12.63,1.81 13.41,2.6L21.4,10.59C22.19,11.37 22.19,12.63 21.4,13.41L13.41,21.4C12.63,22.19 11.37,22.19 10.59,21.4L2.6,13.41C1.81,12.63 1.81,11.37 2.6,10.59Z">
                    </path>
                </svg>
            </div>
            <span>Suggest an edit to this page</span>
              </a>
        </div>
    </div>
    {% endif %}
</div>