feat(comments): replace commento with remark42
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Lucien Cartier-Tilet 2024-02-21 09:00:04 +01:00
parent 0352433045
commit 6c39b1f7e7
Signed by: phundrak
GPG Key ID: BD7789E705CB8DCA
2 changed files with 23 additions and 38 deletions

View File

@ -5,49 +5,15 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
{{ hugo.Generator }} {{ hugo.Generator }}
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="{{ .Site.Params.author | default "John Doe" }}" /> <meta name="author" content="{{ .Site.Params.author | default "Lucien Cartier-Tilet" }}" />
<meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description }}{{ end }}" /> <meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description }}{{ end }}" />
{{ $style := resources.Get "css/main.scss" | resources.ExecuteAsTemplate "css/main.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint -}} {{ $style := resources.Get "css/main.scss" | resources.ExecuteAsTemplate "css/main.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" /> <link rel="stylesheet" href="{{ $style.Permalink }}" />
{{ template "_internal/google_analytics.html" . }}
{{ template "_internal/twitter_cards.html" . }} {{ template "_internal/twitter_cards.html" . }}
{{ template "_internal/opengraph.html" . }} {{ template "_internal/opengraph.html" . }}
<style> <style>
.commento-root .commento-anonymous-checkbox-container input[type="checkbox"] + label,
.commento-root .commento-mod-tools button,
.commento-root-font * {
color: #eceff4 !important;
}
.commento-root .commento-footer .commento-logo-container .commento-logo-text {
color: #34495e !important;
}
.commento-root .commento-dark-card {
background-color: #d08770 !important;
}
.commento-root input[type="text"], .commento-root textarea {
color: #2e3440 !important;
}
.commento-root .commento-mod-tools::before {
color: #b48ead !important;
}
.commento-root .commento-submit-button {
background: #5e81ac !important;
}
.commento-login-box {
background: #3b4252;
}
.commento-input::placeholder {
color:#d8dee9;
}
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-email-button {
background: #d8dee9
}
p code { p code {
font-family: monospace,monospace; font-family: monospace,monospace;
font-size: 1em; font-size: 1em;
@ -76,7 +42,7 @@
</head> </head>
<body> <body>
<header class="app-header"> <header class="app-header">
<a href="{{ .Site.BaseURL }}"><img class="app-header-avatar" src="{{ .Site.Params.avatar | default "avatar.jpg" | relURL }}" alt="{{ .Site.Params.author | default "John Doe" }}" /></a> <a href="{{ .Site.BaseURL }}"><img class="app-header-avatar" src="{{ .Site.Params.avatar | default "avatar.jpg" | relURL }}" alt="{{ .Site.Params.author | default "Lucien Cartier-Tilet" }}" /></a>
<h1>{{ .Site.Title }}</h1> <h1>{{ .Site.Title }}</h1>
<p>{{ .Site.Params.description | default "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vehicula turpis sit amet elit pretium." }}</p> <p>{{ .Site.Params.description | default "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vehicula turpis sit amet elit pretium." }}</p>
<div class="app-header-social"> <div class="app-header-social">

View File

@ -23,8 +23,27 @@
</header> </header>
<div class="post-content">{{ .Content }}</div> <div class="post-content">{{ .Content }}</div>
<div class="post-footer"> <div class="post-footer">
<div id="commento"></div> <div id="remark42"></div>
</div> </div>
</article> </article>
<script defer src="https://commento.phundrak.com/js/commento.js"></script> <script>
var remark_config = {
host: "https://remark.phundrak.com",
site_id: "blog",
theme: "dark",
};
</script>
<script>
!(function (e, n) {
for (var o = 0; o < e.length; o++) {
var r = n.createElement("script"),
c = ".js",
d = n.head || n.body;
"noModule" in r ? ((r.type = "module"), (c = ".mjs")) : (r.async = !0),
(r.defer = !0),
(r.src = remark_config.host + "/web/" + e[o] + c),
d.appendChild(r);
}
})(remark_config.components || ["embed"], document);
</script>
{{ end }} {{ end }}