You are not logged in.

#1 2019-04-04 18:18:57

linux_user
Member
Registered: 2016-11-04
Posts: 345

New Bunsenlabs website

I think that our BL website doesn't do justice to the looks and feel of the distro itself. Not much of a creative guy wink, but If I redesign it, would you guys consider it?


"Blind faith to authority is the greatest enemy of truth."

Offline

#2 2019-04-04 18:36:14

ohnonot
...again
Registered: 2015-09-29
Posts: 3,836
Website

Re: New Bunsenlabs website

really interested to hear what twoion/earlybird has to say about this.
devil
fwiw, i think the site is just right and aesthetically pleasing.

Offline

#3 2019-04-04 19:01:22

Dobbie03
Resident Metalhead
From: New Zealand
Registered: 2015-09-29
Posts: 2,263
Website

Re: New Bunsenlabs website

ohnonot wrote:

fwiw, i think the site is just right and aesthetically pleasing.

I totally agree.  I often just stop by to admire it big_smile

Saying that, I would be interested to see what linux_user comes up with.


I like my Metal like my coffee.......Black!
Resident Metalhead Poser

Offline

#4 2019-04-04 19:56:18

twoion
ほやほや
Registered: 2015-08-10
Posts: 2,462

Re: New Bunsenlabs website

Hmmmm big_smile What I really like is the warmdarkgrey-orange theme with the flame (you can get the colors from the CSS) smile Well, it was my idea (IIRC, might have been damo or ututo [who did the original logo designs] or somebody else).

I agree that the page could need improvement. While I don't see that immediate need with the content pages (except improving the actual content, but that's not the point here), the landing page could use a revamp. There are better ways to provide a clean, hasslefree, informative entrypoint to visitors. In fact, there is a draft I began for a more modern landing page here https://github.com/BunsenLabs/website/t … e-redesign but it still has @media query bugs in the CSS for the handheld/mobile mode (looks like crap -- I want single-column responsive body content and hidden thumbnails -- help please big_smile). Here's the current state of the landing page (full view and new screenshot slideshow expandable on click):
Screen-Shot-2019-04-04-at-21.55.47-fullpage.th.pngScreen-Shot-2019-04-04-at-21.56.23-fullpage.th.png

The entire page suffers a bit from not having used a CSS framework with sane columnation etc. Which is regrettable, but until the landing page, it worked well enough. hhh especially likes the mobile view. Plus, I like how clean it looks (except the landing page).

That being said, I have no idea about frontend and just make stuff up as I go. Using the most modern browser features is OK (flexbox...)

Another issue is that the...opiniated...build framework that holds the entire static site together is not exactly fragile but """well integrated""". A move to a different builder would require something of a rewrite. As would a move to a different CSS framework (well, then only the template, but repoidx.html and news.html also have API-using JS relying on markup, so...).

To sum up: Quality contributions are very welcome. All the code is here: https://github.com/BunsenLabs/website, and here: https://github.com/BunsenLabs/website-api. Fork it, develop it, replace it, free for all.

I do NOT underestimate the amount of time/work that goes into this kind of thing, so don't feel obligated to contribute by any means.

In the end, the aspiration of the sites is to provide useful information, well-organized and presentable but not as flashy as you would do it to sell a product. We do calm, friendly invites.


A silent kite against the blue, blue sky

Offline

#5 2019-04-04 20:08:06

malm
jgmenu developer
Registered: 2016-10-13
Posts: 449
Website

Re: New Bunsenlabs website

@twoion - that's such a great response. Thanks for leading on this.

I like the no-frills style of the site - but am also curious to see any suggestions for improvement (@linux_user smile)

Online

#6 2019-04-04 20:27:04

DeepDayze
Member
From: In Linux Land
Registered: 2017-05-28
Posts: 714

Re: New Bunsenlabs website

Maybe use the forum's theme colors for the site itself? The dark grey is easy on the old eyes smile


Real Men Use Linux

Offline

#7 2019-04-04 20:36:40

twoion
ほやほや
Registered: 2015-08-10
Posts: 2,462

Re: New Bunsenlabs website

DeepDayze wrote:

Maybe use the forum's theme colors for the site itself? The dark grey is easy on the old eyes smile

Not a far fetched idea. Which also was the original concept I had (there was a dark version of the site in the very beginning). The aspect of the warm grey and orange is based on this forum's Mercury theme (selectable in your profile settings) which in turn is a version of the original FluxBB scheme which I modified further to my liking. In fact, most blogs and sites I visit regularly (including this forum) I have made a "Mercury" user CSS theme for.


A silent kite against the blue, blue sky

Offline

#8 2019-04-05 04:47:28

ohnonot
...again
Registered: 2015-09-29
Posts: 3,836
Website

Re: New Bunsenlabs website

so there's room for improvement.

i guess it'd make sense to make the forum defualt and the website look alike.

I just tested a few other forum themes, and there seems to be none that is dark AND responsive ... ?

btw once you changed themes it's impossible to know which one the default is. a limitation of FluxBB i guess - so which one is the default?

Offline

#9 2019-04-05 04:58:01

linux_user
Member
Registered: 2016-11-04
Posts: 345

Re: New Bunsenlabs website

What is the necessity of the menu 'Repositories' on our website? Who is it for? Anyone who want to use BL would go to the 'Installation' menu or the others.


"Blind faith to authority is the greatest enemy of truth."

Offline

#10 2019-04-05 05:01:30

ohnonot
...again
Registered: 2015-09-29
Posts: 3,836
Website

Re: New Bunsenlabs website

twoion wrote:

Another issue is that the...opiniated...build framework that holds the entire static site together is not exactly fragile but """well integrated""". A move to a different builder would require something of a rewrite. As would a move to a different CSS framework (well, then only the template, but repoidx.html and news.html also have API-using JS relying on markup, so...).

To sum up: Quality contributions are very welcome. All the code is here: https://github.com/BunsenLabs/website, and here: https://github.com/BunsenLabs/website-api. Fork it, develop it, replace it, free for all.

i don't see much here (i deliberately ignored all the javascript); it seems to come down to this file: https://github.com/BunsenLabs/website/b … /plain.css ???

I do NOT underestimate the amount of time/work that goes into this kind of thing, so don't feel obligated to contribute by any means.

well put. devil

Offline

#11 2019-04-05 05:41:02

hhh
Meep!
Registered: 2015-09-17
Posts: 8,099
Website

Re: New Bunsenlabs website

ohnonot wrote:

btw once you changed themes it's impossible to know which one the default is. a limitation of FluxBB i guess - so which one is the default?

It's Hydrogen, I'm nearly positive. That's the theme that's displayed if you're not logged in.

Online

#12 2019-04-05 06:58:06

twoion
ほやほや
Registered: 2015-08-10
Posts: 2,462

Re: New Bunsenlabs website

linux_user wrote:

What is the necessity of the menu 'Repositories' on our website? Who is it for? Anyone who want to use BL would go to the 'Installation' menu or the others.

https://www.bunsenlabs.org/installation … ed-install links there. Plus, an equivalent of packages.debian.org (with repoidx.html).

Also, https://www.bunsenlabs.org/repoidx.html is mainly for us (johnraff and me), and also in order to be able to link to packages.


A silent kite against the blue, blue sky

Offline

#13 2019-04-05 07:04:42

twoion
ほやほや
Registered: 2015-08-10
Posts: 2,462

Re: New Bunsenlabs website

ohnonot wrote:

so there's room for improvement.

i guess it'd make sense to make the forum defualt and the website look alike.

They are both white, at least.

I just tested a few other forum themes, and there seems to be none that is dark AND responsive ... ?

FluxBB CSS (and markup) is a pile of garbage. None of the original themes is "responsive", and editing them without breaking them here and there is impossible. Writing from scratch is a couple  of 100s of cases to handle. On userstyles.org, install the BL forums: configurable width userstyle, it'll allow the page to take the full width of the monitor and essentially infinite zoom. More responsive, there is not.

Check out the Helium theme; it's my attempt so far to adapt to the look of the website [alpha quality].

btw once you changed themes it's impossible to know which one the default is. a limitation of FluxBB i guess - so which one is the default?

Hydrogen.


A silent kite against the blue, blue sky

Offline

#14 2019-04-05 07:15:01

johnraff
nullglob
From: Nagoya, Japan
Registered: 2015-09-09
Posts: 5,604
Website

Re: New Bunsenlabs website

ohnonot wrote:

I just tested a few other forum themes, and there seems to be none that is dark AND responsive ... ?

I've been using the CrunchBang theme since the start, and have no usability issues, at least on a desktop PC with a reasonably wide display. Oh, except the logo at the top is almost invisible.
13pdiUGl.png


John
--------------------
( a boring Japan blog , Japan Links, idle twitterings  and GitStuff )
In case you forget, the rules.

Offline

#15 2019-04-05 10:02:57

earlybird
ほやほや
Registered: 2015-12-16
Posts: 711
Website

Re: New Bunsenlabs website

^ Yes; dark and bright themes should use a different logo. I think it can be done using CSS; currently the image is still the one configured in FluxBB, which is black. [Something else to work on.]

Offline

#16 2019-04-05 13:56:59

hhh
Meep!
Registered: 2015-09-17
Posts: 8,099
Website

Re: New Bunsenlabs website

earlybird wrote:

^ Yes; dark and bright themes should use a different logo. I think it can be done using CSS; currently the image is still the one configured in FluxBB, which is black. [Something else to work on.]

The site also uses an early logo of ours. We've since revised it so the flame sits above the letter "l" instead of the "e", that should get updated.

https://github.com/hhhorb/Lithium_theme … -flame.svg

Online

#17 2019-04-05 14:07:53

earlybird
ほやほや
Registered: 2015-12-16
Posts: 711
Website

Re: New Bunsenlabs website

hhh wrote:
earlybird wrote:

^ Yes; dark and bright themes should use a different logo. I think it can be done using CSS; currently the image is still the one configured in FluxBB, which is black. [Something else to work on.]

The site also uses an early logo of ours. We've since revised it so the flame sits above the letter "l" instead of the "e", that should get updated.

https://github.com/hhhorb/Lithium_theme … -flame.svg

Oh. That logo looks unbalanced IMO. If at all, the cone of the inner flame should be centered over the letter L,  otherwise it'd be a pretty weird bunsen burner. I'd also move the flame down a bit, if it has to be done that way. I can try drafting this later.

Offline

#18 2019-04-05 16:14:48

zharmad
New Member
Registered: 2019-04-05
Posts: 1

Re: New Bunsenlabs website

Honestly one of the biggest fixes would be making it easier to find the install images. There's no link directly on the landing page to download them, and on the installation page the links require you to scroll down to find them.

I came here looking for something I could download quick to try it out, and it took nearly 5 minutes to find.

If there's a desire to increase the userbase, making the download easy to find would be a great way to make the distro more accessible to people.

Offline

#19 2019-04-05 18:22:45

linux_user
Member
Registered: 2016-11-04
Posts: 345

Re: New Bunsenlabs website

zharmad wrote:

Honestly one of the biggest fixes would be making it easier to find the install images. There's no link directly on the landing page to download them, and on the installation page the links require you to scroll down to find them.

I came here looking for something I could download quick to try it out, and it took nearly 5 minutes to find.

If there's a desire to increase the userbase, making the download easy to find would be a great way to make the distro more accessible to people.

From what I understand, most of the people behind BL aren't pro web designers or pro UI/UX designers. They are more focused on the harder part of developing the distro and they are pretty good at it.

Since this distro isn't meant to be a commercial project with aggressive user acquisition, a basic design that'll do the job would have sufficed.

But I understand your point and in the redesign I have thought of this CTA button big_smile.

Last edited by linux_user (2019-04-06 05:07:51)


"Blind faith to authority is the greatest enemy of truth."

Offline

#20 2019-04-06 04:28:16

nore
>2⁹
From: squirrels' nest
Registered: 2015-09-29
Posts: 444

Re: New Bunsenlabs website

Many distros have direct download links in their main page and I think it is a mistake. After clicking "Installation" link in BL main page you are almost forced to read through the page before downloading. Of course you can jump directly to section "Downloads", but even then you have to read, what you are expected to do.

Crunchbang and Bunsenlabs have both had a strong educational mindset: hands off, unless you are willing to read instructions. Look down, before you jump, and don't complain afterwards. Think of post installation script or menu, they are full of text.

In the pages, those black boxes in download section, under ".torrent/https/SHA-256/PGP .sig", are too small and humble to look like clickable buttons, though.

Offline

#21 2019-04-06 05:02:14

ohnonot
...again
Registered: 2015-09-29
Posts: 3,836
Website

Re: New Bunsenlabs website

nore wrote:

Many distros have direct download links in their main page and I think it is a mistake. After clicking "Installation" link in BL main page you are almost forced to read through the page before downloading.

this.
i can't believe how often i have to ask people (on LQ) if they read the distro's own installation instructions instead of trying to fix their problems with youtube videos.

Offline

#22 2019-04-06 05:10:01

linux_user
Member
Registered: 2016-11-04
Posts: 345

Re: New Bunsenlabs website

nore wrote:

Many distros have direct download links in their main page and I think it is a mistake. After clicking "Installation" link in BL main page you are almost forced to read through the page before downloading. Of course you can jump directly to section "Downloads", but even then you have to read, what you are expected to do.

Crunchbang and Bunsenlabs have both had a strong educational mindset: hands off, unless you are willing to read instructions. Look down, before you jump, and don't complain afterwards. Think of post installation script or menu, they are full of text.

In the pages, those black boxes in download section, under ".torrent/https/SHA-256/PGP .sig", are too small and humble to look like clickable buttons, though.

It's a good point too, sort of a guiding structure.


"Blind faith to authority is the greatest enemy of truth."

Offline

#23 2019-04-06 17:01:40

Pirx
Member
Registered: 2018-08-27
Posts: 15

Re: New Bunsenlabs website

There is nothing wrong with the current website. And please, do not change the forum. This one is simple, fast and looks good on mobile devices. Do not ruin it with some modern design. wink

Offline

Board footer

Powered by FluxBB