mirror of
https://github.com/Xevion/v2.xevion.dev.git
synced 2025-12-07 20:08:55 -06:00
76 lines
3.6 KiB
HTML
76 lines
3.6 KiB
HTML
---
|
|
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>
|