www_aibox/templates/newsPage.html

{% extends "_default/base.html" %}
{% block content %}

{% set split = page.content | split(pat="threefold.io") %}
{% if split | length < 2 %}
    {% set content = page.content %}
{% else %}
    {% set content = "" %}
    {% for part in split %}
        {% if part is starting_with("/blog") %}
            {% set split_part = part | split(pat='/">') %}
            {% set link = split_part[0] %}
            {% set link = link | replace(from="/blog/post", to="/blog") %}
            {% set link = link | replace(from="_", to="-") %}
            {% set rest_part = split_part | slice(start=1) | join(sep='/">') %}
            {% set part = link ~ '/">' ~ rest_part %}
        {% endif %}
        {% if part is starting_with("/people") %}
            {% set split_part = part | split(pat='/">') %}
            {% set link = split_part[0] %}
            {% set link = link | replace(from="_", to="-") %}
            {% set rest_part = split_part | slice(start=1) | join(sep='/">') %}
            {% set part = link ~ '/">' ~ rest_part %}
        {% endif %}
        {% if loop.first %}
            {% set_global content = part %}
        {% else %}
            {% set_global content = content ~ "threefold.io" ~ part %}
        {% endif %}
    {% endfor %}
{% endif %}


<!-- Default page template for news posts and basic informative markdown files -->
<main class="container mx-auto mt-16">

  <div class="article lg:w-4/6 mx-auto">

    <div>
      <section class="post-header px-0 mb-4 border-b border-gray-600">
        <h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none  text-gray-100">
          {{ page.title }}
        </h2>
        <p class="md:text-lg mb-4 text-base text-gray-300">
          {{ page.description }}
        </p>
      </section>
      <section class="post-author-list mb-3 mt-2 mx-0">
        <div class="flex items-center">
          <div class="flex justify-between items-center">
            <ul class="list-none pl-0 flex author-list m-0">
            {% if page.taxonomies.people %}
                {% for person in page.taxonomies.people %}
                    {% set author_path = 'people/' ~ person ~ '/index.md' %}
                    {% set people = get_section(path="people/_index.md") %}           
                    {% set pages_str = people.pages | json_encode() | as_str %}
                    {% if pages_str is containing(person) %}
                        {% set author = get_page(path=author_path) %}
                        {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
              <li class="author-list-item">
                <a href="{{author.permalink}}" tooltip="{{author.title}}">
                  <img src="{{author_img}}" alt="{{ author.title }}" class="
                    w-8
                    h-8
                    sm:h-10
                    sm:w-10
                    rounded-full
                    bg-gray-200
                    border border-gray-600
                  " />
                </a>
              </li>
              {% endif %}
              {% endfor %}
              {% endif %}
            </ul>
          </div>

          <div class="pl-3 flex flex-col text-xs leading-none uppercase">
            <p>
            {% if page.taxonomies.people %}
            {% for person in page.taxonomies.people %}
            {% set author_path = 'people/' ~ person ~ '/index.md' %}
            {% set people = get_section(path="people/_index.md") %}           
            {% set pages_str = people.pages | json_encode() | as_str %}
            {% if pages_str is containing(person) %}
                {% set author = get_page(path=author_path) %}
                {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
              <span class="text-xs leading-none uppercase">
                <a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-400">{{ author.title }}</a>
              </span>
              {% endif %}
                {% endfor %}
            {% endif %}
            </p>
            <p class="text-gray-400 text-xs leading-none uppercase">
              <time datetime="{{page.date}}">
                {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
              </time>
              {# &nbsp;&middot;&nbsp; {{ page.news.timeToRead }} min read #}
            </p>
          </div>
          <div class="my-2 ml-auto sharethis-inline-share-buttons"></div>
        </div>
      </section>
    </div>
    <section class="post-image mx-auto w-full">
        {% if page.extra.imgPath %}
    {% set img_url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %}
    <img src="{{img_url}}" />
    {%endif%}
    </section>

    <div class="py-12">
      <section class="
          post-content
          container
          mx-auto
          relative
          font-serif
          text-gray-300
        ">
        <div class="post-content-text text-xl">{{ content | safe }}</div>
      </section>

      <section class="post-tags container mx-auto relative py-10">
        {% for tag in page.taxonomies.tags %}
        {% set fullpath = "/tags/" ~ tag | replace(from='_', to='-' ) %}
        <a href="{{fullpath}}" class="
        text-xs
        bg-transparent
        hover:text-gray-100
        py-2
        px-4
        mr-2
        border
        hover:border-gray-100
        border-gray-600
        text-gray-400
        rounded-full
          ">{{ tag }}</a>
        {% endfor %}
      </section>
    </div>
  </div>
</main>
{% endblock content %}