cadey/xesite
cadey
/
xesite
1
0
Fork 1
Code Issues Pull Requests 1 Projects Releases Wiki Activity

avif and CSS

This commit is contained in:
Cadey Ratio 2020-09-27 20:09:48 -04:00
parent a5fba33197
commit aee2904e74
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/shim.css
View File

@ -25,5 +25,6 @@ img {
.conversation-picture {
flex: 1;
max-width: calc((70rem - 2rem)/6);
min-width: 9rem;
max-width: calc(((70rem - 2rem)/6));
}

3
templates/mara.rs.html
View File

@ -1,7 +1,8 @@
@(mood: &str, character: &str, message: Html<String>)
<div class="conversation">
<div class="conversation-picture"
<div class="conversation-picture">
<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>