---
layout: content
notitle: true
fullwith: true
---
<h2>{{ page.name }}
<span class="sm:ml-2 text-sm">{% include partial/publisher_ref.html pub=page.author %}</span>
</h2>

<div class="flex-wrap md:flex md:flex-nowrap">
    <div class="w-full md:w-auto md:mr-4">
        {{ content }}
    </div>

    <div class="w-full md:w-1/4">
      <h2 class="block sm:hidden">Link section</h2>
      <div>

        {% if page.github %}
        <a href="{{ page.github }}" class="no-underline" aria-label="open source on GitHub">
        <div>
          <h4 class="fst-italic">Sourcecode on GitHub</h4>
          <p>{{ page.github | remove: "https://github.com/" }}</p>
        </div>
        </a>
        {% endif %}
        {% if page.gitlab %}
        <a href="{{ page.gitlab }}" class="no-underline" aria-label="open source on Gitlab">
        <div>
          <h4 class="fst-italic">Sourcecode on Gitlab</h4>
          <p>{{ page.gitlab | remove: "https://gitlab.com/" }}</p>
        </div>
        </a>
        {% endif %}

        {% if page.source %}
        <a href="{{ page.source }}" class="no-underline" aria-label="open source on SCM">
        <div>
          <h4 class="fst-italic">Sourcecode on SCM</h4>
          <p>{{ page.source }}</p>
        </div>
        </a>
        {% endif %}

        <div>
          <h4 class="fst-italic">Categories</h4>
          <ul class="list-unstyled">
            {% for categorie in page.categories %}
            <li><a href="/categories/#{{ categorie | slugify }}"><span class="badge bg-yellow-500">{{ categorie }}</span></a></li>
            {% endfor %}
          </ul>
        </div>

        <div>
          <h4 class="fst-italic">Tags</h4>
          <ul class="list-unstyled">
            {% for tag in page.tags %}
            <li><a href="/tags/#{{ tag | slugify }}"><span class="badge bg-blue-400">{{ tag }}</span></a></li>
            {% endfor %}
          </ul>
        </div>

        <a href="{{ page.website }}" class="no-underline" aria-label="open website">
        <div>
          <h4 class="fst-italic">Website</h4>
          <p>{{ page.website }}</p>
        </div>
        </a>

      </div>
    </div>
</div>