---
layout: main
---

<div class="container">
    <div class="row d-flex">
        <div class="col-md-auto p-2">
            <div class="card project-card">
                {% if page.thumbnail_url %}
                    <img src="{{ page.thumbnail_url }}" class="card-img-top" alt="{{ page.title }} thumbnail">
                {% endif %}
                <div class="card-body">
                    <p>{{ page.description }}</p>
                    {% if page.project_url %}
                        <a href="{{ page.project_url }}" class="btn btn-primary">
                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
                            Project
                        </a>
                    {% endif %}
                    {% if page.source_url %}
                        <a href="{{ page.source_url }}" class="btn btn-primary">
                            <i class="fa-solid fa-code"></i>
                            Source Code
                        </a>
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="col">
            {{ content }}
        </div>
    </div>
</div>