New website design

2019-02-06 Thread db
On 6 Feb 2019, at 13:00, macports-dev-requ...@lists.macports.org wrote:
> Message: 2
> Date: Tue, 5 Feb 2019 21:31:22 +0100
> From: Mojca Miklavec 
> To: MacPorts Development 
> Subject: New website design
> Message-ID:
>   
> Content-Type: text/plain; charset="UTF-8"

> Our website design is in fact desperately outdated, it probably hasn't
> changed since day one. (I believe the project started in 2002?)

> We need a complete redesign; not just changing the colour palette, but
> completely restructuring contents, decreasing the amount of
> information, adding some pictures etc.

No to a complete redesign and changing colours.
Yes to some restructuring of contents and responsive design.
No to decreasing the amount of information (portgroups info?).
No to needless pictures.
Yes to an intro/overview page to get new users up and running, a là HB.

New website design

2019-02-05 Thread Mojca Miklavec
Dear fellow MacPorters,

I'm taking this topic to the mailing list since not everyone is
checking pull requests.

We received a pull request from our first-time contributor, see
https://github.com/macports/macports-www/pull/13
Please leave your feedback there. If there are no objections, I would
like to see this merged, soon.

Our website design is in fact desperately outdated, it probably hasn't
changed since day one. (I believe the project started in 2002?)

We need a complete redesign; not just changing the colour palette, but
completely restructuring contents, decreasing the amount of
information, adding some pictures etc. That said, I'm fully in favour
of doing incremental improvements rather than waiting for the perfect
solution that we might never even start implementing.

Some points from a designer I talked to recently:
- We have wy to many items in the menu. We should shrink that to 4
items maximum, like "download", "documentation", "contribute", ...
- A small number of items could fit on top of the screen rather than
the side, and it would be much easier to create responsive design.
- Once we have a short list of most important items, create pictures.
It could be something like a "magnified screenshot" showing a few
lines of important commands, a download icon, ...
- ...

I also agree with the points raised in the PR: that it would be really
nice to have everything in some simple markup language (ideally
AsciiDoc to remain consistent), with an "edit me on github" icon in
the top right corner.

We don't need to do everything at once, but let's start the ball rolling ...

Mojca