Feedback on redesigned OpenBSD.org
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
Hi Chris On iOS/Safari, you can adjust the web browser font size by clicking the "aA" in the url bar, and then adjust the font to be some size larger than "100%". It works for me at least when I test it on my redesigned site. On 2023-08-09 15:19, Chris Bennett wrote: I haven't even looked at these changes, yet. But I have a terrible time reading text on mobile devices. There doesn't seem to be any way (that I know of), to change text size without either using the phones settings for text size (Yuck) or changing the default size or accessibility settings in the browser. I always grab a tablet for sites that really screw up text sizing. My phone is just too small for sites with tiny text or huge text. That's just my opinion and experience with bad eyesight. -- Chris Bennett
Re: Feedback on redesigned OpenBSD.org
Hi Kevin
Thank you for the quick reply and looking at the live site.
1. Regarding the /index.html, currently that's the only page on the
official
openbsd.org website that is left aligned (all other pages are
centered aligned).
I kept that as-in, but I capped /index.html total width to 840px
since it seemed
difficult to read extremely long sentences.
2. Have you had a chance to look at the Light Mode design? That's where
I put
the bulk of my time and effort.
3. I've been able to create a diff, many thanks to TJ.
The diff is below:
? font-domine-700.woff2
? font-lato-400.woff2
? font-lato-900.woff2
Index: index.html
===
RCS file: /cvs/www/index.html,v
retrieving revision 1.758
diff -r1.758 index.html
9a10,11
Index: openbsd.css
===
RCS file: /cvs/www/openbsd.css,v
retrieving revision 1.22
diff -r1.22 openbsd.css
2a3,28
/* Font 'Domine', copyright: Impallari Type; License: SIL OFL 1.1
https://scripts.sil.org/ofl */
@font-face {
font-family: 'Domine';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(font-domine-700.woff2) format('woff2');
}
/* Font 'Lato', copyright: Lukasz Dziedzic; License: SIL OFL 1.1
https://scripts.sil.org/ofl */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(font-lato-400.woff2) format('woff2');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(font-lato-900.woff2) format('woff2');
}
4c30
<--red: #E0;
---
--red: #8B;
6c32
<--blue: #E0;
---
--blue: #11; /* hack since some pages, like plus.html hard code
--blue into the html page. old value was #E0 */
7a34,74
--navbar-background-color: #EE;
--navbar-border-width: 1px;
--navbar-border-color: #E3E3E3;
--navbar-indent-size: 0px;
--navbar-padding: 27px 20px 0 20px;
--font-family: 'Lato', sans-serif;
--font-family-heading: 'Domine', serif;
--font-line-height: calc(4px + 2ex);;
--font-color-body: #22;
--font-color-heading: #00;
--font-size-body: 14px;
--font-size-header: 14px;
--font-size-monospace: 13px;
--link-color-unvisited: #004080;
--link-color-visited: #004080;
--link-text-decoration-color: #cdd4e5;
}
a:link, a:visited {
color: var(--link-color-unvisited);
text-decoration-color: var(--link-text-decoration-color);
text-underline-offset: 3px;
text-decoration-style: dotted
}
a:hover {
text-decoration-color: var(--link-color-unvisited);
text-decoration-style: solid
}
/* style links to man pages & cvsweb differently,
but not on index.html main navigation */
a[href*='//man.openbsd.org']:not(nav a),
a[href*='//cvsweb.openbsd.org']:not(nav a) {
font-family: Courier, monospace;
font-size: var(--font-size-monospace)
}
/* on frontpage (index.html), don't underline the links in navbar */
nav a {
text-decoration: none
10,11c77,86
< :link {
Re: Feedback on redesigned OpenBSD.org
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. Please click around to see that all pages on www.openbsd.org have been restyled. -mlp
Re: Feedback on redesigned OpenBSD.org
Hi Christian Does your redesign work well on text mode browsers? I tested with lynx, renders exact same. It's no different than existing official openbsd.org website because no HTML was changed, only CSS.
Re: Feedback on redesigned OpenBSD.org
Hi Mark On my desktop with dual 4K screens @3840x2160 (16:9) resolution the new design is basically illegible because the css wrongly determines this to be a high resolution small screen (aka phone) which is a step backwards, browser-zooming to 200% is not really an option because that also changes the layout. Also centering text blocks on the page really doesn't improve legibility on big screens. Would you mind elaborating on what is the cause of it being illegible? E.g. font too small, the web design isn't scaling / adjusting to browser settings, etc.
Re: Feedback on redesigned OpenBSD.org
Hi all Ok, here's is update2 to the design. Note: I still need to break this down into individual patches for review but wanted to get feedback on the aesthetics first. v1: https://www.openbsd.design/cvs/www/index.html v2: https://www.openbsd.design/cvs/www2/index.html What's Change in v2: Based on feedback either directly or on the mailing list, I did the following: *** Note: I have only focused on the Light Theme for this version *** - Removed puffy from footer - Removed all web fonts (just system defaults now) - Increased the line-height - Reverted most (but not all) colors back to either browser defaults or what's on openbsd.org - Increased font-size (and specified it in 'em') - Removed the max-width of 840px (now full-width) - Removed/reverted the black OpenBSD logo back to what's on openbsd.org For what it's worth, here's my thoughts about the new design: Polish: My main concern is that it's not as polished as v1, and that could determine future OpenBSD users. Readability: Readability is significantly worse in v2 vs. v1 - Line Length, by making the line length unlimited in width, it makes it extremely difficult to read body text. Reason being, your eye needs to track to the next line. The rule of thumb is, the longer the line length the bigger the line-heigh needs to be. When the line length can be unlimited long, it's difficult to set an appropriate line-heigh which hurts readability. - Colors, the more colors that are present, the more distracting a website will become. That's ok if it's a marketing website, but a site that's primarily documentation - you want to reduce the color palette down to only 2 (3 max) colors. This is why technical manuals are mostly created in grayscale, because color very much distracts the eyes and makes it more difficult to read body text. I feel like v2 color palette, which are peoples ask to revert to the previous color palette causes that. (And I still haven't revert to all of the openbsd.org colors) But that's just my opinion. Ask: I'm curious to hear from others if v2 is more aligned with your desire for the look of the updated site. -mlp
Re: Feedback on redesigned OpenBSD.org
Hi Theo No assumption on my part at least. I’d hugely value hearing you input if you have time though. E.g. are you open to these types of updates. If so, which parts would & wouldn’t you be supportive of. Etc. Thanks in advance. On 2023-08-11 21:11, Theo de Raadt wrote: When did it become an assumption that we would adopt any of these changes?
Sierra Wireless MC5725 Cell Modem Not Working on OpenBSD 4.5
I just installed OpenBSD 4.5 i386 on my Lenovo X61s Thinkpad, and even
though dmesg shows that it detects the internal Sierra Wireless MC5725
Cell Modem I am unable to get ppp to dialout on it. The modem is
activated and was able to connect using Verizon Wireless software in
Windows, the option "do not disable when application is closed" was
checked, and the LED is on which means it should be powered on under
OpenBSD. The modem detects as:
umsm0 at uhub5 port 1 configuration 1 interface 0 "Sierra Wireless,
Incorporated Sierra Wireless MC5725 Modem" rev 1.10/0.02 addr 2
I've read the man pages for umsm devices and have tried to setup ppp
using the devices /dev/cuaU0, cuaU1, cuaU2, cuaU3, as well as others
cu* devices, but it always fails to dial. Here's my ppp.conf file:
evdo
set device /dev/cuaU0
set speed 230400
set dial "TIMEOUT 30 \"\" ATZ OK-ATZ-OK ATDT\\T TIMEOUT 60 CONNECT"
set phone "#777"
set login
set authname ##...@vzw3g.com
set authkey vzw
set timeout 12000
add! default HISADDR
enable dns
This config worked on a PC card Pantech modem and was able to dial up
to the Verizon network, so I would think a similar one would work with
the internal Sierra Wireless one. I've also tried to troubleshoot ppp
manually by using it interactively and issuing AT commands, but
whenever I enter term mode it doesn't show appear to do anything
except when I do a ~. to exit.
Here's the ppp log when I do: sudo ppp -background evdo
Jun 10 19:25:42 navi ppp[8362]: Phase: Using interface: tun0
Jun 10 19:25:42 navi ppp[8362]: Phase: deflink: Created in closed state
Jun 10 19:25:42 navi ppp[4413]: Phase: PPP Started (background mode).
Jun 10 19:25:42 navi ppp[4413]: Phase: bundle: Establish
Jun 10 19:25:42 navi ppp[4413]: Phase: deflink: closed -> opening
Jun 10 19:25:42 navi ppp[4413]: Phase: deflink: Connected!
Jun 10 19:25:42 navi ppp[4413]: Phase: deflink: opening -> dial
Jun 10 19:26:43 navi ppp[4413]: Warning: Chat script failed
Jun 10 19:26:43 navi ppp[4413]: Phase: deflink: dial -> hangup
Jun 10 19:26:43 navi ppp[4413]: Phase: deflink: Disconnected!
Jun 10 19:26:44 navi ppp[4413]: Phase: deflink: Connect time: 62 secs:
0 octets in, 0 octets out
Jun 10 19:26:44 navi ppp[4413]: Phase: deflink: 0 packets in, 0 packets out
Jun 10 19:26:44 navi ppp[4413]: Phase: total 0 bytes/sec, peak 0
bytes/sec on Wed Jun 10 19:25:42 2009
Jun 10 19:26:44 navi ppp[4413]: Phase: deflink: hangup -> closed
Jun 10 19:26:44 navi ppp[4413]: Phase: bundle: Dead
Jun 10 19:26:44 navi ppp[4413]: Phase: PPP Terminated (normal).
Jun 10 19:26:44 navi ppp[8362]: Phase: Parent: Child failed (errdead)
The umsm man page does list this device as "suspected as working", so
I'm wondering if it just isn't or if I'm doing something wrong. I
would appreciate any help, thank you.
Micheal
DMESG:
OpenBSD 4.5 (GENERIC.MP) #108: Sat Feb 28 14:58:58 MST 2009
dera...@i386.openbsd.org:/usr/src/sys/arch/i386/compile/GENERIC.MP
cpu0: Intel(R) Core(TM)2 Duo CPU L7500 @ 1.60GHz ("GenuineIntel"
686-class) 1.60 GHz
cpu0:
FPU,V86,DE,PSE,TSC,MSR,PAE,MCE,CX8,APIC,SEP,MTRR,PGE,MCA,CMOV,PAT,PSE36,CFLUSH,DS,ACPI,MMX,FXSR,SSE,SSE2,SS,HTT,TM,SBF,SSE3,MWAIT,DS-CPL,VMX,EST,TM2,CX16,xTPR
real mem = 2103726080 (2006MB)
avail mem = 2025828352 (1931MB)
mainbus0 at root
bios0 at mainbus0: AT/286+ BIOS, date 03/12/09, BIOS32 rev. 0 @
0xfdc80, SMBIOS rev. 2.4 @ 0xe0010 (63 entries)
bios0: vendor LENOVO version "7NETC0WW (2.20 )" date 03/12/2009
bios0: LENOVO 7666W5G
acpi0 at bios0: rev 2
acpi0: tables DSDT FACP SSDT ECDT TCPA APIC MCFG HPET SLIC BOOT ASF!
SSDT SSDT SSDT SSDT
acpi0: wakeup devices LID_(S3) SLPB(S3) DURT(S3) IGBE(S4) EXP0(S4)
EXP1(S4) EXP2(S4) EXP3(S4) EXP4(S4) PCI1(S4) USB0(S3) USB1(S3)
USB2(S3) USB3(S3) USB4(S3) EHC0(S3) EHC1(S3) HDEF(S4)
acpitimer0 at acpi0: 3579545 Hz, 24 bits
acpimadt0 at acpi0 addr 0xfee0: PC-AT compat
cpu0 at mainbus0: apid 0 (boot processor)
cpu0: apic clock running at 199MHz
cpu1 at mainbus0: apid 1 (application processor)
cpu1: Intel(R) Core(TM)2 Duo CPU L7500 @ 1.60GHz ("GenuineIntel"
686-class) 1.60 GHz
cpu1:
FPU,V86,DE,PSE,TSC,MSR,PAE,MCE,CX8,APIC,SEP,MTRR,PGE,MCA,CMOV,PAT,PSE36,CFLUSH,DS,ACPI,MMX,FXSR,SSE,SSE2,SS,HTT,TM,SBF,SSE3,MWAIT,DS-CPL,VMX,EST,TM2,CX16,xTPR
ioapic0 at mainbus0: apid 1 pa 0xfec0, version 20, 24 pins
ioapic0: misconfigured as apic 2, remapped to apid 1
acpihpet0 at acpi0: 14318179 Hz
acpiprt0 at acpi0: bus 0 (PCI0)
acpiprt1 at acpi0: bus -1 (AGP_)
acpiprt2 at acpi0: bus 2 (EXP0)
acpiprt3 at acpi0: bus 3 (EXP1)
acpiprt4 at acpi0: bus -1 (EXP2)
acpiprt5 at acpi0: bus -1 (EXP3)
acpiprt6 at acpi0: bus -1 (EXP4)
acpiprt7 at acpi0: bus 5 (PCI1)
acpiec0 at acpi0
acpicpu0 at acpi0: C3, C2
acpicpu1 at acpi0: C3, C2
acpitz0 at acpi0: critical temperature 127 degC
acpitz1 at acpi0: critical temperature 99 degC
acpibtn0 at acpi0: LID_
acpibtn1 at acpi0:
Urgente
- This mail is in HTML. Some elements may be ommited in plain text. - I've sent messages regarding your late brother account with the SNS BANK of holland .Please send me a phone number to call you today. . regards Michael Beecher www.snsbank.nl .. - 44 203-318-3822
