---
# layout: compress
---
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width" name="viewport">
        <link as="style" href="/assets/main.css" rel="preload">
        <link href="/assets/main.css" rel="stylesheet">
        <!-- build-commit-id: {{ site.github.build_revision | default: site.env.GITHUB_SHA }} -->
        <!--    <link rel="stylesheet" href="/assets/print.css" media="print">-->
        <link href="/assets/rouge.css" rel="stylesheet">
        <title>
            {%- if page.title %}
                {{- page.title -}}{{- " " -}}|{{- " " -}}
            {%- endif -%}
            {{- site.title -}}
        </title>
        <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
        <link as="font" crossorigin href="/assets/fonts/-cmunrm.woff2" rel="preload">
        <link as="font" crossorigin href="/assets/fonts/-cmuntt.woff2" rel="preload">
        <link as="font" crossorigin href="/assets/fonts/-cmunti.woff2" rel="preload">
        <link href="/feed.xml" rel="alternate" type="application/atom+xml">
        {% if page._preview_description and page.title or page.name == "index.html" -%}
            <meta content="website" property="og:type">
            <meta property="og:url" content="{{ page.url | absolute_url }}">
            <meta property="og:title" content="{{ page.title | default: "Xevion.dev" }}">
            <meta name="twitter:title" content="{{ page.title | default: "Xevion.dev" }}">
            {% if page._preview_description -%}
                <meta property="og:description" content="{{ page._preview_description }}">
                <meta property="twitter:description" content="{{ page._preview_description }}">
            {% endif -%}
            {%- if page._preview_image -%}
                <meta property="og:image" content="{{ page._preview_image | absolute_url }}">
                <meta name="twitter:image" content="{{ page._preview_image | absolute_url }}">
                <meta content="summary_large_image" name="twitter:card">
            {%- else -%}
                <meta content="summary" name="twitter:card">
            {%- endif -%}
        {%- endif %}
        <!-- Hide site using inline styling until CSS loads -->
        <style>
        html, body {
            visibility: hidden;
        }
        </style>
        <!--  Prevent FireFox from displaying FOUC with fake script tag.  -->
        <script>0</script>
        {% if page.layout == "default" or page.layout == "posts" %}
            <script src="/assets/js/custom.js"></script>
        {% endif %}
    </head>
    <body class="{% if page.wide or layout.wide %}wide{% endif %}">
        {{ content }}
    </body>
    <script type="text/javascript">
        /** Is all of this too much effort to make the animation play in just the right way? **/
        window.onbeforeunload = function(){
            /** Remember the origin so it can be checked for page reloads **/
            sessionStorage.setItem("origin", window.location.href);
        }

        window.onload = function() {
            /** Display the glitch effect on new page loads or reloads. **/
            let glitch_seen = sessionStorage.getItem('glitch')
            if (glitch_seen !== 'true' || window.location.href === sessionStorage.getItem("origin")) {
                sessionStorage.setItem('glitch', 'true')
                document.getElementById('header').firstElementChild.classList.add('glitch')
            }
            
        }
    </script>
</html>
