46 lines
No EOL
1.4 KiB
HTML
46 lines
No EOL
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Fediverse Comments demo</title>
|
|
<style>
|
|
:root {
|
|
color-scheme: light dark;
|
|
}
|
|
body {
|
|
margin: 0 15vw;
|
|
font-family: sans-serif;
|
|
}
|
|
@media screen and (max-width: 550px) {
|
|
body {
|
|
margin: 0 5vw;
|
|
}
|
|
}
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
iframe {
|
|
border: 0;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<script src="/src/fediverse-comments.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Fediverse Comments demo</h1>
|
|
<p>
|
|
This project allows bloggers to integrate comments from the Fediverse to their articles,
|
|
as an alternative to self-hosted solutions that require visitors to register,
|
|
and to proprietary solutions that are full of trackers.
|
|
</p>
|
|
<p><a
|
|
href="https://git.kaki87.net/KaKi87/fediverse-comments"
|
|
target="_blank"
|
|
>Source code & documentation</a></p>
|
|
<iframe
|
|
src="/src/main.html?urls=https://universeodon.com/@georgetakei/115113710211163652"
|
|
onload="fediverseComments()"
|
|
></iframe>
|
|
</body>
|
|
</html> |