diff options
| -rw-r--r-- | src/lib.rs | 16 |
1 files changed, 11 insertions, 5 deletions
@@ -77,7 +77,7 @@ async fn fetch(req: Request, env: Env, _ctx: Context) -> Result<Response> { }) .get("/", |_, _| { bone("home", "ataxia.moe: like i heard a transmission from Apollo 13", html! { - p style="padding: 1vw" { + p class="oth" { "No. Stop." br; br; "Check out " a href="/shitpit" { "the shitpit" } " in the meantime." @@ -86,7 +86,7 @@ async fn fetch(req: Request, env: Env, _ctx: Context) -> Result<Response> { }) .get("/about", |_, _| { bone("about", "And they completely goddamn disrespected me! Little idiots! Idiots!!", html! { - p style="padding: 1vw" { + p class="oth" { "Ataxia is a nervous system dysfunction consisting of poor coördination of muscle movements such as gait abnormalities, slurring of speech, and eye movement issues." br; br; "Hosted on " @@ -104,7 +104,7 @@ async fn fetch(req: Request, env: Env, _ctx: Context) -> Result<Response> { "/index.html" => Response::redirect(req.url()?.join("/")?), "/journal" | "/diary" => Response::redirect(req.url()?.join("shitpit")?), _ => Ok(bone("", "404 Not Found", html! { - p style="padding: 1vw" { "what?" } + p class="oth" { "what?" } })?.with_status(404)), } }) @@ -143,8 +143,13 @@ body { background-color: #eee; } -p, a.sec, pre { - padding: 0 3vw; +@media only screen and (max-width: 799px) { + p, a.sec, pre { + padding: 0 3vw; + } + .remark, .nav, .oth { + padding: 0 3vw; + } } @media only screen and (min-width: 800px) { @@ -155,6 +160,7 @@ p, a.sec, pre { align-items: center; justify-content: center;*/ } + .oth { padding: 0 1vw; } } pre { font-size: 14pt; |