Abbaye — markdown.html.j2

at 8645f5a
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>{{ title }}</title>
        <style>
            *,
            *::before,
            *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }
            body {
                font-family:
                    system-ui,
                    -apple-system,
                    BlinkMacSystemFont,
                    "Segoe UI",
                    sans-serif;
                background: #f5efe4;
                color: #2e2416;
                line-height: 1.6;
            }
            main {
                max-width: 860px;
                margin: 2.5rem auto;
                padding: 0 1.5rem 4rem;
                background: #fdfaf5;
                border: 1px solid #c9baa8;
                border-radius: 6px;
            }
            main h1,
            main h2,
            main h3,
            main h4,
            main h5,
            main h6 {
                margin-top: 1.5em;
                margin-bottom: 0.5em;
                line-height: 1.3;
                color: #2e2416;
            }
            main h1 {
                font-size: 1.9rem;
                border-bottom: 2px solid #c9baa8;
                padding: 1rem 1.5rem 0.4rem;
                margin-left: -1.5rem;
                margin-right: -1.5rem;
            }
            main h2 {
                font-size: 1.4rem;
                border-bottom: 1px solid #ddd4c4;
                padding-bottom: 0.3rem;
            }
            main h3 {
                font-size: 1.15rem;
            }
            main p {
                margin-bottom: 1em;
            }
            main a {
                color: #7a4429;
            }
            main a:hover {
                color: #a05a3a;
            }
            main img {
                max-width: 100%;
                height: auto;
            }
            main pre {
                background: #eae2d4;
                border: 1px solid #c9baa8;
                border-radius: 5px;
                padding: 1em 1.25em;
                overflow-x: auto;
                margin-bottom: 1em;
                font-size: 0.875em;
            }
            main code {
                font-family:
                    "SFMono-Regular", Consolas, "Liberation Mono", Menlo,
                    monospace;
                background: #eae2d4;
                padding: 0.15em 0.4em;
                border-radius: 3px;
                font-size: 0.875em;
            }
            main pre code {
                background: none;
                padding: 0;
                font-size: inherit;
            }
            main ul,
            main ol {
                padding-left: 1.5em;
                margin-bottom: 1em;
            }
            main li {
                margin-bottom: 0.2em;
            }
            main table {
                border-collapse: collapse;
                margin-bottom: 1em;
                width: 100%;
            }
            main th,
            main td {
                border: 1px solid #c9baa8;
                padding: 0.4em 0.75em;
                text-align: left;
            }
            main th {
                background: #ede5d8;
                font-weight: 600;
            }
            main blockquote {
                border-left: 4px solid #c9baa8;
                padding: 0.5em 1em;
                margin: 0 0 1em;
                color: #7a6855;
                font-style: italic;
            }
            .content {
                padding: 1.5rem;
            }
        </style>
    </head>
    <body>
        <main>
            <div class="content">
                {{ content | safe }}
            </div>
        </main>
    </body>
</html>