23 lines
913 B
HTML
23 lines
913 B
HTML
@(mood: &str, character: &str, message: Html<String>, smol: bool)
|
|
<div class="conversation">
|
|
<div class="conversation-picture @if smol { conversation-smol }">
|
|
<picture>
|
|
<source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).avif" type="image/avif">
|
|
<source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).webp" type="image/webp">
|
|
<img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" alt="@character is @mood">
|
|
</picture>
|
|
</div>
|
|
@if smol {
|
|
<div class="conversation-chat"><<b>@character</b>> @message</div>
|
|
} else {
|
|
<div>
|
|
<p>
|
|
<b>@character</b>
|
|
</p>
|
|
<blockquote>
|
|
@message
|
|
</blockquote>
|
|
</div>
|
|
}
|
|
</div>
|