From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from mp2.migadu.com ([2001:41d0:303:e224::]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)) by ms5.migadu.com with LMTPS id gJpEAERWK2dXegAAe85BDQ:P1 (envelope-from ) for ; Wed, 06 Nov 2024 12:43:00 +0100 Received: from aspmx1.migadu.com ([2001:41d0:303:e224::]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)) by mp2.migadu.com with LMTPS id gJpEAERWK2dXegAAe85BDQ (envelope-from ) for ; Wed, 06 Nov 2024 12:43:00 +0100 X-Envelope-To: patches@johnnyrichard.com Authentication-Results: aspmx1.migadu.com; dkim=pass header.d=lists.sr.ht header.s=20240113 header.b=fRyJoqG7; dkim=pass header.d=maniero.me header.s=hostingermail1 header.b=WcG1kVtA; dmarc=pass (policy=none) header.from=maniero.me; spf=pass (aspmx1.migadu.com: domain of lists@sr.ht designates 46.23.81.152 as permitted sender) smtp.mailfrom=lists@sr.ht; arc=pass ("mailchannels.net:s=arc-2022:i=1") ARC-Seal: i=2; s=key1; d=johnnyrichard.com; t=1730893379; a=rsa-sha256; cv=pass; b=NpW1jzb0F44eucC/XiAWdwc2G3LpecA8C5keyHp/AIFvpnm5WwVKNBwecC9rIU98uIhPb3 MzrN9DzF/A98Pktx8OeCJOY050mXgUVTSkJc5OnFWmYAwgU0KO6dXa2shynby5HVnmVwxp lgtJ/Q/KYKN/RdJQY0yOW7Pq/mcGLShqiIWlZJM7G/BVDEZpqvZ2R2swoaWxFpj/fpaMZS Nn8JaRG1WqAeGevlvFfbLeG0Z8/ODzz9QZq7y6Kpv7KVkHPigT8Jny0CR9p/DAUDWn+gAZ W/CH8SKvc1x2CA/T0xC0dhIXX0zwtQeylp6EeIaB9i8sSMzZHWAYJxGTclShng== ARC-Authentication-Results: i=2; aspmx1.migadu.com; dkim=pass header.d=lists.sr.ht header.s=20240113 header.b=fRyJoqG7; dkim=pass header.d=maniero.me header.s=hostingermail1 header.b=WcG1kVtA; dmarc=pass (policy=none) header.from=maniero.me; spf=pass (aspmx1.migadu.com: domain of lists@sr.ht designates 46.23.81.152 as permitted sender) smtp.mailfrom=lists@sr.ht; arc=pass ("mailchannels.net:s=arc-2022:i=1") ARC-Message-Signature: i=2; a=rsa-sha256; c=relaxed/relaxed; d=johnnyrichard.com; s=key1; t=1730893379; h=from:from:sender:sender:reply-to:subject:subject:date:date: message-id:message-id:to:to:cc:cc:mime-version:mime-version: content-transfer-encoding:content-transfer-encoding:list-id: list-unsubscribe:list-subscribe:list-post:dkim-signature; bh=FJfmat4UiUGC98d/k2Q+xjgJpPWn7jwMYjwPxIUzrYg=; b=nEaZ0W0qDM6RDYGG+qzkmkieicUnjo3Oz5xY+0wlNwAS1gOFHoML2ITq8Vpb125N/bmUBz QYGeAYYUVTdckbWtqHJU6ksg7MEB6AO+v6k0F3dIc1ZAVDMGEdZzhtazq8DkGgyJ3UZtKn 08k04SOrQSNtupQbyERhHORWJGkYC3gH3XBEB1EgXUFqWL2Q3yuu9IqMXVomM/ZAK8F9rx UkdPwYlEF2af9VMsI7zmgq1ZaJE/HU3ZmgP1VGXmQP28Er8wClaZUr0wvEmYdrB/6g0LwP VfMD07SQNBHQthHhnIop4YvGGX9fZkK5GjyeX8yHrsLVGXiDlsbTnC83lHEgPQ== Received: from mail-a.sr.ht (mail-a.sr.ht [46.23.81.152]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits) server-digest SHA256) (No client certificate requested) by aspmx1.migadu.com (Postfix) with ESMTPS id 7574B82A94 for ; Wed, 06 Nov 2024 12:42:59 +0100 (CET) DKIM-Signature: a=rsa-sha256; bh=EEBogvDi492YdEMsuehCDlIF+reZmX564LAUX8ckzGM=; c=simple/simple; d=lists.sr.ht; h=From:To:Cc:Subject:Date:List-Unsubscribe:List-Subscribe:List-Archive:List-Post:List-ID; q=dns/txt; s=20240113; t=1730893378; v=1; b=fRyJoqG73F5hmnbE/Yf4zq9Ot5OHHSb70xgkZL6RkzrVSp64i1PCGYqJprPFg2g+ta/ByZTL lo1dFEcdBdvTjRZFmXDbwo81TLwxbSZMmRlh6xxZZAz/SEoIXk64s7yIUpJV9IDIInS2wMOFie9 VbkIetCyQ8WFT3e5rPPWrc1OK0QWO+EQVWdWTgZ5htKZD+tIXbktjOvxmrGaa/qD6dIlsl254E6 sTUetDkmh3NlSIKF2HqSfrodnhBpj2Mp8p8H24CI9Nh+Bu3g338wdN6+zdq7KQv2EVDRrmVejdr ZmOiAcTJ2T2XPUwoZ0ESOStuyqbJC5Pa4wNU2j4XfORZg== Received: from lists.sr.ht (unknown [46.23.81.154]) by mail-a.sr.ht (Postfix) with ESMTPSA id 12ED0202D4 for ; Wed, 06 Nov 2024 11:42:58 +0000 (UTC) Received: from bumble.birch.relay.mailchannels.net (bumble.birch.relay.mailchannels.net [23.83.209.25]) by mail-a.sr.ht (Postfix) with ESMTPS id 4E9A9202CA for <~johnnyrichard/olang-devel@lists.sr.ht>; Wed, 06 Nov 2024 11:42:56 +0000 (UTC) X-Sender-Id: hostingeremail|x-authuser|carlos@maniero.me Received: from relay.mailchannels.net (localhost [127.0.0.1]) by relay.mailchannels.net (Postfix) with ESMTP id 5730C7849BD for <~johnnyrichard/olang-devel@lists.sr.ht>; Wed, 6 Nov 2024 11:42:54 +0000 (UTC) Received: from nl-srv-smtpout1.hostinger.io (trex-11.trex.outbound.svc.cluster.local [100.103.121.75]) (Authenticated sender: hostingeremail) by relay.mailchannels.net (Postfix) with ESMTPA id A7E1278350C for <~johnnyrichard/olang-devel@lists.sr.ht>; Wed, 6 Nov 2024 11:42:53 +0000 (UTC) ARC-Seal: i=1; s=arc-2022; d=mailchannels.net; t=1730893373; a=rsa-sha256; cv=none; b=HKUOznUyy492sX4d8rvmY4SoKctU5GjSIvSCR2Nmnj8zw1mwlGNKouGcP67LMqdeGMusXW LxYRzNyIE6GJfZ8vNMiRMVktwY+vzVipQaOx7XWj9gVxwteG6WTu++JE+cPCuDyHFBhI84 D3vwviTLFbY7C8ceDPiL9KyDVTZ8Gm3JrOhq/K1U0Y4A2WQqZzVRl4hPyCCLOzVupgjVUK uItRy7NE7xhRCPvwI7dKx9Yr8siWsaLzxCIMj/Mfd5nZBwo5dm/qv1QsHvwPRIcOwVy9Oi LrNSbxZEwtQUcMKedDV2nvOY3uL0sCDBbTLysHGuQ105lNuCtv64gANdiFATXQ== ARC-Message-Signature: i=1; a=rsa-sha256; c=relaxed/relaxed; d=mailchannels.net; s=arc-2022; t=1730893373; h=from:from:reply-to:subject:subject:date:date:message-id:message-id: to:to:cc:cc:mime-version:mime-version: content-transfer-encoding:content-transfer-encoding:dkim-signature; bh=FJfmat4UiUGC98d/k2Q+xjgJpPWn7jwMYjwPxIUzrYg=; b=MhsNjhf2yrS4F/RMjmx0bJ8Wd4+ix6boED/NMkDqE6GWyOrDmWE+9ZOHdmf5qbPz56b35N bMEdEevLpXEphmnsx0v5ZQD43xorlM3PjqyzgyjYHRgv2CdYmscU0dPHLynEUJfUWEzS7p hiMrNsrtqPazrmkKrQBWS9LzI5LuFgwwxSdzJRWarsVfzU+ODffxJUScZTUc5DGQT6UG5R 4qNnQ1N0Blw0oGR9/l6JIAfcrlSxrPF2oqWHsvvqRbMVlD3J7XM5HrjWIAQ0tSON8GCzEe 7yAxJ5E/01FvCA+ewc3f5lebUcJAG4WJPBHksGwnytcCURksbeitV2SUjtq7rw== ARC-Authentication-Results: i=1; rspamd-78c64749d6-l9kd9; auth=pass smtp.auth=hostingeremail smtp.mailfrom=carlos@maniero.me X-Sender-Id: hostingeremail|x-authuser|carlos@maniero.me X-MC-Relay: Neutral X-MailChannels-SenderId: hostingeremail|x-authuser|carlos@maniero.me X-MailChannels-Auth-Id: hostingeremail X-Blushing-Eyes: 5ed022035cb9d61d_1730893374158_397118502 X-MC-Loop-Signature: 1730893374158:4287216549 X-MC-Ingress-Time: 1730893374158 Received: from nl-srv-smtpout1.hostinger.io (nl-srv-smtpout1.hostinger.io [145.14.150.87]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384) by 100.103.121.75 (trex/7.0.2); Wed, 06 Nov 2024 11:42:54 +0000 From: Carlos Maniero DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=maniero.me; s=hostingermail1; t=1730893370; h=from:from:reply-to:subject:subject:date:date:message-id:message-id: to:to:cc:cc:mime-version:mime-version: content-transfer-encoding:content-transfer-encoding; bh=FJfmat4UiUGC98d/k2Q+xjgJpPWn7jwMYjwPxIUzrYg=; b=WcG1kVtAntpwxksACIZJpzheXDVVmBzMVZIO6tZ4hEEMtE36h26nPxosUeP9Bsu2shtRjH MLsynHEG1cgnvDxYjg+dXJWR/MJELjmE37qx9a3jNSexkRQ5cJBz92Eg5gDMwr5GeAc3oI M/GwiBTjF/7ZQjqmE1xNPtBg19S9B47hzbmlkmtCWJz2GhHe0aBniUXqoqlTbB2TEAFV5H 70b1WcODXeIoAWwLexUHjjsXl5a5kjQlucJuj6V/LE1Pv7LM2a+TDt6jgqB/vy/nvTLsOA GIetUC+lfQzRmAWZwotwHpUUh3QAy4lukxac5lYl2Kd2c732Zg2xm0KJKSkXkA== To: ~johnnyrichard/olang-devel@lists.sr.ht Cc: Carlos Maniero Subject: [PATCH olang] docs: layout: change website look and feel Message-ID: <20241106114243.19137-1-carlos@maniero.me> X-Mailer: git-send-email 2.46.1 MIME-Version: 1.0 Content-Transfer-Encoding: 8bit Date: Wed, 06 Nov 2024 11:42:49 +0000 (UTC) X-CM-Analysis: v=2.4 cv=OKJ13jaB c=1 sm=1 tr=0 ts=672b563a a=WwxFCuf3mf1fs3oSi6/dng==:117 a=WwxFCuf3mf1fs3oSi6/dng==:17 a=MKtGQD3n3ToA:10 a=1oJP67jkp3AA:10 a=SSmOFEACAAAA:8 a=uFM2c5n8HSm4zc49dA4A:9 a=BXDaF_L80NY05PYiAFlV:22 X-CM-Envelope: MS4xfKat4GunYZFQk+6unk3A6hgLQms51I8p1zj+ZFhiQPlfqxNdyJeyU5MdgsYk7VN1UhoHeIbxagfjUc1CN33Uu4hSYfmZ2UIfzn04me8gWu7ATcN/RRXs 1p3lDHTf/aiZ2Joa3GlW+bvSxmdG4Ae6FYTuzGA/SKpdHDlLshBLRBlAsty/4PwS4tyaKqsLeJTixLm+ixrpOWjA5zlpeQAMFSYN5Qdzr1Ai3RDlTsd44YBX X-AuthUser: carlos@maniero.me X-Sourcehut-Patchset-Status: PROPOSED List-Unsubscribe: List-Subscribe: List-Archive: Archived-At: List-Post: List-ID: ~johnnyrichard/olang-devel <~johnnyrichard/olang-devel.lists.sr.ht> Sender: ~johnnyrichard/olang-devel <~johnnyrichard/olang-devel@lists.sr.ht> X-Migadu-Flow: FLOW_IN X-Migadu-Country: NL X-Migadu-Spam-Score: -0.71 X-Spam-Score: -0.71 X-Migadu-Queue-Id: 7574B82A94 X-Migadu-Scanner: mx12.migadu.com X-TUID: oZsz5XepM1+w This changes is based considering the follow: - olang is a simple language so must be its website - changes: - All colors used are basic colors [1] - All measure units are ch(ars) - We were already mostly using this but there was some default browser behavior that was using px, the browser's defaults was reset. - info html navbar bring a lot of distraction. - most of the info pages we have the navbar occupies two lines. - the "[Contents]" used to be alone in the second line (orphan) making the website to look awful. - changes: - website is no longer centralized - the content is still limited in 80ch but the navbar is free to grow. - this make the info pages to look a lot more like an info page and the navigation is way more understandable. [1]: https://www.w3.org/wiki/CSS/Properties/color/keywords Signed-off-by: Carlos Maniero --- docs/style.css | 102 +++++++++++++++++++++++++++++++++---------------- 1 file changed, 70 insertions(+), 32 deletions(-) diff --git a/docs/style.css b/docs/style.css index d6cf74a..9ee71e3 100644 --- a/docs/style.css +++ b/docs/style.css @@ -1,19 +1,57 @@ :root { - --background-color: #f4f4f4; + --background-color: white; --text-color: black; - --link-color: #4e5289; - --text-highlight-color: rgba(1, 1, 1, 0.1); + --link-color: teal; + --text-highlight-color: silver; } @media (prefers-color-scheme: dark) { :root { - --background-color: #26282B; + --background-color: black; --text-color: white; - --link-color: #8c91db; - --text-highlight-color: rgba(255, 255, 255, 0.1); + --link-color: aqua; + --text-highlight-color: grey; } } +* { + margin: 0; + padding: 0; +} + +a { + color: var(--link-color); +} + +h1, h2, h3, h4, h5, h6 { + font-size: 1rem; + margin: 0; + margin-bottom: 1ch; +} + +ul { + margin: 0 4ch 2ch; +} + +ul ul { + margin-bottom: 0; +} + +dt { + margin-bottom: 1ch; +} +dd { + margin-left: 4ch; +} + +pre { + margin-bottom: 1rem; +} + +p { + padding-bottom: 1ch; +} + div.example { margin: 0; } @@ -22,7 +60,7 @@ body { background: var(--background-color); color: var(--text-color); margin: 0; - padding: 0 40px; + padding: 0 2ch 2ch; font-size: 1rem; font-family: monospace; } @@ -40,28 +78,24 @@ body { text-align: left !important; } -a { - color: var(--link-color); -} - -h1, h2, h3, h4, h5, h6 { - font-size: 1em; - margin: 0; - margin-bottom: 1ch; +header { + margin: 2ch auto; + border-bottom: 1ch solid var(--text-color); + padding-bottom: 2ch; } -body > * { - max-width: 80ch; - margin: 0 auto; +header > h1 { + font-weight: normal; + margin-bottom: 2ch; } -header { - margin: 6ch auto; +.nav-panel * { + margin: 0; + padding: 0; } -header > h1 { - font-weight: normal; - font-size: 1em; +article, body > div:not(.nav-panel) > *:not(.nav-panel):not(hr) { + max-width: 80ch; } header > nav > span { @@ -69,30 +103,34 @@ header > nav > span { } footer { - margin: 4ch auto; + margin: 2ch auto; + padding-top: 2ch; + border-top: 1ch solid var(--text-color); } pre { - background: rgba(0,0,0, 0.75); - color: white; - padding: 1.5em; + background: gray; + color: black; + padding: 2ch; + font-weight: bold; max-width: 100%; overflow: auto; - font-size: large; - line-height: 1; } .logo-name { font-weight: bold; + background: var(--link-color); + padding: 0 1ch; + color: var(--background-color); } hr { border: none; - height: 1px; - opacity: 0.5; + height: 1ch; background-color: var(--text-color); + margin: 2ch 0; } ol { - margin-left: 1.5em; + margin-left: 2ch; } base-commit: 9800d80ac1451e48d946d1d6bc94ff33536b0bdf -- 2.46.1