Re: Feedback on redesigned OpenBSD.org
On Wed, Aug 9, 2023 at 3:12 PM wrote: > Child Pages. > > I'd like to draw peoples attention to the child pages of > my redesign. > > Just a few examples (but note, ALL child pages have been > updated with new design): > > A. FAQ > > before: http://www.openbsd.org/faq/index.html > after: https://www.openbsd.design/cvs/www/faq/index.html > > B. FAQ - Install Guide > > before: http://www.openbsd.org/faq/faq4.html > after: https://www.openbsd.design/cvs/www/faq/faq4.html > > C. Platforms > > before: http://www.openbsd.org/plat.html > after: https://www.openbsd.design/cvs/www/plat.html > > D. Songs > > before: http://www.openbsd.org/lyrics.html > after: https://www.openbsd.design/cvs/www/lyrics.html > > E. Porters Handbook > > before: http://www.openbsd.org/faq/ports/index.html > after: https://www.openbsd.design/cvs/www/faq/ports/index.html > > These are just a few examples. I really like this! I don't know what the drawbacks are, if any, but it massively modernizes the design and the responsiveness is a huge benefit as well! Thank you for taking the time to do this and I hope it, or something very similar, comes to fruition soon.
httpd and libmodsecurity
Hi, Can somebody point me to resources on how to use libmodsecurity with httpd to create a WAF for a web application? If it's not feasible, please advise what options are there for WAF that can be used with the built-in httpd. Thank you.
Re: Feedback on redesigned OpenBSD.org
Hi Michael, great work, especially with the light theme, but the dark theme is too dark for my taste and IMO the puffy should link to the front page. As Kevin said, the front page looks odd, for me too. Maybe the layout of it should stay as is, or be completely changed. I think that the styling of "OpenBSD" at the top sub-pages (like faq) should stay the same, since its persistent across OpenBSD's projects, like OpenSSH. Otherwise I think you did a fine job, especially with the line length. Sincerely, Benjamin Stürz On 2023-08-09T19:01Z mich...@mlpdesign.com yeeted this message at the world: Hi everyone WHAT: = I greatly respect OpenBSD; while I don't have OS tech level expertise to contribute - I do have some design skills and wanted to contribute to the community and project. So I created a new CSS (stylesheet) for OpenBSD.org It can be viewed at: https://www.openbsd.design/cvs/www/index.html WHY: I wanted to attempt to accomplish the following: - Responsive. Currently, the site is not responsive and difficult to read on a mobile device. Like /index.html, /lyrics.html and /support.html - Simplify the color palette. There's many different colors competing for attention (and causes distraction) on the website for vary choices of headline, table, background, etc colors. - Make code samples or inline KBD easier to distinguish. - Size images correctly for better reading of content. - Bring an updated freshness to the overall site, while not losing its original great character. CHANGE: === Note: with the exception of adding a ViewPort to /index.html, *no* HTML pages were changed. Only the OpenBSD.css file & inclusion of 3 web fonts. The changes to the website include: - a new OpenBSD.css stylesheet - include of a tag on /index.html (in order to make /index.html have a responsive layout) - Added 3 web fonts that are OFL1.1 licensed & attributed in CSS Lato normal and bold for body text Domine for headings - Adding puffy to the footer of all pages except for /index.html (I thought this was a nice playful way to bring some character to the overall website.) - Restyled Dark Mode colors as well (not just Light Mode) - Hid the server rack photo on /index.html While I appreciate the image, I thought it might be too distracting. - Any links to cvsweb, I styled as monospace font. DESIGN PRINCIPLES: == I searched through the mailing list and found 2 previous attempts of individuals showing a new design concept for openbsd.org. The principles I stood by is: - HTML should not be changed, the structure and content of the site is already great. The only change should be to the CSS file. Note: as previously mentioned, I did need to update /index.html to add a missing ViewPort so the page would be responsive. - The design change should apply the ENTIRE website hosted on www.openbsd.org, which this does. - Kept the same recognizable layout. I saw examples in the past where individuals made substantial structural changes for no apparent reason. - The design update should focus making content the main feature, since OpenBSD is known for having such great documentation. NEXT STEPS: === I've never posted to an OpenBSD mailing list, so please be kind. 1. I'd welcome feedback. Note, I've updated both Light Mode and Dark Mode. https://www.openbsd.design/cvs/www/index.html 2. I purchased the domain https://OpenBSD.design and would like to transfer this to the proper party to own/maintain. Please email me direct so I can do so. 3. I need to make a diff, but for some reason - I'm running into issues doing so and I think it's related to the introduction of the 3 new font files. Any suggestions beyond what's documented at https://www.openbsd.org/faq/faq5.html#Diff I hope this design update is welcomed with open minds. Looking forward to reading feedback. -mlp
Re: httpd and libmodsecurity
On 2023-08-10, Tito Mari Francis Escaño wrote: > Hi, > Can somebody point me to resources on how to use libmodsecurity with httpd > to create a WAF for a web application? > If it's not feasible, please advise what options are there for WAF that can > be used with the built-in httpd. Oh that clever software that used to block the obvious hacker tool "Lynx"? I think you need to run it in Aoache httpd or nginx and proxy requests across. There's no other interface you can use for base httpd afaik.
Re: Feedback on redesigned OpenBSD.org
I too find the front page a little odd, maybe because it is more scrunched up on my desktop. The colors are a little too dark in dark mode. I can't read the text for previously clicked links. I like the change quite a bit on mobile. Courtney On 8/10/23 12:45, Benjamin Stürz wrote: Hi Michael, great work, especially with the light theme, but the dark theme is too dark for my taste and IMO the puffy should link to the front page. As Kevin said, the front page looks odd, for me too. Maybe the layout of it should stay as is, or be completely changed. I think that the styling of "OpenBSD" at the top sub-pages (like faq) should stay the same, since its persistent across OpenBSD's projects, like OpenSSH. Otherwise I think you did a fine job, especially with the line length. Sincerely, Benjamin Stürz On 2023-08-09T19:01Z mich...@mlpdesign.com yeeted this message at the world: Hi everyone WHAT: = I greatly respect OpenBSD; while I don't have OS tech level expertise to contribute - I do have some design skills and wanted to contribute to the community and project. So I created a new CSS (stylesheet) for OpenBSD.org It can be viewed at: https://www.openbsd.design/cvs/www/index.html WHY: I wanted to attempt to accomplish the following: - Responsive. Currently, the site is not responsive and difficult to read on a mobile device. Like /index.html, /lyrics.html and /support.html - Simplify the color palette. There's many different colors competing for attention (and causes distraction) on the website for vary choices of headline, table, background, etc colors. - Make code samples or inline KBD easier to distinguish. - Size images correctly for better reading of content. - Bring an updated freshness to the overall site, while not losing its original great character. CHANGE: === Note: with the exception of adding a ViewPort to /index.html, *no* HTML pages were changed. Only the OpenBSD.css file & inclusion of 3 web fonts. The changes to the website include: - a new OpenBSD.css stylesheet - include of a tag on /index.html (in order to make /index.html have a responsive layout) - Added 3 web fonts that are OFL1.1 licensed & attributed in CSS Lato normal and bold for body text Domine for headings - Adding puffy to the footer of all pages except for /index.html (I thought this was a nice playful way to bring some character to the overall website.) - Restyled Dark Mode colors as well (not just Light Mode) - Hid the server rack photo on /index.html While I appreciate the image, I thought it might be too distracting. - Any links to cvsweb, I styled as monospace font. DESIGN PRINCIPLES: == I searched through the mailing list and found 2 previous attempts of individuals showing a new design concept for openbsd.org. The principles I stood by is: - HTML should not be changed, the structure and content of the site is already great. The only change should be to the CSS file. Note: as previously mentioned, I did need to update /index.html to add a missing ViewPort so the page would be responsive. - The design change should apply the ENTIRE website hosted on www.openbsd.org, which this does. - Kept the same recognizable layout. I saw examples in the past where individuals made substantial structural changes for no apparent reason. - The design update should focus making content the main feature, since OpenBSD is known for having such great documentation. NEXT STEPS: === I've never posted to an OpenBSD mailing list, so please be kind. 1. I'd welcome feedback. Note, I've updated both Light Mode and Dark Mode. https://www.openbsd.design/cvs/www/index.html 2. I purchased the domain https://OpenBSD.design and would like to transfer this to the proper party to own/maintain. Please email me direct so I can do so. 3. I need to make a diff, but for some reason - I'm running into issues doing so and I think it's related to the introduction of the 3 new font files. Any suggestions beyond what's documented at https://www.openbsd.org/faq/faq5.html#Diff I hope this design update is welcomed with open minds. Looking forward to reading feedback. -mlp
Re: Feedback on redesigned OpenBSD.org
On Wed, Aug 09, 2023 at 02:01:14PM -0500, mich...@mlpdesign.com said: So I created a new CSS (stylesheet) for OpenBSD.org It can be viewed at: https://www.openbsd.design/cvs/www/index.html I think it has been noted before but I'll echo that index.html just feels plain wrong. The dark mode link colors are way too dark, especially in the case of previously visited links. They are nearly unreadable. I have not looked at light mode -- I don't use it. I don't know if it is font sizes or paddings but the index.html sidebar links feel cramped. One would imagine having a hard time tapping on them on mobile if one were inclined to such a thing. In fact I that comparing the versions side by side, all the font sizes are too small. I don't think removing the text-decoration: underline from links has served a purpose. If anything it makes it less usable. There are these random cases where you have blue mono-spaced fonts for some reason and it's not immediatly obvious to me if the color is supposed to indicate a clickable link or if the color + font change is supposed to indicate something else. Removing the table borders (eg on the download page) makes the page seem muddier -- the eye wanders and it's harder to tell how the information is related than when there were borders. -- Matthew Ernisse https://www.going-flying.com/
Re: Feedback on redesigned OpenBSD.org
I agree with the general thoughts around these last observations. The gui you are proposing is a little too black starting from the sidebar logo and the font a little small. Probably is that we like blood here but not the black color. (if not in night mode) Also most of us are probably affectionated to the stylished standard html gui and what I mean with this are all the classic a and a:visited colors, the classic browser font, _self on links etc Sometimes appears more friendly and "honest" to the user leaving or adopting these stylish standards. The server pictures are also just a little geeky meaningful stuff. Possible sidebar logo solution: adopt the foreground color of the main versioned logo (if you like that sidebar logo: it is however a repetition..); fonts: under a certain screen size you can adopt a vw sized font, and over a certain screen size a general px sized font, it is a trick commonly used by me in my web apps. -- Daniele Bonini Aug 11, 2023 02:10:52 Matthew Ernisse : > The dark mode link colors are way too dark, especially in the case of > previously visited links. They are nearly unreadable. I have not looked at > light mode -- I don't use it. > > I don't know if it is font sizes or paddings but the index.html sidebar > links feel cramped. One would imagine having a hard time tapping on them on > mobile if one were inclined to such a thing. In fact I that comparing the > versions side by side, all the font sizes are too small. > > I don't think removing the text-decoration: underline from links has served a > purpose. If anything it makes it less usable. There are these random cases > where you have blue mono-spaced fonts for some reason and it's not immediatly > obvious to me if the color is supposed to indicate a clickable link or if the > color + font change is supposed to indicate something else.
Re: Feedback on redesigned OpenBSD.org
Great project and introduction - I think you are on the right path! A suggestion: Do like everyone here does with other code changes - Work in smaller steps. Simplify and minimize (a little more). Do not change any colors or images on an initial pass of the changes. Try only changing just the formatting, to support mobile. Once this is done, working as expected and approved, then try tweaking the colors and images (if needed). On 8/10/23 18:02, Daniele B. wrote: > I agree with the general thoughts around these last observations. > > The gui you are proposing is a little too black starting from the sidebar > logo and the font a little small. > Probably is that we like blood here but not the black color. (if not in > night mode) > > Also most of us are probably affectionated to the stylished standard html gui > and what > I mean with this are all the classic a and a:visited colors, the classic > browser font, _self on links etc > Sometimes appears more friendly and "honest" to the user leaving or adopting > these stylish standards. > The server pictures are also just a little geeky meaningful stuff. > > Possible sidebar logo solution: adopt the foreground color of the main > versioned logo (if you like that sidebar logo: it is however a repetition..); > fonts: under a certain screen size you can adopt a vw sized font, and over a > certain screen size a general px sized font, it is a trick commonly used by > me in my web apps. > > -- Daniele Bonini > > Aug 11, 2023 02:10:52 Matthew Ernisse : > >> The dark mode link colors are way too dark, especially in the case of >> previously visited links. They are nearly unreadable. I have not looked at >> light mode -- I don't use it. >> >> I don't know if it is font sizes or paddings but the index.html sidebar >> links feel cramped. One would imagine having a hard time tapping on them on >> mobile if one were inclined to such a thing. In fact I that comparing the >> versions side by side, all the font sizes are too small. >> >> I don't think removing the text-decoration: underline from links has served >> a purpose. If anything it makes it less usable. There are these random >> cases where you have blue mono-spaced fonts for some reason and it's not >> immediatly obvious to me if the color is supposed to indicate a clickable >> link or if the color + font change is supposed to indicate something else.
