feat: new website v2

[alexiscolin]

Gno Website Design V2

This PR aims to deliver a new website layout design by sync the www.gno.land repo (used for static contents on Gno main website). It adds more flexibility and (HTML/CSS) components that will be decoupled and reuse in #781 with dedicated markdown markup.
As of today, changes mainly involve Markdown and CSS files, but some Go templates have been updated (such as header menu, blogs listing...)

• New Fonts
• Navigation
• New Home page
• New Blog page
• New Event page
• New About page
• Packages pages
• Responsive navigation
• Columns (2 / 3) component
• Jumbotron component
• Accordion component
• Tabs component
• Stack component
• New dedicated GoR page
• Email form design
• CSS cleanup (variables / relative units ...)

⚠️ Note: This is a draft and the render has not been tested everywhere or in every situation yet.

[ajnavarro]

Would be great to be able to see a render somewhere.

[tbruyelle]

Would be great to be able to see a render somewhere.

You can run the website locally:

$ cd gno.land
$ go run ./cmd/gnoweb
Running on http://127.0.0.1:8888

(after having pulled this branch ofc)

[thehowl]

You can run the website locally:

Yes indeed, but for convenience I also made a small screencast of the current state of the website :)

https://drop.howl.moe/e75fb57f97-2023-05-12_11-36-10.mp4

Great work @alexiscolin !

[alexiscolin]

Here is a new preview (Desktop ver)

23-05-17_gno.land.mp4

[alexiscolin]

And the Mobile ver

23-05-17_gno.land-mob.mp4

[thehowl]

Screencast of my clicking around the new website: https://drop.howl.moe/4f1921404c-2023-06-15_19-59-54.mp4

It looks good, I have some general comments aside the code-specific ones:

1. Can we make the sun/moon icon for the theme switcher the same color as the GitHub icon in the header?
2. I see we render a <hr> we don't really use at the bottom. Can we remove it?
3. Maybe we should add some spacing on the <pre> / code blocks to make them nicer aesthetically?
4. Should we have something, when viewing a realm render, to visually distinguish the realm and path + source/help links at the top? I know they're already full-size compared to the content -- but maybe make them have a slightly darker background, in transition from the header's background?
5. I think the "Socials" section in the homepage footer has a lot of negative space on desktop. Maybe have the subscribe form on the right?

[alexiscolin]

@moul I've updated the content as we discussed yesterday. I've added two static pages "ecosystem" and "language" that follow the generic template.

I've also removed the Events and GoR contents. So I will let you push the data onchain, then I will probably need help to retrieve and display them. For the record, as I've removed these pages, you can find their display architecture in this commit.

Here is the contents:

• for Events
• for GoR

[alexiscolin]

@moul for the testnet style merge,

• I've quickly reset the main pages to keep them simple (HOME, GOR...)
• I've removed all static pages that are not necessary cause embedded intro www.gno.land repo
• I've sync the static repo style with this one

Be careful about the style render into blog article since it hasn't been fully tested with long and complex article (with all the exotic md syntax yet)

Could be great to take a look at sources and help content as well. I've checked them but maybe some exotic content I'm not aware of are hidden in the contents.