aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristine Dodrill <me@christine.website>2020-09-27 18:50:18 -0400
committerChristine Dodrill <me@christine.website>2020-09-27 18:50:18 -0400
commita5fba33197a1f8f445f4b1b042f5526d5a7a03cc (patch)
tree1b5fe9cd8b1c2390c974bf2c711bdd8a0d27cf06
parentf106c2c9d23c9c12a88b5a73f704f4be5c455926 (diff)
downloadxesite-a5fba33197a1f8f445f4b1b042f5526d5a7a03cc.tar.xz
xesite-a5fba33197a1f8f445f4b1b042f5526d5a7a03cc.zip
fixes and CSS fixes
-rw-r--r--blog/rust-crates-go-stdlib-2020-09-27.markdown4
-rw-r--r--css/shim.css9
-rw-r--r--templates/mara.rs.html30
3 files changed, 24 insertions, 19 deletions
diff --git a/blog/rust-crates-go-stdlib-2020-09-27.markdown b/blog/rust-crates-go-stdlib-2020-09-27.markdown
index f44b9e7..ac6f98e 100644
--- a/blog/rust-crates-go-stdlib-2020-09-27.markdown
+++ b/blog/rust-crates-go-stdlib-2020-09-27.markdown
@@ -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.
diff --git a/css/shim.css b/css/shim.css
index 6cca7ab..dae9813 100644
--- a/css/shim.css
+++ b/css/shim.css
@@ -18,3 +18,12 @@ img {
max-width: 100%;
padding: 1em;
}
+
+.conversation {
+ display: flex;
+}
+
+.conversation-picture {
+ flex: 1;
+ max-width: calc((70rem - 2rem)/6);
+}
diff --git a/templates/mara.rs.html b/templates/mara.rs.html
index 1786d6f..a8f69a3 100644
--- a/templates/mara.rs.html
+++ b/templates/mara.rs.html
@@ -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>