Artwork contest submission: rotating logo

[tnahrf]

Title: lnahrf's Cardano artwork contest submission

Designer: lnahrf (https://forum.cardano.org/u/lnahrf/summary)

Description:
I created a WebGL (three.js) header for the contest.
My initial thought was to try and go for a design that conveys a sense of calmness and cleanliness, the same cleanliness that Cardano emits throughout a crypto universe that is filled with noise.

There isn't any special interactivity in my design because I did not want to take the user's attention off the actual website and content. The banner is just there to welcome the user to the Cardano website—nothing more, nothing less. I used a subtle gradient as a background and generated a rotating 3D Cardano logo from an SVG file. The 3D logo captures the attention of the viewer without being overwhelming or too noisy (the same as Cardano is in the crypto universe). I made sure my scene is contained within one component, is responsive for all devices, looks good in dark mode, and matches the clean design language of other headers on the Cardano.org website.

Hope you like my submission!

[katomm]

While generating preview builds for the jury please note that this submission shows only the blue background no rotating logo. In Javascript console it shows:
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (cardano-webgl.svg, line 0)
[Error] Unhandled Promise Rejection: Error: fetch for "http://localhost:8888/img/brand-assets/cardano-webgl.svg" responded with 404: Not Found
(anonymous function) (c4f5d8e4.bf3529f4.js:350:1808)

[katomm]

Quick update on this: after digging into it, problem was caused by using a different baseurl (which all the demos for the jury do), I fixed this manually in the jury demo.