83 lines
2.6 KiB
HTML
83 lines
2.6 KiB
HTML
{{ template "base.html" . }}
|
|
|
|
{{ define "extrahead" }}
|
|
<!-- TODO(redesign): Adapt these stylesheets to use media queries and variables -->
|
|
<link rel="stylesheet" href="fishbowl-dark.css">
|
|
<!-- <link rel="stylesheet" href="fishbowl-light.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>
|
|
|
|
<style>
|
|
.fishbowl-banner {
|
|
/* TODO(redesign) */
|
|
background-color: #254464;
|
|
/* background-color: #a0c8f2; */
|
|
background-image: url({{ static "waterline-dark.svg" }});
|
|
/* background-image: url({{ static "waterline-light.svg" }}); */
|
|
background-size: 734px 30px;
|
|
background-repeat: repeat-x;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.fishbowl-banner a {
|
|
/* TODO(redesign) */
|
|
color: #9ad0ff;
|
|
/* color: #1f4f99; */
|
|
}
|
|
|
|
.fishbowl .chatlog__author a {
|
|
color: inherit;
|
|
}
|
|
</style>
|
|
{{ end }}
|
|
|
|
{{ define "content" }}
|
|
<div class="ph3 ph0-ns">
|
|
<h2>{{ .Info.Title }}</h2>
|
|
<p>{{ .Info.Description }}</p>
|
|
|
|
<div class="fishbowl-banner br3 mb3">
|
|
<div class="pa3">
|
|
This is a <b>fishbowl</b>: a panel conversation held on the Handmade Network Discord where a select few participants discuss a topic in depth. We host them on a regular basis, so if you want to catch the next one, <a href="https://discord.gg/hmn" target="_blank">join the Discord!</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fishbowl br3">
|
|
{{- .Contents -}}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|