blog / index.html
index.html1.4 KB
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Random Stuff</title>
<link rel="icon" type="image/png" href="/blog/logo.png">
<!-- Blog logic -->
<link rel="stylesheet" href="style.css">
<script src="main.js" defer></script>
<!-- Markdown renderer -->
<script src="libs/marked.min.js"></script>
<!-- LaTeX renderer -->
<link rel="stylesheet" href="libs/style/katex.min.css">
<script src="libs/katex.min.js"></script>
<script src="libs/auto-render.min.js"></script>
<!-- HTML purifier renderer -->
<script src="libs/purify.min.js"></script>
<!-- Mermaid diagrams -->
<script src="libs/mermaid.min.js"></script>
<!-- highlight.js (thème GitHub) -->
<link rel="stylesheet"
href="libs/style/gruvbox-dark-soft.min.css">
<script src="libs/highlight.min.js" defer></script>
<!-- (Re)colorise les blocs de code après chaque mise à jour de #view -->
<script defer>
document.addEventListener('DOMContentLoaded', function () {
const view = document.getElementById('view');
function runHL() {
if (!window.hljs) return;
view.querySelectorAll('pre code').forEach(el => hljs.highlightElement(el));
}
runHL();
new MutationObserver(runHL).observe(view, { childList: true, subtree: true });
});
</script>
</head>
<body>
<a href="/"><img src="logo.png" alt="Home" id="blog-logo"></a>
<div id="view">
<ul id="post-list"></ul>
</div>
</body>
</html>