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
|
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.
|
||||||
|
|
|
@ -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);
|
||||||
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue