{% macro post_link(page) %}
    <div>
        <h2 class="post-title"><a href="/{{ page.path | safe }}">{{ page.title }}</a></h2>
        <div class="post-summary">
            {{ page.summary | safe}}
            <a class="read-more" href="/{{ page.path | safe }}">read&nbsp;more…</a>
        </div>
    </div>
{% endmacro post_link %}

{% macro utterances() %}
    <script src="https://utteranc.es/client.js"
        repo="phil-opp/blog_os"
        issue-term="url"
        label="comments"
        crossorigin="anonymous"
        async>
    </script>
{% endmacro utterances %}

{% macro toc(toc) %}
    <details id = "toc-inline">
        <summary><b>Table of Contents</b></summary>
        <ul>
            {% for h2 in toc %}<li>
                <a href="#{{h2.id | safe}}">{{ h2.title | safe }}</a>
                {% if h2.children %}<ul>
                    {% for h3 in h2.children %}<li>
                        <a href="#{{h3.id | safe}}">{{ h3.title | safe }}</a>
                    </li>{% endfor %}
                </ul>{% endif %}
            </li>{% endfor %}
        </ul>
    </details>
{% endmacro toc %}

{% macro post_link(page) %}
    <div>
        <h2 class="post-title"><a href="/{{ page.path | safe }}">{{ page.title }}</a></h2>
        <div class="post-summary">
            {{ page.summary | safe}}
            <a class="read-more" href="/{{ page.path | safe }}"><em>read&nbsp;more&nbsp;»</em></a>
        </div>
    </div>
{% endmacro post_link %}

{% macro utterances() %}
    <script src="https://utteranc.es/client.js"
        repo="phil-opp/blog_os"
        issue-term="url"
        label="comments"
        crossorigin="anonymous"
        async>
    </script>
{% endmacro utterances %}

{% macro toc(toc) %}
    <details id = "toc-inline">
        <summary><b>Table of Contents</b></summary>
        <ul>
            {% for h2 in toc %}<li>
                <a href="#{{h2.id | safe}}">{{ h2.title | safe }}</a>
                {% if h2.children %}<ul>
                    {% for h3 in h2.children %}<li>
                        <a href="#{{h3.id | safe}}">{{ h3.title | safe }}</a>
                    </li>{% endfor %}
                </ul>{% endif %}
            </li>{% endfor %}
        </ul>
    </details>
{% endmacro toc %}

Adjust style of 'read more' link
Adjust style of 'read more' link
