From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from mp1 ([2001:41d0:2:bcc0::]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)) by ms0.migadu.com with LMTPS id sBtfJeCBT2HSPgAAgWs5BA (envelope-from ) for ; Sat, 25 Sep 2021 22:09:04 +0200 Received: from aspmx1.migadu.com ([2001:41d0:2:bcc0::]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)) by mp1 with LMTPS id 8CTUIOCBT2GZfgAAbx9fmQ (envelope-from ) for ; Sat, 25 Sep 2021 20:09:04 +0000 Received: from lists.gnu.org (lists.gnu.org [209.51.188.17]) (using TLSv1.2 with cipher ECDHE-RSA-AES256-GCM-SHA384 (256/256 bits)) (No client certificate requested) by aspmx1.migadu.com (Postfix) with ESMTPS id E70EA288C2 for ; Sat, 25 Sep 2021 22:09:03 +0200 (CEST) Received: from localhost ([::1]:56640 helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1mUDyo-0001kG-4b for larch@yhetil.org; Sat, 25 Sep 2021 16:09:02 -0400 Received: from eggs.gnu.org ([2001:470:142:3::10]:57226) by lists.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.90_1) (envelope-from ) id 1mUDyN-0001k6-T8 for emacs-orgmode@gnu.org; Sat, 25 Sep 2021 16:08:36 -0400 Received: from mail-pf1-x436.google.com ([2607:f8b0:4864:20::436]:41844) by eggs.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_128_GCM_SHA256:128) (Exim 4.90_1) (envelope-from ) id 1mUDyM-0004pw-Cn for emacs-orgmode@gnu.org; Sat, 25 Sep 2021 16:08:35 -0400 Received: by mail-pf1-x436.google.com with SMTP id k17so11932976pff.8 for ; Sat, 25 Sep 2021 13:08:33 -0700 (PDT) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=gmail.com; s=20210112; h=from:to:cc:subject:date:references:user-agent:in-reply-to :message-id:mime-version; bh=90C0WUMsAzeCFihS8xuGVXqvGC13T3dJSUL/N3W1KWA=; b=d6cXV4Fy7jvbXKndtFuuu7y4CbshtjAXNAjXwhaoAT8PSUOhmEm7YCWrEGxfOZkNIy vMpcDSzz8Myvqe2ldW5li+rXex+chAVXxdHCThBHYxR9B5nHnNDMoaXvth0mqhuT5nHd f656wtrTTWufjeSfGO5fa2x3e3hCEC+0How5iU0k3byiofne4voof+OIPOmQEYjEbtOa aKSpB8HG0FmLPdhGdv+VUwPeGL1qVVOjIoE84yrsRK1GD8Z7DS6R6vYK4tbIu38V9U+l GRHNqQjRl6jyWAqF1lxGNwfxaUhFHTMjr3ns0YmmEQy6IqPUMlhWTw+vkHR99CVoZXmW pzJg== X-Google-DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=1e100.net; s=20210112; h=x-gm-message-state:from:to:cc:subject:date:references:user-agent :in-reply-to:message-id:mime-version; bh=90C0WUMsAzeCFihS8xuGVXqvGC13T3dJSUL/N3W1KWA=; b=UqraDYaYv/xXfZGJKo6al3i9VSPpATMO2+sCf5Qhh/JcBjghXh9vkcVodwKgudpBa7 A+11/7taLX9kms1fkGXYMaGNoNmoY0LIjY0JXQglVgR24A3DxaDtbGriUXd5tQQPzSx1 RchZ6knRtpo1AzkCtGDv5WCN5DvvSK6kJXAzoLDwvqaw3q12puix6ON+JKZWy1/SX5Z4 AonSX2AtPKS7lxLCqaWi6vZl2H5s/sBqx7l+HI8xAKtDQvjD9VlVLiDVtOLFPAPy2YD7 pwWDvUq7KYSZAgV0SJJ2XlrcMqeyY1gqwzrXX2IRpNJa1xJbo2TW1Ta8F4hC7+8ea8KC BHWQ== X-Gm-Message-State: AOAM532wxLlJMa97UFkbKIcDErPsRNKOHp27YsOxT8UfG2oMbVDyNJ/z CLUC6J+8DryDH7di1bXILyg= X-Google-Smtp-Source: ABdhPJypSKXfeZ1R3WYvQ7eSho/8Qtme6RpSwnElyDH5J1yESgAzGD/SoBBBeAVsfxgrn1QCb3hhnA== X-Received: by 2002:aa7:8ecf:0:b0:43d:5046:2085 with SMTP id b15-20020aa78ecf000000b0043d50462085mr15761374pfr.48.1632600512641; Sat, 25 Sep 2021 13:08:32 -0700 (PDT) Received: from localhost (61-245-128-160.3df580.per.nbn.aussiebb.net. [61.245.128.160]) by smtp.gmail.com with ESMTPSA id u8sm457191pgf.78.2021.09.25.13.08.31 (version=TLS1_3 cipher=TLS_AES_256_GCM_SHA384 bits=256/256); Sat, 25 Sep 2021 13:08:32 -0700 (PDT) From: Timothy To: Adam Porter Subject: Re: [Worg] Proposing a few CSS changes Date: Sun, 26 Sep 2021 03:51:44 +0800 References: <87fstud7ho.fsf@alphapapa.net> User-agent: mu4e 1.6.5; emacs 28.0.50 In-reply-to: <87fstud7ho.fsf@alphapapa.net> Message-ID: <87pmswe7ur.fsf@gmail.com> MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="=-=-=" Received-SPF: pass client-ip=2607:f8b0:4864:20::436; envelope-from=tecosaur@gmail.com; helo=mail-pf1-x436.google.com X-Spam_score_int: -20 X-Spam_score: -2.1 X-Spam_bar: -- X-Spam_report: (-2.1 / 5.0 requ) BAYES_00=-1.9, DKIM_SIGNED=0.1, DKIM_VALID=-0.1, DKIM_VALID_AU=-0.1, DKIM_VALID_EF=-0.1, FREEMAIL_FROM=0.001, RCVD_IN_DNSWL_NONE=-0.0001, SPF_HELO_NONE=0.001, SPF_PASS=-0.001 autolearn=ham autolearn_force=no X-Spam_action: no action X-BeenThere: emacs-orgmode@gnu.org X-Mailman-Version: 2.1.23 Precedence: list List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Cc: emacs-orgmode@gnu.org Errors-To: emacs-orgmode-bounces+larch=yhetil.org@gnu.org Sender: "Emacs-orgmode" X-Migadu-Flow: FLOW_IN ARC-Message-Signature: i=1; a=rsa-sha256; c=relaxed/relaxed; d=yhetil.org; s=key1; t=1632600544; h=from:from:sender:sender:reply-to:subject:subject:date:date: message-id:message-id:to:to:cc:cc:mime-version:mime-version: content-type:content-type:in-reply-to:in-reply-to: references:references:list-id:list-help:list-unsubscribe: list-subscribe:list-post:dkim-signature; bh=90C0WUMsAzeCFihS8xuGVXqvGC13T3dJSUL/N3W1KWA=; b=P6iJMJA84gazMmvBY8j9evyhJroLtu5qxP4jThuUNJtbBh0erpJZWVF96huSHI1lAY6kx2 +KQIXBbGMxK9t/cV6KP+vWKow2ZEHNAyKm9qI5r4Rl75/iC9TuamMROlKdsVyYsgHrmWwb NzeHp/E/VikVX87k/fzqptFSEVGtjL/LjD/0o4znXWmM0cB2LGWHPfqp0d3gVKyWRKfa8g gu8sstB4Yz373tNoXR6SBb/GvwRFXFY6wQajBhPmdjeCj9gC9Z5w4mXUKiMhdm4PY29tNZ Q1G2LGIKD86AMrXRkW0kcrnxmTTYR+rE0IxFl9ddTVmY5sytlJX3yIQsnYOsSg== ARC-Seal: i=1; s=key1; d=yhetil.org; t=1632600544; a=rsa-sha256; cv=none; b=fij32jkKcEgzi6TUeqTqrqsn+yD+BpqO862UUAnDEoMk9fSwUOXBvmc8OPUEfBhE1Erw0f sE94z1Ghq0kuWI9rkhiKi7SkLYps614f5CuM4HwPX2Z9Hqm5ll2MtSenRuld7qFXf+ZfH5 f4kz9JWFWufgl4wThpnLUCYjJ5JuDVS0M/cVkbQdq70W9R7iC6XawEf/mefiHmJu0G8wFo EBxH31WdZKurSXhYBnGn34nM+KfiAfEXFXokECKe17nKLc0FiLoo2WCSP50x1VoIIhwngE 4fwygfq2uwys5TqvTg1SV3XsbiZXZY9G91AKB8loQOjrztr9XNbDX1ce1A0uPw== ARC-Authentication-Results: i=1; aspmx1.migadu.com; dkim=pass header.d=gmail.com header.s=20210112 header.b=d6cXV4Fy; dmarc=pass (policy=none) header.from=gmail.com; spf=pass (aspmx1.migadu.com: domain of emacs-orgmode-bounces@gnu.org designates 209.51.188.17 as permitted sender) smtp.mailfrom=emacs-orgmode-bounces@gnu.org X-Migadu-Spam-Score: -2.09 Authentication-Results: aspmx1.migadu.com; dkim=pass header.d=gmail.com header.s=20210112 header.b=d6cXV4Fy; dmarc=pass (policy=none) header.from=gmail.com; spf=pass (aspmx1.migadu.com: domain of emacs-orgmode-bounces@gnu.org designates 209.51.188.17 as permitted sender) smtp.mailfrom=emacs-orgmode-bounces@gnu.org X-Migadu-Queue-Id: E70EA288C2 X-Spam-Score: -2.09 X-Migadu-Scanner: scn0.migadu.com X-TUID: uQN26F3/D7J/ --=-=-= Content-Type: text/plain; charset=utf-8 Content-Disposition: inline Content-Transfer-Encoding: quoted-printable Hi Adam, > I=E2=80=99d like to propose some changes to Worg=E2=80=99s CSS that I thi= nk make it much > more readable. Here are some before/after screenshots: Thanks for proposing these changes to Worg=E2=80=99s CSS. I have a few thou= ghts on them, which I will share below. > The changes are simply removing some rules, which allows the user=E2=80= =99s > configured browser font settings to be applied, as well as setting the > max-width of the content to 60em. In CSS terms, Firefox=E2=80=99s inspec= tor > provides this copy of the changes: I=E2=80=99m a big fan of the shift to a fixed em-based max width. However, = I=E2=80=99m not quite sold on a few of the other changes, for instance the font change. While it = does vary, I must say than in particular I find the default serifed font of brow= sers somewhat unattractive. Have you considered instead a sans-serif system font stack? For example, this is what I used on the homepage: =E2=94=8C=E2=94=80=E2=94=80=E2=94=80=E2=94=80 =E2=94=82 -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue,= Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif; =E2=94=94=E2=94=80=E2=94=80=E2=94=80=E2=94=80 Regarding the header colour, while I=E2=80=99m not much of a fan of the ori= ginal grey, perhaps this would be a chance to introduce some visual ties with the rest = of the site and the logo, for example by setting the heading colour to `#587e7= 2' (the dark gree from the Org logo). I also tend to find the default font size slightly to small on most browser= s. I=E2=80=99d be in favour of bumping up the base fontsize to `1.2rem' and ch= anging the width restriction from `60em' to `60rem' so it remains constant. Lastly, on padding, I feel you may have been a bit over-zealous in your rem= oval of padding from headlines. IMO a bit more space helps visually separate sec= tions and let them =E2=80=9Cbreath=E2=80=9D, and browsers defaults tend to pack t= hings a bit more densely than I would. That=E2=80=99s it from me =F0=9F=99=82. All the best, Timothy --=-=-=--