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>