hmn/src/templates/src/fishbowl.html

48 lines
1.4 KiB
HTML

{{ template "base.html" . }}
{{ define "extrahead" }}
<link rel="stylesheet" href="{{ static "fonts/whitney/whitney.css" }}">
<link rel="stylesheet" href="{{ static "fishbowl.css" }}">
<script>
function scrollToMessage(event, id) {
var element = document.getElementById('chatlog__message-container-' + id);
if (!element)
return;
event.preventDefault();
element.classList.add('chatlog__message-container--highlighted');
window.scrollTo({
top: element.getBoundingClientRect().top - document.body.getBoundingClientRect().top - (window.innerHeight / 2),
behavior: 'smooth'
});
window.setTimeout(function() {
element.classList.remove('chatlog__message-container--highlighted');
}, 2000);
}
function showSpoiler(event, element) {
if (!element)
return;
if (element.classList.contains('chatlog__attachment--hidden')) {
event.preventDefault();
element.classList.remove('chatlog__attachment--hidden');
}
if (element.classList.contains('chatlog__markdown-spoiler--hidden')) {
event.preventDefault();
element.classList.remove('chatlog__markdown-spoiler--hidden');
}
}
</script>
{{ end }}
{{ define "content" }}
<div class="fishbowl">
{{- .Contents -}}
</div>
{{ end }}