blog/resources/views/home/blog-partial.blade.php

<h2 class="mt-0">A Blog Entry</h2>

<div class="mt-3 pr-2">
    <x-markdown>
        ![Vancouver Sky-line](/images/vancouver.jpg)
    </x-markdown>
    <x-markdown>
        {class="photo-description"} An aerial photo of Vancouver's skyline. Stanley Park can be seen to the north.
    </x-markdown>
</div>
<div>
    <br>
    <a href="/">Continue reading...</a>
</div>

<div class="text-secondary mt-3">
    <div class="d-inline-flex flex-row gap-3">
        <div>
            <i class="bi bi-journal-text"></i> Blog Entry
        </div>
        <div>
            <i class="bi bi-calendar-week"></i> 2024-02-02
        </div>
        <div>
            <i class="bi bi-tags-fill"></i>
            <a class="text-secondary" href="/">Tag 1</a>,
            <a class="text-secondary" href="/">Tag 2</a>
        </div>
    </div>

    <div class="pt-2">
        <hr>
    </div>
</div>