[Mesa-dev] [PATCH 00/16] Move the Mesa Website to Sphinx

[Ilia Mirkin]

Not sure how much voting power I have, but I really like Erik's version at

https://codepen.io/kusma/pen/vrXppL

It uses CSS3 animation on hover, so it's pretty low impact. Some
slight cleverness could even include a fallback for a browser that
doesn't support SVG.

IMO solutions like three.js and so on are non-starters for something
as trivial as a logo. Having some mesa-demos ported using it might be
neat, but the logo should be kept simple and accessible.

  -ilia


On Mon, Jun 18, 2018 at 6:52 PM, Laura Ekstrand <laura at jlekstrand.net> wrote:
> This looks like a useful check for WebGL compatibility:
> https://threejs.org/docs/index.html#manual/introduction/WebGL-compatibility-check
>
> On Mon, Jun 18, 2018, 3:50 PM Laura Ekstrand <laura at jlekstrand.net> wrote:
>>
>> Jordan's version is awesome.  But in general most people are concerned
>> that WebGL will crash browsers.
>>
>> One idea is to look into using three.js, which is a front-end library for
>> web graphics.  It's backed by multiple frameworks including WebGL.
>>
>> On Sun, Jun 17, 2018, 9:23 PM Jordan Justen <jordan.l.justen at intel.com>
>> wrote:
>>>
>>> On 2018-06-17 17:43:37, Jason Ekstrand wrote:
>>> > On Sun, Jun 17, 2018 at 5:34 PM, Jordan Justen
>>> > <jordan.l.justen at intel.com>
>>> > wrote:
>>> >
>>> > > On 2018-06-17 16:42:13, Jason Ekstrand wrote:
>>> > > > On Sun, Jun 17, 2018 at 4:21 PM, Matt Turner <mattst88 at gmail.com>
>>> > > > wrote:
>>> > > >
>>> > > > > Also, Erik's is animated not with JavaScript at all, but just
>>> > > > > CSS.
>>> > > > > That's really cool.
>>> > > > >
>>> > > >
>>> > > > The only thing the JS does is turn the animation on and off.  The
>>> > > > actual
>>> > > > animation is pure SVG. The main reason (as I understood it) for the
>>> > > > JavaScript is to make the gears *not* turn if someone has disabled
>>> > > > JavaScript.  I'm sure people will disagree as to whether or not
>>> > > > that's a
>>> > > > feature. :-)  I'm not sure if you can get the turn-on-hover thing
>>> > > > with
>>> > > just
>>> > > > SVG and not JS though... /me doesn't know either all that well.
>>> > >
>>> > > All the JS and webgl. :)
>>> > >
>>> > > https://people.freedesktop.org/~jljusten/webgl-logo/gears.html
>>> > >
>>> > > Actually, it doesn't start webgl until you move your mouse over the
>>> > > logo. Before that it is displaying a jpg of the gears.
>>> > >
>>> >
>>> > I like how the gears smoothly spin up and slow to a stop.  Not sure
>>> > what I
>>> > think of the font.
>>>
>>> I changed the font to Roboto Slab, which I saw you mentioned earlier.
>>>
>>> -Jordan
>>> _______________________________________________
>>> mesa-dev mailing list
>>> mesa-dev at lists.freedesktop.org
>>> https://lists.freedesktop.org/mailman/listinfo/mesa-dev
>
>
> _______________________________________________
> mesa-dev mailing list
> mesa-dev at lists.freedesktop.org
> https://lists.freedesktop.org/mailman/listinfo/mesa-dev
>