For discussion of Alpine Linux development and developer support

9 6

[alpine-devel] New alpinelinux.org website look

Carlo Landmeter
Details
Message ID
<CA+cSEmMOnZsVf01EAzNh37jvUx3jaLsW+UDGivru1v4rhGS-sQ@mail.gmail.com>
Sender timestamp
1476806038
DKIM signature
missing
Download raw message
Hello list,

This should probably belong to another list, but from my experience most of
our users are subscribed to alpine-devel.
I've been playing a bit with the design of our website and come up with the
following design:

http://alpine.nethq.org/

I would like to have input of our community about what we could improve.
For instance the "Selling Points" on the new download page could be vastly
improved.

I would like to launch this new design with our upcoming 3.5 release
(probably in November).

source is available in our git repo:
http://git.alpinelinux.org/cgit/alpine-mksite/?h=purecss-layout

And on github (which supports PR's):
https://github.com/alpinelinux/alpine-mksite/tree/purecss-layout

-carlo
7heo
Details
Message ID
<qulohv.of96od.31axlu-qmf@gmx.com>
In-Reply-To
<7f7051d0cb9dea4413d8226474f219dc@riseup.net> (view parent)
Sender timestamp
1476811016
DKIM signature
missing
Download raw message
It looks like this to me https://i.sli.mg/UTz6XN.jpg

On Tue Oct 18 18:55:16 2016 GMT+0200, Cág wrote:
> Carlo Landmeter wrote:
> 
> > Hello list,
> > 
> > This should probably belong to another list, but from my experience 
> > most of
> > our users are subscribed to alpine-devel.
> > I've been playing a bit with the design of our website and come up with 
> > the
> > following design:
> > 
> > http://alpine.nethq.org/
> > 
> 
> Hi,
> 
> Am I the only one to experience this[0]? Apart from that it looks neat.
> 
> Cheers,
> Cág
> 
> 
> [0]: https://i.sli.mg/aeXhq6.png
> 
> 
> ---
> Unsubscribe:  alpine-devel+unsubscribe@lists.alpinelinux.org
> Help:         alpine-devel+help@lists.alpinelinux.org
> ---
> 
>
Cág
Details
Message ID
<7f7051d0cb9dea4413d8226474f219dc@riseup.net>
In-Reply-To
<CA+cSEmMOnZsVf01EAzNh37jvUx3jaLsW+UDGivru1v4rhGS-sQ@mail.gmail.com> (view parent)
Sender timestamp
1476809716
DKIM signature
missing
Download raw message
Carlo Landmeter wrote:

> Hello list,
> 
> This should probably belong to another list, but from my experience 
> most of
> our users are subscribed to alpine-devel.
> I've been playing a bit with the design of our website and come up with 
> the
> following design:
> 
> http://alpine.nethq.org/
> 

Hi,

Am I the only one to experience this[0]? Apart from that it looks neat.

Cheers,
Cág


[0]: https://i.sli.mg/aeXhq6.png


---
Unsubscribe:  alpine-devel+unsubscribe@lists.alpinelinux.org
Help:         alpine-devel+help@lists.alpinelinux.org
---
Leo Unglaub
Details
Message ID
<dca064f1-151c-45de-b62d-dcb7d7cfe3f9@leo-unglaub.net>
In-Reply-To
<CA+cSEmMOnZsVf01EAzNh37jvUx3jaLsW+UDGivru1v4rhGS-sQ@mail.gmail.com> (view parent)
Sender timestamp
1476806811
DKIM signature
missing
Download raw message
Hey,

I think you did a great job with that site. The only think I noticed is the navigation on my phone. Maybe we should tweak the mobile navigation a little bit to work better on mobile devices.


Greetings

Leo

Carlo Landmeter <clandmeter@gmail.com> schrieb am 18.10.2016 17:54:

Hello list,


This should probably belong to another list, but from my experience most of our users are subscribed to alpine-devel.

I've been playing a bit with the design of our website and come up with the following design:


http://alpine.nethq.org/


I would like to have input of our community about what we could improve.

For instance the "Selling Points" on the new download page could be vastly improved.


I would like to launch this new design with our upcoming 3.5 release (probably in November).


source is available in our git repo:

http://git.alpinelinux.org/cgit/alpine-mksite/?h=purecss-layout


And on github (which supports PR's):

https://github.com/alpinelinux/alpine-mksite/tree/purecss-layout 


-carlo
Jakub Jirutka
Details
Message ID
<C324D1CC-C093-4544-8B94-666A0A2DF8B8@jirutka.cz>
In-Reply-To
<CA+cSEmMOnZsVf01EAzNh37jvUx3jaLsW+UDGivru1v4rhGS-sQ@mail.gmail.com> (view parent)
Sender timestamp
1476811325
DKIM signature
missing
Download raw message
Hi Carlo!

1. Download page: The download links don’t work for me (Firefox 49). The problem probably is that they are wrapped in <button> element (<a> inside <button>), that’s not correct IMHO.

2. As others already wrote, navigation bars are not responsible. You can make them wrap on mobile, or collapse into “hamburger menu” (but only when screen width is less than X!).

3. Community page: Top and bottom margins around h2 titles are currently in ratio 1:1, that doesn’t look good. Top margin should be higher than bottom, ideal would be probably golden ratio or just 3:2.

4. Community page: Line height inside unordered lists (ul) is significantly smaller than in the rest of the text.

5. Home page: I don’t like these shadow boxes in Alpine News and Latest Development, but can’t describe why. Just a subjective opinion.

Overall it looks very nice, especially the download page is much better than the current one.

Jakub

On 18. Oct 2016, at 17:53, Carlo Landmeter <clandmeter@gmail.com> wrote:

> Hello list,
> 
> This should probably belong to another list, but from my experience most of our users are subscribed to alpine-devel.
> I've been playing a bit with the design of our website and come up with the following design:
> 
> http://alpine.nethq.org/
> 
> I would like to have input of our community about what we could improve.
> For instance the "Selling Points" on the new download page could be vastly improved.
> 
> I would like to launch this new design with our upcoming 3.5 release (probably in November).
> 
> source is available in our git repo:
> http://git.alpinelinux.org/cgit/alpine-mksite/?h=purecss-layout
> 
> And on github (which supports PR's):
> https://github.com/alpinelinux/alpine-mksite/tree/purecss-layout 
> 
> -carlo
Carlo Landmeter
Details
Message ID
<CA+cSEmMd_6o=HdHmtEYoQSZHkyL=BwcBrLeOgTCL2mocBYbaDA@mail.gmail.com>
In-Reply-To
<C324D1CC-C093-4544-8B94-666A0A2DF8B8@jirutka.cz> (view parent)
Sender timestamp
1477650341
DKIM signature
missing
Download raw message
On 18 October 2016 at 19:22, Jakub Jirutka <jakub@jirutka.cz> wrote:

> Hi Carlo!
>
> 1. Download page: The download links don’t work for me (Firefox 49). The
> problem probably is that they are wrapped in <button> element (<a> inside
> <button>), that’s not correct IMHO.
>

This should be fixed now.


>
> 2. As others already wrote, navigation bars are not responsible. You can
> make them wrap on mobile, or collapse into “hamburger menu” (but only when
> screen width is less than X!).
>

Correct, if we want to use hamburger style menu's we will have to use
javascript (do we want to include js?)  like: http://purecss.io/
layouts/tucked-menu-vertical
Not sure how we would handle that with two menu's like we have now.


>
> 3. Community page: Top and bottom margins around h2 titles are currently
> in ratio 1:1, that doesn’t look good. Top margin should be higher than
> bottom, ideal would be probably golden ratio or just 3:2.
>

Margins increased.


>
> 4. Community page: Line height inside unordered lists (ul) is
> significantly smaller than in the rest of the text.
>

This is the default for purecss


>
> 5. Home page: I don’t like these shadow boxes in Alpine News and Latest
> Development, but can’t describe why. Just a subjective opinion.
>

I can remove the background color and borders, but im not sure it would be
any better. (suggestions welcome).


>
> Overall it looks very nice, especially the download page is much better
> than the current one.
>
>
Thanks!

If you have some selling points for download sections, please share them.
Alba Pompeo
Details
Message ID
<CAJDAfTA7VwcjvLfHc9LnAOcdGTD8g8V6BJvA8GtjoQjKWJJupw@mail.gmail.com>
In-Reply-To
<CA+cSEmMd_6o=HdHmtEYoQSZHkyL=BwcBrLeOgTCL2mocBYbaDA@mail.gmail.com> (view parent)
Sender timestamp
1478790157
DKIM signature
missing
Download raw message
PLEASE don't add JavaScript.
Alpine is about small, simple and secure.
JavaScript is *nothing* like that. Keep just simple html and css as it
has ever been until now.
Thank you.


On Fri, Oct 28, 2016 at 8:25 AM, Carlo Landmeter <clandmeter@gmail.com> wrote:
>
>
> On 18 October 2016 at 19:22, Jakub Jirutka <jakub@jirutka.cz> wrote:
>>
>> Hi Carlo!
>>
>> 1. Download page: The download links don’t work for me (Firefox 49). The
>> problem probably is that they are wrapped in <button> element (<a> inside
>> <button>), that’s not correct IMHO.
>
>
> This should be fixed now.
>
>>
>>
>> 2. As others already wrote, navigation bars are not responsible. You can
>> make them wrap on mobile, or collapse into “hamburger menu” (but only when
>> screen width is less than X!).
>
>
> Correct, if we want to use hamburger style menu's we will have to use
> javascript (do we want to include js?)  like:
> http://purecss.io/layouts/tucked-menu-vertical
> Not sure how we would handle that with two menu's like we have now.
>
>>
>>
>> 3. Community page: Top and bottom margins around h2 titles are currently
>> in ratio 1:1, that doesn’t look good. Top margin should be higher than
>> bottom, ideal would be probably golden ratio or just 3:2.
>
>
> Margins increased.
>
>>
>>
>> 4. Community page: Line height inside unordered lists (ul) is
>> significantly smaller than in the rest of the text.
>
>
> This is the default for purecss
>
>>
>>
>> 5. Home page: I don’t like these shadow boxes in Alpine News and Latest
>> Development, but can’t describe why. Just a subjective opinion.
>
>
> I can remove the background color and borders, but im not sure it would be
> any better. (suggestions welcome).
>
>>
>>
>> Overall it looks very nice, especially the download page is much better
>> than the current one.
>>
>
> Thanks!
>
> If you have some selling points for download sections, please share them.
>


---
Unsubscribe:  alpine-devel+unsubscribe@lists.alpinelinux.org
Help:         alpine-devel+help@lists.alpinelinux.org
---
Alba Pompeo
Details
Message ID
<CAJDAfTBjwoeeEKq1NhYWOcRKCqLoC4EVxQ9LQ6cYYvTNYEcf-g@mail.gmail.com>
In-Reply-To
<CA+cSEmPvAJqD0mu0YBPgmhLwsKycZvR4qb3KqxO-f0RHbmUDfQ@mail.gmail.com> (view parent)
Sender timestamp
1478792813
DKIM signature
missing
Download raw message
Well, why you need JS in first place?
It's for the menu? That can be done with CSS for example.
http://www.w3schools.com/css/css_dropdowns.asp

On Thu, Nov 10, 2016 at 1:27 PM, Carlo Landmeter <clandmeter@gmail.com> wrote:
>
>
> On 10 November 2016 at 16:02, Alba Pompeo <albapompeo@gmail.com> wrote:
>>
>> PLEASE don't add JavaScript.
>> Alpine is about small, simple and secure.
>> JavaScript is *nothing* like that. Keep just simple html and css as it
>> has ever been until now.
>> Thank you.
>>
>
> Thanks for your input.
> You are welcome to send us patches to free us from the use of javascript.
>
> -carlo
>
>
>>
>>
>> On Fri, Oct 28, 2016 at 8:25 AM, Carlo Landmeter <clandmeter@gmail.com>
>> wrote:
>> >
>> >
>> > On 18 October 2016 at 19:22, Jakub Jirutka <jakub@jirutka.cz> wrote:
>> >>
>> >> Hi Carlo!
>> >>
>> >> 1. Download page: The download links don’t work for me (Firefox 49).
>> >> The
>> >> problem probably is that they are wrapped in <button> element (<a>
>> >> inside
>> >> <button>), that’s not correct IMHO.
>> >
>> >
>> > This should be fixed now.
>> >
>> >>
>> >>
>> >> 2. As others already wrote, navigation bars are not responsible. You
>> >> can
>> >> make them wrap on mobile, or collapse into “hamburger menu” (but only
>> >> when
>> >> screen width is less than X!).
>> >
>> >
>> > Correct, if we want to use hamburger style menu's we will have to use
>> > javascript (do we want to include js?)  like:
>> > http://purecss.io/layouts/tucked-menu-vertical
>> > Not sure how we would handle that with two menu's like we have now.
>> >
>> >>
>> >>
>> >> 3. Community page: Top and bottom margins around h2 titles are
>> >> currently
>> >> in ratio 1:1, that doesn’t look good. Top margin should be higher than
>> >> bottom, ideal would be probably golden ratio or just 3:2.
>> >
>> >
>> > Margins increased.
>> >
>> >>
>> >>
>> >> 4. Community page: Line height inside unordered lists (ul) is
>> >> significantly smaller than in the rest of the text.
>> >
>> >
>> > This is the default for purecss
>> >
>> >>
>> >>
>> >> 5. Home page: I don’t like these shadow boxes in Alpine News and Latest
>> >> Development, but can’t describe why. Just a subjective opinion.
>> >
>> >
>> > I can remove the background color and borders, but im not sure it would
>> > be
>> > any better. (suggestions welcome).
>> >
>> >>
>> >>
>> >> Overall it looks very nice, especially the download page is much better
>> >> than the current one.
>> >>
>> >
>> > Thanks!
>> >
>> > If you have some selling points for download sections, please share
>> > them.
>> >
>
>


---
Unsubscribe:  alpine-devel+unsubscribe@lists.alpinelinux.org
Help:         alpine-devel+help@lists.alpinelinux.org
---
Carlo Landmeter
Details
Message ID
<CA+cSEmPvAJqD0mu0YBPgmhLwsKycZvR4qb3KqxO-f0RHbmUDfQ@mail.gmail.com>
In-Reply-To
<CAJDAfTA7VwcjvLfHc9LnAOcdGTD8g8V6BJvA8GtjoQjKWJJupw@mail.gmail.com> (view parent)
Sender timestamp
1478791676
DKIM signature
missing
Download raw message
On 10 November 2016 at 16:02, Alba Pompeo <albapompeo@gmail.com> wrote:

> PLEASE don't add JavaScript.
> Alpine is about small, simple and secure.
> JavaScript is *nothing* like that. Keep just simple html and css as it
> has ever been until now.
> Thank you.
>
>
Thanks for your input.
You are welcome to send us patches to free us from the use of javascript.

-carlo



>
> On Fri, Oct 28, 2016 at 8:25 AM, Carlo Landmeter <clandmeter@gmail.com>
> wrote:
> >
> >
> > On 18 October 2016 at 19:22, Jakub Jirutka <jakub@jirutka.cz> wrote:
> >>
> >> Hi Carlo!
> >>
> >> 1. Download page: The download links don’t work for me (Firefox 49). The
> >> problem probably is that they are wrapped in <button> element (<a>
> inside
> >> <button>), that’s not correct IMHO.
> >
> >
> > This should be fixed now.
> >
> >>
> >>
> >> 2. As others already wrote, navigation bars are not responsible. You can
> >> make them wrap on mobile, or collapse into “hamburger menu” (but only
> when
> >> screen width is less than X!).
> >
> >
> > Correct, if we want to use hamburger style menu's we will have to use
> > javascript (do we want to include js?)  like:
> > http://purecss.io/layouts/tucked-menu-vertical
> > Not sure how we would handle that with two menu's like we have now.
> >
> >>
> >>
> >> 3. Community page: Top and bottom margins around h2 titles are currently
> >> in ratio 1:1, that doesn’t look good. Top margin should be higher than
> >> bottom, ideal would be probably golden ratio or just 3:2.
> >
> >
> > Margins increased.
> >
> >>
> >>
> >> 4. Community page: Line height inside unordered lists (ul) is
> >> significantly smaller than in the rest of the text.
> >
> >
> > This is the default for purecss
> >
> >>
> >>
> >> 5. Home page: I don’t like these shadow boxes in Alpine News and Latest
> >> Development, but can’t describe why. Just a subjective opinion.
> >
> >
> > I can remove the background color and borders, but im not sure it would
> be
> > any better. (suggestions welcome).
> >
> >>
> >>
> >> Overall it looks very nice, especially the download page is much better
> >> than the current one.
> >>
> >
> > Thanks!
> >
> > If you have some selling points for download sections, please share them.
> >
>
Carlo Landmeter
Details
Message ID
<CA+cSEmP5ravOy-cm+gff70DqUH98HckEFdtLFefLGHQrW20Krw@mail.gmail.com>
In-Reply-To
<CAJDAfTBjwoeeEKq1NhYWOcRKCqLoC4EVxQ9LQ6cYYvTNYEcf-g@mail.gmail.com> (view parent)
Sender timestamp
1478793545
DKIM signature
missing
Download raw message
On 10 November 2016 at 16:46, Alba Pompeo <albapompeo@gmail.com> wrote:

> Well, why you need JS in first place?
> It's for the menu? That can be done with CSS for example.
> http://www.w3schools.com/css/css_dropdowns.asp


Sorry but im asking for patches not examples, and the example you showed is
not for responsive menu's.
The reason I have chosen this approach is because purecss suggest to use
them (the design is based on purecss):

http://purecss.io/layouts/tucked-menu-vertical

Again, if you think it can be done without js, please provide us with
patches.

Thanks!

-carlo



>
>
> On Thu, Nov 10, 2016 at 1:27 PM, Carlo Landmeter <clandmeter@gmail.com>
> wrote:
> >
> >
> > On 10 November 2016 at 16:02, Alba Pompeo <albapompeo@gmail.com> wrote:
> >>
> >> PLEASE don't add JavaScript.
> >> Alpine is about small, simple and secure.
> >> JavaScript is *nothing* like that. Keep just simple html and css as it
> >> has ever been until now.
> >> Thank you.
> >>
> >
> > Thanks for your input.
> > You are welcome to send us patches to free us from the use of javascript.
> >
> > -carlo
> >
> >
> >>
> >>
> >> On Fri, Oct 28, 2016 at 8:25 AM, Carlo Landmeter <clandmeter@gmail.com>
> >> wrote:
> >> >
> >> >
> >> > On 18 October 2016 at 19:22, Jakub Jirutka <jakub@jirutka.cz> wrote:
> >> >>
> >> >> Hi Carlo!
> >> >>
> >> >> 1. Download page: The download links don’t work for me (Firefox 49).
> >> >> The
> >> >> problem probably is that they are wrapped in <button> element (<a>
> >> >> inside
> >> >> <button>), that’s not correct IMHO.
> >> >
> >> >
> >> > This should be fixed now.
> >> >
> >> >>
> >> >>
> >> >> 2. As others already wrote, navigation bars are not responsible. You
> >> >> can
> >> >> make them wrap on mobile, or collapse into “hamburger menu” (but only
> >> >> when
> >> >> screen width is less than X!).
> >> >
> >> >
> >> > Correct, if we want to use hamburger style menu's we will have to use
> >> > javascript (do we want to include js?)  like:
> >> > http://purecss.io/layouts/tucked-menu-vertical
> >> > Not sure how we would handle that with two menu's like we have now.
> >> >
> >> >>
> >> >>
> >> >> 3. Community page: Top and bottom margins around h2 titles are
> >> >> currently
> >> >> in ratio 1:1, that doesn’t look good. Top margin should be higher
> than
> >> >> bottom, ideal would be probably golden ratio or just 3:2.
> >> >
> >> >
> >> > Margins increased.
> >> >
> >> >>
> >> >>
> >> >> 4. Community page: Line height inside unordered lists (ul) is
> >> >> significantly smaller than in the rest of the text.
> >> >
> >> >
> >> > This is the default for purecss
> >> >
> >> >>
> >> >>
> >> >> 5. Home page: I don’t like these shadow boxes in Alpine News and
> Latest
> >> >> Development, but can’t describe why. Just a subjective opinion.
> >> >
> >> >
> >> > I can remove the background color and borders, but im not sure it
> would
> >> > be
> >> > any better. (suggestions welcome).
> >> >
> >> >>
> >> >>
> >> >> Overall it looks very nice, especially the download page is much
> better
> >> >> than the current one.
> >> >>
> >> >
> >> > Thanks!
> >> >
> >> > If you have some selling points for download sections, please share
> >> > them.
> >> >
> >
> >
>
>
> ---
> Unsubscribe:  alpine-devel+unsubscribe@lists.alpinelinux.org
> Help:         alpine-devel+help@lists.alpinelinux.org
> ---
>
>