more flexibility hover templates
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending

This commit is contained in:
Mylloon 2023-04-24 17:22:12 +02:00
parent f68c75ab62
commit d4f216c889
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
12 changed files with 76 additions and 99 deletions

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
<head dir="ltr">
{{>head.html}} {{>head.html}}
</head>
<body class="index"> <body class="index">
<p style="color: aliceblue">404 :/</p> <p style="color: aliceblue">404 :/</p>
{{>footer.html}} {{>footer.html}}

View file

@ -1,10 +1,3 @@
<footer> <footer>
<a href="/blog">Retour à la liste des posts</a> <a href="/blog">Retour à la liste des posts</a>
</footer> </footer>
{{#data}} {{#post}} {{#metadata}}
{{#mermaid}}{{>libs/mermaid_footer.html}}{{/mermaid}}
{{#math}}{{>libs/katex_footer.html}}{{/math}}
{{#syntax_highlight}}{{>libs/hljs_footer.html}}{{/syntax_highlight}}
{{/metadata}} {{/post}} {{/data}}
<script src="/js/custom_img_size.js"></script>

View file

@ -1,45 +1,10 @@
<head dir="ltr">
<title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title> <title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/blog.css" /> <link rel="stylesheet" href="/css/blog/post.css" />
<meta name="author" content="Mylloon" /> <meta name="author" content="Mylloon" />
<meta name="description" content="{{page_desc}} " /> <meta name="description" content="{{page_desc}} " />
<meta name="keywords" content="{{page_kw}} " /> <meta name="keywords" content="{{page_kw}} " />
<!-- Icones (https://realfavicongenerator.net/) --> {{>icons.html}}
<link
rel="apple-touch-icon"
sizes="180x180"
href="/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/icons/favicon-16x16.png"
/>
<link rel="manifest" href="/icons/site.webmanifest" />
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" href="/icons/favicon.ico" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-config" content="/icons/browserconfig.xml" />
<meta name="theme-color" content="#2a2424" />
<!-- Embed réseaux sociaux -->
<meta content="{{page_title}} " property="og:title" />
<meta content="{{page_desc}} " property="og:description" />
<meta content="/icons/apple-touch-icon.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
{{#data}} {{#post}} {{#metadata}} {{#math}} {{>libs/katex_head.html}}
{{/math}} {{#syntax_highlight}} {{>libs/hljs_head.html}} {{/syntax_highlight}}
{{/metadata}} {{/post}} {{/data}}
</head>

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
<head dir="ltr">
{{>head.html}} {{>head.html}}
</head>
<body class="index"> <body class="index">
{{#data}} {{#data}}
<h1 id="title">Blog</h1> <h1 id="title">Blog</h1>

View file

@ -1,8 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
{{>blog/head.html}} <head dir="ltr">
{{>blog/head.html}} {{#data}} {{#post}} {{#metadata}} {{#math}}
{{>libs/katex_head.html}} {{/math}} {{#syntax_highlight}}
{{>libs/hljs_head.html}} {{/syntax_highlight}} {{/metadata}} {{/post}}
</head>
<body class="index"> <body class="index">
{{#data}}
<header></header> <header></header>
<main> <main>
{{^post}} {{^post}}
@ -11,6 +14,11 @@
<article>{{&content}}</article> <article>{{&content}}</article>
{{/post}} {{/post}}
</main> </main>
{{/data}}{{>blog/footer.html}} {{>blog/footer.html}} {{#post}} {{#metadata}}
{{#mermaid}}{{>libs/mermaid_footer.html}}{{/mermaid}}
{{#math}}{{>libs/katex_footer.html}}{{/math}}
{{#syntax_highlight}}{{>libs/hljs_footer.html}}{{/syntax_highlight}}
{{/metadata}} {{/post}}{{/data}}
<script src="/js/custom_img_size.js"></script>
</body> </body>
</html> </html>

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
<head dir="ltr">
{{>head.html}} {{>head.html}}
</head>
<body> <body>
{{#data}} {{#error}} {{#data}} {{#error}}
<div id="content"> <div id="content">

View file

@ -1,4 +1,3 @@
<head dir="ltr">
<title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title> <title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@ -7,34 +6,4 @@
<meta name="author" content="Mylloon" /> <meta name="author" content="Mylloon" />
<meta name="description" content="{{page_desc}} " /> <meta name="description" content="{{page_desc}} " />
<!-- Icones (https://realfavicongenerator.net/) --> {{>icons.html}}
<link
rel="apple-touch-icon"
sizes="180x180"
href="/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/icons/favicon-16x16.png"
/>
<link rel="manifest" href="/icons/site.webmanifest" />
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" href="/icons/favicon.ico" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-config" content="/icons/browserconfig.xml" />
<meta name="theme-color" content="#2a2424" />
<!-- Embed réseaux sociaux -->
<meta content="{{page_title}} " property="og:title" />
<meta content="{{page_desc}} " property="og:description" />
<meta content="/icons/apple-touch-icon.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
</head>

30
templates/icons.html Normal file
View file

@ -0,0 +1,30 @@
<!-- Icones (https://realfavicongenerator.net/) -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/icons/favicon-16x16.png"
/>
<link rel="manifest" href="/icons/site.webmanifest" />
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" href="/icons/favicon.ico" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-config" content="/icons/browserconfig.xml" />
<meta name="theme-color" content="#2a2424" />
<!-- Embed réseaux sociaux -->
<meta content="{{page_title}} " property="og:title" />
<meta content="{{page_desc}} " property="og:description" />
<meta content="/icons/apple-touch-icon.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
<head dir="ltr">
{{>head.html}} {{>head.html}}
</head>
<body class="index"> <body class="index">
<div class="divIndex"> <div class="divIndex">
<button <button

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
<head dir="ltr">
{{>head.html}} {{>head.html}}
</head>
<body> <body>
<div id="content"> <div id="content">
<h1 class="subtitle">Contacts et <em>réseaux sociaux</em></h1> <h1 class="subtitle">Contacts et <em>réseaux sociaux</em></h1>

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="index" lang="fr"> <html class="index" lang="fr">
<head dir="ltr">
{{>head.html}} {{>head.html}}
</head>
<body> <body>
{{#data}} {{#data}}
<h1 id="title">Projets qui me tiennent à coeur</h1> <h1 id="title">Projets qui me tiennent à coeur</h1>