alephium / www

4 stars 8 forks source link

V1.5 #83

Closed mvaivre closed 2 years ago

mvaivre commented 2 years ago

A deep code review isn't necessary for this one IMO. I didn't have the courage to fix ALL the typescript issues, so there are some left.

What is necessary though, is to try this on multiple browser and devices. I'll do a browserstack run on my side ;)

mvaivre commented 2 years ago

Thanks Ilias for your thorough feedback, as always! I'm still unsure about the "duplicated" technology pages, hence the absence of links so far. I'll find a way to do that elegantly (hopefully).

nop33 commented 2 years ago

I'm still unsure about the "duplicated" technology pages, hence the absence of links so far. I'll find a way to do that elegantly (hopefully).

The point of simplifying the Technology section was to reduce the total height of the homepage, correct? If we are going to skip the technology page for now, I would recommend to bring back the links that open the modals with more details about each subsection of the Technology section. At the moment, the total height of a subsection is 350px. Adding the links would increase it to 400px. That's a small difference for not needing the Technology page at the moment and yet not loosing access to the "more details" modals.

nop33 commented 2 years ago

Everything I mentioned (except the Technology page) has been fixed.

Something else I noticed is that the mobile performance has fallen by a lot (comparing www2.alephium.org with www.alephium.org)

image
mvaivre commented 2 years ago

Something else I noticed is that the mobile performance has fallen by a lot (comparing www2.alephium.org with www.alephium.org)

Certainly because of JS animations for parallax-like effects. ~Or maybe the canvas wave animation (which could def be optimised).~

EDIT1: The absence of the wave animation doesn't change a thing. I'll continue with my quick investigation to find the culprit. (PS: Note that on destkop, our perfs score is 90. But let's try to improve on mobile if possible :))

EDIT2: Removing the parallax effects bumps the mobile score to 89, and the desktop score to 99. I'll make a commit to detect on which platform the site is running, and adapt the effects accordingly.

EDIT3: The performance score is greatly impacted by entry animations & children staggering, which is actually only a "perceived" delay (time to paint is voluntarily increased), not an actual lack of performances. I'm trying to decide which approach is best for mobile, the goal being to achieve the best experience, not the best absolute score.

Achieved scores:

Desktop (with parallax on):

image

Mobile:

image
mvaivre commented 2 years ago

I would recommend to bring back the links that open the modals with more details about each subsection of the Technology section

I agree with this suggestion. As I said before, giving access to the old technology page through a "Know more" link would probably confuse users. Re-adding links to open modals make much more sense. Agreed @MaudSimon ?

We'll introduce standalone pages in the v2, when we'll have much more content to share.

MaudSimon commented 2 years ago

@mvaivre Sure :)

mvaivre commented 2 years ago

@nop33 Would you mind adding the links back? Thanks a lot! After this, we'll be ready to release 🚀

mvaivre commented 2 years ago

Pending: waiting fort some little content additions (timeline) cc/ @MaudSimon

nop33 commented 2 years ago

On Brave macOS, the transition from the second slide to the first is not smooth (no fade-out/in). This is not the case, however, when going from the first to the second.

https://user-images.githubusercontent.com/1579899/176228163-0d0edc29-3164-455a-9642-77a6816af76b.mp4

MaudSimon commented 2 years ago

Additions for the timeline:

Core Platform:

Ecosystem

VDAODAO commented 2 years ago

Dear @nop33 & @mvaivre , this is really nice!

It’s fascinating to see Alephium’s image evolve through a series of progressive graphical evolutions. Feels like an adventure! Here’s a few things I noted while looking at it.

Efficiency

Proof of Less Work

Alephium’s PoLW algorithm reduces the energy consumption compared to classical PoW by a factor of almost 90%.

It offers adaptive rewards based on hashrate & timestamp and enables internal mining cost through burning when the hashrate and energy consumption are significantly high.

The exact way in which the PoLW algorithm works depends on the parameters set.

The equilibrium between the miners and the protocol changes dynamically and cannot be determined in advance. However, given the same amount of block rewards and hashrate conditions Alephium uses ⅛ of the energy compared to Bitcoin.

The energy consumption of Bitcoin is approximately linear to the price growth, Alephium is sublinear which allows it to remain under 0.1%.

Smart contract design

Some Numbers

Capture d’écran 2022-06-29 à 16 19 18

(It would be cool in a subsequent iteration that we can click on each number and get somewhere: for the shards a « shard explorer, for the TH to the chart of evolving hashrate, etc… )

From « We're passionate and committed to outstanding quality in everything we do. We took the necessary time to transform theory into actual technologies. »

to « We're passionate in our work and committed to outstanding quality and measurable results. Here are some of our numbers. »

Ecosystem

Milestones & Roadmap

Capture d’écran 2022-06-29 à 16 29 39

Follow us

mika commented 2 years ago

@VDAODAO you hit the wrong nickname ;)

VDAODAO commented 2 years ago

@VDAODAO you hit the wrong nickname ;)

Sorry! And thanks for letting me know!

nop33 commented 2 years ago

@VDAODAO I took care of all your requested changes except:

I’m not sure the « first NFT platform to be built on Alephium » is an accurate description. Maybe « Start of… » or « Building begins on… »

and I also don't know how to replace the quarter date format in the milestones with a monthly one.

Preview of the changes: https://www2.alephium.org

VDAODAO commented 2 years ago

I’m not sure the « first NFT platform to be built on Alephium » is an accurate description. Maybe « Start of… » or « Building begins on… »

"Building begins on the first NFT platform on Alephium"

and I also don't know how to replace the quarter date format in the milestones with a monthly one.

My suggestion would be to use consistently, but it's not big deal:

March 21 November 22

or

03.21 11.22

nop33 commented 2 years ago

"Building begins on the first NFT platform on Alephium"

Done

and I also don't know how to replace the quarter date format in the milestones with a monthly one.

My suggestion would be to use consistently, but it's not big deal:

March 21 November 22

or

03.21 11.22

I personally like it the way it is now:

image
VDAODAO commented 2 years ago

I personally like it the way it is now:

Then it's fine! It was just an observation so that the decision was a conscious one :)

nop33 commented 2 years ago

What are we waiting for?

mvaivre commented 2 years ago

@VDAODAO Can we go for it, are you guys ready in terms of content etc?

VDAODAO commented 2 years ago

@VDAODAO Can we go for it, are you guys ready in terms of content etc?

YES! You're a go! We post this afternoon 2:30ish :)

https://giphy.com/clips/grinchmovie-grinch-illumination-movie-K5c3azAxtnKlAsO3Jv

@mvaivre