Igor AdamenkoandUmputun
6f1b9037d5
* add with-theme hoc * add dark theme styles for components * add toggle theme button to the dev demo page * add info about widget themes to README
56 lines
1.3 KiB
Plaintext
56 lines
1.3 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>remark42 counter</title>
|
|
|
|
<style>
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 40px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<p>
|
|
First counter with url from data-attribute:
|
|
<span class="remark42__counter" data-url="http://127.0.0.1:8080/web/"></span>
|
|
(<a href="http://127.0.0.1:8080/web/" target="_blank">note</a>)
|
|
</p>
|
|
|
|
<p>
|
|
Second counter with url from global remark config:
|
|
<span class="remark42__counter"></span>
|
|
(<a href="http://127.0.0.1:8080/web/" target="_blank">note</a>)
|
|
</p>
|
|
|
|
<p>
|
|
If it can't get url from data-attribute or remark config, it will try to use window.location.href for it.
|
|
</p>
|
|
</div>
|
|
|
|
<script>
|
|
var remark_config = {
|
|
site_id: 'remark',
|
|
};
|
|
|
|
(function() {
|
|
var d = document, s = d.createElement('script');
|
|
s.src = '/web/counter.js';
|
|
s.type = 'text/javascript';
|
|
(d.head || d.body).appendChild(s);
|
|
})();
|
|
</script>
|
|
<noscript>
|
|
Please enable JavaScript to view the comments powered by Remark.
|
|
</noscript>
|
|
</body>
|
|
</html>
|