diff --git a/public/img/animations/efficient-and-sustainable.svg b/public/img/animations/efficient-and-sustainable.svg new file mode 100755 index 00000000..7e4d56cb --- /dev/null +++ b/public/img/animations/efficient-and-sustainable.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/animations/pos-security-and-distribution.svg b/public/img/animations/pos-security-and-distribution.svg new file mode 100755 index 00000000..dc890d82 --- /dev/null +++ b/public/img/animations/pos-security-and-distribution.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/animations/reliable-store-of-value.svg b/public/img/animations/reliable-store-of-value.svg new file mode 100755 index 00000000..adb2fa8f --- /dev/null +++ b/public/img/animations/reliable-store-of-value.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/animations/trustless-base-layer.svg b/public/img/animations/trustless-base-layer.svg new file mode 100755 index 00000000..0d80b185 --- /dev/null +++ b/public/img/animations/trustless-base-layer.svg @@ -0,0 +1,145 @@ + \ No newline at end of file diff --git a/public/img/animations/user-driven-governance.svg b/public/img/animations/user-driven-governance.svg new file mode 100755 index 00000000..21c72818 --- /dev/null +++ b/public/img/animations/user-driven-governance.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/logo-menu-white.svg b/public/img/logo-menu-white.svg new file mode 100644 index 00000000..a4250953 --- /dev/null +++ b/public/img/logo-menu-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Menu/Menu.jsx b/src/components/Menu/Menu.jsx index 010fe02e..98442fd1 100644 --- a/src/components/Menu/Menu.jsx +++ b/src/components/Menu/Menu.jsx @@ -1,71 +1,88 @@ -import React from 'react'; +import React, { useEffect, useState } from 'react'; import './Menu.scss'; function Menu() { + const [isFixed, setIsFixed] = useState(false); + + useEffect(() => { + let heroHeight = 100; + + window.addEventListener('scroll', () => { + if (window.scrollY > heroHeight) { + setIsFixed(true); + } else { + setIsFixed(false); + } + }); + }, []); + return ( -
+ +Peercoin (PPC) first came online in 2012, making it one of the earliest pioneering blockchains. The key innovation of Peercoin is its invention of proof-of-stake, an alternative consensus protocol to Bitcoin’s proof-of-work.
+Proof-of-work blockchains are secured by proving the consumption of a costly limited resource: electricity. Proof-of-stake replaces this expensive security protocol by utilizing an alternative scarce resource: time.
+Due to the cost efficient nature of proof-of-stake’s time based consensus rules, Peercoin is capable of allowing any network connected computer to participate in the blockchain’s security process. This efficiency strengthens Peercoin by growing the number of security providers and ensuring that security can be sustained over the long-term.
+In Peercoin, coin owners (stakeholders) are the ones who wield influence over the network, produce new blocks, and secure the chain. Stakeholders of Peercoin co-own the blockchain and collectively decide its future through protocol voting.
+Voting is carried out the same way Peercoin is secured, through a process called proof-of-stake minting. Stakeholders participate in minting simply by installing the version of Peercoin they support, loading their wallet with PPC, and holding them while they are occasionally selected by Peercoin’s protocol to mint the next block in the chain. Every minted block rewards stakeholders with new PPC and a vote.
+This makes Peercoin the first blockchain capable of allowing its protocol rules to be governed directly by its users, making for a network that is more decentralized, democratic, and easily secured by people around the world.
+Peercoin (PPC) first came online in 2012, making it one of the earliest pioneering blockchains. The key innovation of Peercoin is its invention of proof-of-stake, an alternative consensus protocol to Bitcoin’s proof-of-work.
+Proof-of-work blockchains are secured by proving the consumption of a costly limited resource: electricity. Proof-of-stake replaces this expensive security protocol by utilizing an alternative scarce resource: time.
+Due to the cost efficient nature of proof-of-stake’s time based consensus rules, Peercoin is capable of allowing any network connected computer to participate in the blockchain’s security process. This efficiency strengthens Peercoin by growing the number of security providers and ensuring that security can be sustained over the long-term.
+In Peercoin, coin owners (stakeholders) are the ones who wield influence over the network, produce new blocks, and secure the chain. Stakeholders of Peercoin co-own the blockchain and collectively decide its future through protocol voting.
+Voting is carried out the same way Peercoin is secured, through a process called proof-of-stake minting. Stakeholders participate in minting simply by installing the version of Peercoin they support, loading their wallet with PPC, and holding them while they are occasionally selected by Peercoin’s protocol to mint the next block in the chain. Every minted block rewards stakeholders with new PPC and a vote.
+This makes Peercoin the first blockchain capable of allowing its protocol rules to be governed directly by its users, making for a network that is more decentralized, democratic, and easily secured by people around the world.
+