fixes and CSS fixes
This commit is contained in:
parent
f106c2c9d2
commit
a5fba33197
|
@ -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.
|
||||
|
|
|
@ -18,3 +18,12 @@ img {
|
|||
max-width: 100%;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.conversation {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.conversation-picture {
|
||||
flex: 1;
|
||||
max-width: calc((70rem - 2rem)/6);
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue