Next Gen Static Blogging

Post by bhauer » Sat, Jan 09, 2021, 5:45 PM UTC

susam wrote: post #57

bhauer wrote: post #52

Earlier quoted context omitted.

Lower the contrast? Strongly disagree. Its use of gray text on a dark blue background is pretty common. If anything, the contrast is too low; I'd brighten the text if I were the designer. But it's readable. In my opinion, what makes it a bit difficult to read is the use of a fixed-width font for body text. Fixed width is great for code, but proportional-width fonts are easier for reading prose.

I agree with ffpip's comment. I too found the contrast to be too low for my comfort. Here are the colors used for the body element in the CSS (see https://inoads.com/style.css ): background-color: #FDF6E3; color: #657B83; Now plug those values into https://webaim.org/resources/contrastchecker/ and we can see that this color scheme fails even the WCAG AA check (see https://i.imgur.com/iK7FRfU.png for a screenshot). I…

    @media (prefers-color-scheme: dark) {
      /* defaults to dark theme */
      body {
        background-color: #002B36;
        color: #AAA;
      }
    }

Post by sradman » Sat, Jan 09, 2021, 5:46 PM UTC

    
        The idea is that an extra newline within a block with style="white-space:
        pre-line" acts like <p> paragraph elements.

        This is a separate paragraph.
    

Post by susam » Sat, Jan 09, 2021, 5:48 PM UTC

cwackerfuss wrote: post #56

susam wrote: post #30

Note that closing tags are optional † , so one can be an HTML purist and still write a decent HTML document with a relatively clean markup like this: Lorem Ipsum Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id maximus tortor. Sed nisi ante, fermentum vel nunc et, tincidunt sagittis magna. In ultrices commodo lacus, id tristique ipsum euismod laoreet. Maecenas at neque posuere, aliquet era…

Frontend developer here -- Although you could omit the closing tags, I don't see the benefit of doing so. If you know HTML, nesting is fundamental and not explicitly closing dom nodes would lead to confusion. You would also need to concern yourself with the "certain conditions" that must be met for it to work. Consistency and clarity over brevity!

Post by susam » Sat, Jan 09, 2021, 5:52 PM UTC

kubanczyk wrote: post #61

susam wrote: post #30

Note that closing tags are optional † , so one can be an HTML purist and still write a decent HTML document with a relatively clean markup like this: Lorem Ipsum Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id maximus tortor. Sed nisi ante, fermentum vel nunc et, tincidunt sagittis magna. In ultrices commodo lacus, id tristique ipsum euismod laoreet. Maecenas at neque posuere, aliquet era…

> the opening tag is optional too but I retained it in the above example to specify the lang > Yeah, no. The text is in Latin (la), not in English (en).

Post by mixedmath » Sat, Jan 09, 2021, 5:58 PM UTC

bhauer wrote: post #52

ffpip wrote: post #47

Your site is too hard to read on. Make the color of the font darker or the background lighter please. I had to copy to a notepad so I could read it. Edit: Apparently, dark mode users get this - https://i.imgur.com/5PHYac1.png I get this - https://i.imgur.com/5PHYac1.png Light mode is terrible, dark mode is okay. Please increase the contrast in both places.

Lower the contrast? Strongly disagree. Its use of gray text on a dark blue background is pretty common. If anything, the contrast is too low; I'd brighten the text if I were the designer. But it's readable. In my opinion, what makes it a bit difficult to read is the use of a fixed-width font for body text. Fixed width is great for code, but proportional-width fonts are easier for reading prose.