From cc741b2e2f77afacddec4bc8d1fd0dd194131727 Mon Sep 17 00:00:00 2001 From: swag Date: Fri, 19 May 2023 23:50:44 -0400 Subject: [PATCH] Moar CSS stuff --- assets/css/post_text.css | 36 +++++++++++++++++++++++++----------- templates/page/about.html.ep | 4 ++-- templates/page/rules.html.ep | 4 ++-- 3 files changed, 29 insertions(+), 15 deletions(-) diff --git a/assets/css/post_text.css b/assets/css/post_text.css index 6edbce6..69d4f8d 100644 --- a/assets/css/post_text.css +++ b/assets/css/post_text.css @@ -3,7 +3,6 @@ */ :root { - box-sizing: border-box; --light-warm-gray: #C2B3A9; --dark-warm-gray: #A59990; --teal: #5B90A4; @@ -12,6 +11,8 @@ --true-gray: #999999; --highlight-green: green; --highlight-red: red; + + box-sizing: border-box; } *, ::before, ::after { @@ -25,9 +26,18 @@ body { font-size: calc(8px + 1vmin); } -pre { +code { + background-color: black; + color: white; + font-size: 0.75em; /* Why tho?? */ +} + +pre > code { white-space: pre-wrap; overflow-wrap: anywhere; + padding: 0.5em 1em; + display: inline-block; + width: 100%; } /* @@ -49,13 +59,6 @@ pre { margin: 1em 0; } -.page-title { - text-align: center; - border: inset; - padding: 0.5em 0; - background-color: var(--dark-warm-gray); -} - .site-nav { display: flex; flex-flow: row wrap; @@ -73,6 +76,19 @@ pre { background-color: var(--light-blue); } +.page-title { + text-align: center; + border: inset; + padding: 0.5em 0; + background-color: var(--dark-warm-gray); +} + +.page-body { + background-color: var(--light-warm-gray); + border: outset; + padding: 0.5em 1em; +} + .field-with-info { border-style: solid; border-color: var(--highlight-green); @@ -90,7 +106,6 @@ pre { .pager { display: flex; flex-direction: column; - /* border: dashed; */ gap: 1em; padding: 0.5em 0; } @@ -108,7 +123,6 @@ pre { .pager__nav > a { border: outset; flex: 1; - /* border-bottom-style: none; */ text-align: center; background-color: var(--light-blue); } diff --git a/templates/page/about.html.ep b/templates/page/about.html.ep index 3d585d8..2b5759b 100644 --- a/templates/page/about.html.ep +++ b/templates/page/about.html.ep @@ -1,7 +1,7 @@ % layout 'default'; % title 'About Post::Text'; -

<%= title %>

-
+

<%= title %>

+

Post::Text is a textboard a bit like 2channel. You can post whatever you want anonymously diff --git a/templates/page/rules.html.ep b/templates/page/rules.html.ep index 978a572..9c59ccd 100644 --- a/templates/page/rules.html.ep +++ b/templates/page/rules.html.ep @@ -1,7 +1,7 @@ % layout 'default'; % title 'The Rules™'; -

<%= title %>

-
+

<%= title %>

+

The rules here are pretty simple:

  • No hate speech (e.g. racism, sexism, homophobia, transphobia, etc.)