genlog/html/header.html

94 lines
No EOL
1.9 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
<meta name="robots" content="nosnippet">
<!-- this website uses watercss: https://watercss.kognise.dev/ -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<style>
article a::before {
content: "➤";
display: inline-block;
margin-right: .4em;
}
a[href^="//"]::before,
a[href^="http"]::before,
a[href^="gemini"]::before {
content: "🌐";
margin-right: .4em;
}
a[href^="//"]::before {
filter: hue-rotate(90deg) saturate(2);
}
a[href^="gemini"]::before {
filter: hue-rotate(200deg) saturate(2);
}
p {
margin: 1em;
}
a::before,
h1::before,
h2::before,
h3::before,
blockquote::before,
.footer {
color: #9d9d9d;
}
h1::before {
content: "# ";
}
h2::before {
content: "## ";
}
h3::before {
content: "### ";
}
blockquote::before {
content: "> ";
}
blockquote {
margin: 0 1em;
padding: .5em .5em;
border-left: .2em solid #505050;
}
pre {
display: block;
border-left: dotted #505050;
white-space: pre-wrap;
word-break: keep-all;
margin: 0 1em;
padding-left: .7em;
}
.footer {
padding: 2em 2em 0;
text-align: center;
}
</style>
<title>
<!-- TITLE -->
</title>
</head>
<body>
<div class="container">
<article>
<!-- End header.html -->