aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristine Dodrill <me@christine.website>2020-09-27 20:09:48 -0400
committerChristine Dodrill <me@christine.website>2020-09-27 20:09:48 -0400
commitaee2904e742a06a42f330feeff8d16c03f4cd83f (patch)
tree30678ed8dd3220caefd4962df738c6cc511dcd07
parenta5fba33197a1f8f445f4b1b042f5526d5a7a03cc (diff)
downloadxesite-aee2904e742a06a42f330feeff8d16c03f4cd83f.tar.xz
xesite-aee2904e742a06a42f330feeff8d16c03f4cd83f.zip
avif and CSS
-rw-r--r--css/shim.css3
-rw-r--r--templates/mara.rs.html3
2 files changed, 4 insertions, 2 deletions
diff --git a/css/shim.css b/css/shim.css
index dae9813..1319ecf 100644
--- a/css/shim.css
+++ b/css/shim.css
@@ -25,5 +25,6 @@ img {
.conversation-picture {
flex: 1;
- max-width: calc((70rem - 2rem)/6);
+ min-width: 9rem;
+ max-width: calc(((70rem - 2rem)/6));
}
diff --git a/templates/mara.rs.html b/templates/mara.rs.html
index a8f69a3..3161cd6 100644
--- a/templates/mara.rs.html
+++ b/templates/mara.rs.html
@@ -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>