fixes and CSS fixes

This commit is contained in:
Cadey Ratio 2020-09-27 18:50:18 -04:00
parent f106c2c9d2
commit a5fba33197
3 changed files with 24 additions and 19 deletions

View File

@ -26,7 +26,7 @@ levels and context-aware values.
In Rust, we have the [`log`](https://docs.rs/log/) crate which is a very simple
interface. It uses the `error!`, `warn!`, `info!`, `debug!` and `trace!` macros
which correlate to the highest and lowest levers. If you want to use `log` in a
which correlate to the highest and lowest levels. If you want to use `log` in a
Rust crate, you can add it to your `Cargo.toml` file like this:
```toml
@ -49,7 +49,7 @@ fn main() {
```
[Wait, where does that log to? I ran that example locally but I didn't see any
of the messages anywhere](conversation://Mara/wat)
of the messages anywhere.](conversation://Mara/wat)
This is because the `log` crate doesn't directly log anything anywhere, it is a
facade that other packages build off of.

View File

@ -18,3 +18,12 @@ img {
max-width: 100%;
padding: 1em;
}
.conversation {
display: flex;
}
.conversation-picture {
flex: 1;
max-width: calc((70rem - 2rem)/6);
}

View File

@ -1,21 +1,17 @@
@(mood: &str, character: &str, message: Html<String>)
<div class="grid conversation">
<div class="cell -2of12">
<div class="content">
<picture>
<source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).webp" height="75%" width="75%" type="image/webp">
<img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" height="75%" width="75%" alt="@character is @mood">
</picture>
</div>
<div class="conversation">
<div class="conversation-picture"
<picture>
<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>
<div class="cell -10of12">
<div class="content">
<p>
<b>@character</b>
</p>
<blockquote>
@message
</blockquote>
</div>
<div>
<p>
<b>@character</b>
</p>
<blockquote>
@message
</blockquote>
</div>
</div>