From: Carlos Maniero <carlos@maniero.me>
To: ~johnnyrichard/olang-devel@lists.sr.ht
Cc: Carlos Maniero <carlos@maniero.me>
Subject: [PATCH olang 3/5] docs: make the olang visuals a w3m like website
Date: Sat, 7 Sep 2024 00:35:17 -0300 [thread overview]
Message-ID: <20240907033519.293370-4-carlos@maniero.me> (raw)
In-Reply-To: <20240907033519.293370-1-carlos@maniero.me>
This commit makes all font-sizes to be the same, in a way it seems
almost the same in the browser and in the w3m.
I think this is great because we don't need to worrie too much about
font-sizes and enforces the need to build a readable plain text once you
have not much textual style to help you to highlight suff.
Signed-off-by: Carlos Maniero <carlos@maniero.me>
---
| 1 -
docs/style.css | 33 ++++++++++++++++++++-------------
2 files changed, 20 insertions(+), 14 deletions(-)
--git a/docs/manual/_header.html b/docs/manual/_header.html
index 9e25295..e9a973f 100644
--- a/docs/manual/_header.html
+++ b/docs/manual/_header.html
@@ -10,4 +10,3 @@
[ <a href="https://sr.ht/~johnnyrichard/olang/lists" target="_blank">Mailing list ↗</a> ]
</nav>
</header>
-<hr/>
diff --git a/docs/style.css b/docs/style.css
index c9b366f..bccbb68 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -36,36 +36,42 @@ body {
background-color: var(--text-highlight-color);
}
+.settitle {
+ text-align: left !important;
+}
+
a {
color: var(--link-color);
}
-body > * {
- max-width: 80ch;
- margin: 10px auto;
+h1, h2, h3, h4, h5, h6 {
+ font-size: 1em;
+ margin: 0;
+ margin-bottom: 1ch;
}
-header > h1 {
- font-weight: normal;
+body > * {
+ max-width: 80ch;
+ margin: 0 auto;
}
-nav, header > h1 {
- text-align: center;
+header {
+ margin: 6ch auto;
}
-header {
- margin-top: 70px;
- margin-bottom: 20px;
+header > h1 {
+ font-weight: normal;
+ font-size: 1em;
}
footer {
- margin: 20px auto;
+ margin: 4ch auto;
}
pre {
background: rgba(0,0,0, 0.75);
color: white;
- padding: 1.5rem;
+ padding: 1.5em;
max-width: 100%;
overflow: auto;
font-size: large;
@@ -79,9 +85,10 @@ pre {
hr {
border: none;
height: 1px;
+ opacity: 0.5;
background-color: var(--text-color);
}
ol {
- margin-left: 1.5rem;
+ margin-left: 1.5em;
}
--
2.34.1
next prev parent reply other threads:[~2024-09-07 3:35 UTC|newest]
Thread overview: 7+ messages / expand[flat|nested] mbox.gz Atom feed top
2024-09-07 3:35 [PATCH olang 0/5] docs: some improvements on the website Carlos Maniero
2024-09-07 3:35 ` [PATCH olang 1/5] docs: unify manual and site style Carlos Maniero
2024-09-07 3:35 ` [PATCH olang 2/5] docs: include the manual link over the manual Carlos Maniero
2024-09-07 3:35 ` Carlos Maniero [this message]
2024-09-07 3:35 ` [PATCH olang 4/5] docs: prevents the menu items to break line Carlos Maniero
2024-09-07 3:35 ` [PATCH olang 5/5] docs: home page: transform the unfinished software warn into a notice Carlos Maniero
2024-09-07 10:38 ` [PATCH olang 0/5] docs: some improvements on the website Johnny Richard
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=20240907033519.293370-4-carlos@maniero.me \
--to=carlos@maniero.me \
--cc=~johnnyrichard/olang-devel@lists.sr.ht \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this public inbox
https://git.johnnyrichard.com/olang.git
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox