head.html

<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">

<!-- Prism.js is for code blocks -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism.css" />

<!-- bootstrap icons, see https://icons.getbootstrap.com/#install -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">

<!-- Custom stylesheet -->
<link rel="stylesheet" href="/assets/css/style.css">

{% feed_meta %}

<style>
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-flow: column;
}

.footer {
    margin-top: auto;
    padding-top: 1em;
    background-color: #f5f5f5;
}
</style>