layout: default


<div class=“container-liquid bg-gray-237 article-header”>

<div class="breadcrumbs">
    <a href="/" class="breadcrumbs__item breadcrumb-link">Home</a>
    <a href="/{{page.collection}}" class="breadcrumbs__item breadcrumb-link">{{site.data.chapters[page.collection].title}}</a>
    <span class="breadcrumbs__item">{{page.title}}</span>
</div>

<div class="container-fixed">

    {% assign chapter = site.data.chapters[page.collection] %}
    <div class="welcomer__tit">{{page.title}}</div>
    <div class="welcomer__text">{{chapter.description}}</div>

</div>

</div>

<div class=“container-fixed article-content”>

<div class="row">
    <div class="col-l-8 col-m-12">
        <div class="article">
            <h2>{{page.title}}</h2>
            {{content}}
        </div>
    </div>
    <div class="col-l-4 col-m-12 sidebar">
        <h2 class="underline content-list-label">Related articles</h2>
        <ul class="content-list related-articles">
        {% for collection in site.data.chapters %}
        {% assign collectionName = collection[0] %}
        {% assign related = site[collectionName] | where:'category', page.category%}
            {% if related.size > 0 %}
                {% for item in related %}
                    {% if item.url != page.url %}
                     {% assign itemChapterName = collectionName | where:'sections.title', item.section %}
                    <li><a class="content-list-item" href="{{item.url}}">{{item.title}}<i class="{{site.data.chapters[itemChapterName].icon}}"></i></a></li>
                    {% endif %}
                {% endfor %}
            {% endif %}
        {% endfor %}
        </ul>
    </div>
</div>

</div>