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 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 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: Rust crate, you can add it to your `Cargo.toml` file like this:
```toml ```toml
@ -49,7 +49,7 @@ fn main() {
``` ```
[Wait, where does that log to? I ran that example locally but I didn't see any [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 This is because the `log` crate doesn't directly log anything anywhere, it is a
facade that other packages build off of. facade that other packages build off of.

View File

@ -18,3 +18,12 @@ img {
max-width: 100%; max-width: 100%;
padding: 1em; 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>) @(mood: &str, character: &str, message: Html<String>)
<div class="grid conversation"> <div class="conversation">
<div class="cell -2of12"> <div class="conversation-picture"
<div class="content"> <picture>
<picture> <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" height="75%" width="75%" 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" height="75%" width="75%" alt="@character is @mood"> </picture>
</picture>
</div>
</div> </div>
<div class="cell -10of12"> <div>
<div class="content"> <p>
<p> <b>@character</b>
<b>@character</b> </p>
</p> <blockquote>
<blockquote> @message
@message </blockquote>
</blockquote>
</div>
</div> </div>
</div> </div>