Xeorg
/
site
2
0
Fork 0
Code Issues Pull Requests 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 { .conversation-picture {
flex: 1; 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>) @(mood: &str, character: &str, message: Html<String>)
<div class="conversation"> <div class="conversation">
<div class="conversation-picture" <div class="conversation-picture">
<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"> <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"> <img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" alt="@character is @mood">
</picture> </picture>