Improve the topics page a little bit.

user/themes/textbook/templates/partials/topic-list-item.html.twig

+<div class="card">
+    {% set image = page.media.images|first %}
+    {% if image %}
+    <div class="card-image">
+        <a href="{{ page.url }}">{{ image.cropZoom(800,400).html }}</a>
+    </div>
+    {% endif %}
+    <div class="card-header">
+        {#<div class="card-subtitle text-gray">#}
+            {#{% include 'partials/blog/date.html.twig' %}#}
+        {#</div>#}
+        <div class="card-title">
+        {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
+        </div>
+    </div>
+    <div class="card-body">
+        {% if page.summary != page.content %}
+            {{ page.summary|raw }}
+        {% else %}
+            {{ page.content|raw }}
+        {% endif %}
+    </div>
+    <div class="card-footer">
+        {% include 'partials/blog/taxonomy.html.twig' %}
+    </div>
+</div>
+

user/themes/textbook/templates/textbook.html.twig

 {% extends 'partials/base.html.twig' %}
 
 {% block content %}
-
     {{ page.content|raw }}
-
     {% include 'partials/contributions-incentive.html.twig' %}
 {% endblock %}

user/themes/textbook/templates/topics.html.twig

-{% extends 'blog.html.twig' %}
+{% extends 'partials/base.html.twig' %}
 
+{% block stylesheets %}
+    {% do assets.addCss('theme://css/bricklayer.css') %}
+    {{ parent() }}
+{% endblock %}
+
+{% block content %}
+    {{ page.content|raw }}
+
+    <section class="bricklayer topics">
+    {% for topic in page.collection() %}
+        {% include 'partials/topic-list-item.html.twig' with {parent: page, page: topic} %}
+    {% endfor %}
+    </section>
+{% endblock %}
\ No newline at end of file