Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-27 23:55:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix conflict merge in ArticleInternalFive

Browse Source
This commit is contained in:
rockyeverlast
2024-04-19 12:15:48 +05:30
parent edd7844f5b 757e7c1be5
commit 3e344385d5
8 changed files with 603 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/components/ArticleInternalFour/ArticleInternalFour.jsx
View File

@@ -43,19 +43,37 @@ const ArticleInternalFour = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
minHeight: "inherit",
width: "100vw",
marginTop:'6rem'
},
}}
>
<Text
textAlign={"center"}
className="rubix-text-heading-2 rubix-fw-600"
textAlign={"center"}
className="rubix-fw-600"
fontSize={"40px"}
fontFamily={"Mona Sans"}
color={"#fff"}
sx={{
"@media (max-width: 600px)": {
fontSize: "28px",
lineHeight: "45px",
padding: "0px 1rem",
},
}}
>
Securing wallet to wallet transfers across the network: Rubix solved
it differently
</Text>
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500">
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500"
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
},
}}
>
Business Growth January 5, 2023
</Text>
@@ -83,6 +101,12 @@ const ArticleInternalFour = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
sx={{
"@media (max-width: 600px)": {
height: "215px",
width: "100%",
},
}}
>
<Box
position="absolute"
@@ -106,6 +130,12 @@ const ArticleInternalFour = () => {
flexDirection={"column"}
color="white"
position={"relative"}
sx={{
"@media (max-width: 600px)": {
display: "block",
top: "inherit",
},
}}
>
<Box
position={"absolute"}
@@ -115,13 +145,39 @@ const ArticleInternalFour = () => {
flexDirection={"column"}
alignItems={"center"}
gap={2}
sx={{
"@media (max-width: 600px)": {
bottom: "0px",
top: "inherit",
display: "block",
width: "100%",
marginBottom: "20px",
marginTop: "20px",
},
}}
>
<Text className="rubix-text-xsmall">Share</Text>
<Text className="rubix-text-xsmall"
sx={{
"@media (max-width: 600px)": {
marginBottom: "15px",
},
}}
>Share</Text>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
<Text
sx={{
"@media (max-width: 600px)": {
display: "flex",
justifyContent: "space-between",
width: "60%",
},
}}
>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
</Text>
</Box>
<Box
bg="#000000"
@@ -132,14 +188,25 @@ const ArticleInternalFour = () => {
gap={5}
justifyContent={"start"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Box display={"flex"} gap={5} justifyContent={"start"}>
<Chip title="INSIGHT" />
<Chip title="BLOCKSPACE" />
</Box>
<Box pt={5} pb={5}>
<Text pb={5} fontSize="xl">
<Box pt={5} pb={5}
sx={{
"@media (max-width: 600px)": {
marginBottom: "3rem",
},
}}
>
<Text pb={5} className="rubix-text-small">
Developers have a hard time securing wallet to wallet transfers.
The blockchain is an immutable ledger that cannot be altered in
any way. The biggest challenges developer face today are:
@@ -154,7 +221,7 @@ const ArticleInternalFour = () => {
many different protocols such as Proof-of-Work, Proof-of-Stake,
Proof-of-Authority and Proof-of-Elapsed-Time.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The transactions on top of the blockchain are not the only thing
that matters. Costs and scalability are important factors for
the future of cryptocurrency. Rubix solved the problem of secure
@@ -170,7 +237,7 @@ const ArticleInternalFour = () => {
securing your coins extremely easy for people that are not tech
savvy.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Decentralised identity is at the heart of Rubix. It is our means
for establishing a secure identity for every person, business
and application that needs to be identified on the network. It
@@ -194,7 +261,7 @@ const ArticleInternalFour = () => {
PrivateShare image only during a transaction will protect your
tokens from unauthorised transaction from your wallet.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
In this post, I have explained Rubix’s solution for securing
wallet-to-wallet transfers across the network. The key feature
of this protocol is the use of token chains instead of relying
@@ -206,19 +273,19 @@ const ArticleInternalFour = () => {
and interoperability with minimal risk. This solution has the
ability to create a true peer-to-peer world.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Rubix is hosting events around the world to educate people about
their mission and to scout for contributors who are ready to
help build the future of transactions. In the following you can
find an overview of all Rubix events across the globe.
</Text>
<Text pb={5} fontSize="xl" fontWeight={600}>
<Text pb={5} className="rubix-text-small" fontWeight={600}>
Rubix is hosting events around the world to educate people about
their mission and to scout for contributors who are ready to
help build the future of transactions. In the following you can
find an overview of all Rubix events across the globe.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Who should come? Anyone who cares about decentralization and
wants to help building it. We are looking for developers and
designers who want to build a new protocol for transactions, as

11
src/components/ArticleInternalOne/ArticleInternalOne.jsx
View File

@@ -42,8 +42,9 @@ const ArticleInternalOne = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
minHeight: "40vh",
minHeight: "inherit",
width: "100vw",
marginTop:'6rem'
},
}}
>
@@ -64,7 +65,13 @@ const ArticleInternalOne = () => {
Bring your own BlockSpace
</Text>
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500">
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500"
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
},
}}
>
Business Growth January 5, 2023
</Text>

128
src/components/ArticleInternalSix/ArticleInternalSix.jsx
View File

@@ -43,19 +43,37 @@ const ArticleInternalSix = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
minHeight: "inherit",
width: "100vw",
marginTop:'6rem'
},
}}
>
<Text
textAlign={"center"}
className="rubix-text-heading-2 rubix-fw-600"
className="rubix-fw-600"
fontSize={"40px"}
fontFamily={"Mona Sans"}
color={"#fff"}
sx={{
"@media (max-width: 600px)": {
fontSize: "28px",
lineHeight: "45px",
padding: "0px 1rem",
},
}}
>
Securing wallet to wallet transfers across the network: Rubix solved
it differently
</Text>
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500">
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500"
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
},
}}
>
Business Growth January 5, 2023
</Text>
@@ -83,6 +101,12 @@ const ArticleInternalSix = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
sx={{
"@media (max-width: 600px)": {
height: "215px",
width: "100%",
},
}}
>
<Box
position="absolute"
@@ -106,6 +130,12 @@ const ArticleInternalSix = () => {
flexDirection={"column"}
color="white"
position={"relative"}
sx={{
"@media (max-width: 600px)": {
display: "block",
top: "inherit",
},
}}
>
<Box
position={"absolute"}
@@ -115,13 +145,38 @@ const ArticleInternalSix = () => {
flexDirection={"column"}
alignItems={"center"}
gap={2}
sx={{
"@media (max-width: 600px)": {
bottom: "0px",
top: "inherit",
display: "block",
width: "100%",
marginBottom: "20px",
marginTop: "20px",
},
}}
>
<Text className="rubix-text-xsmall">Share</Text>
<Text className="rubix-text-xsmall"
sx={{
"@media (max-width: 600px)": {
marginBottom: "15px",
},
}}>Share</Text>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
<Text
sx={{
"@media (max-width: 600px)": {
display: "flex",
justifyContent: "space-between",
width: "60%",
},
}}
>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
</Text>
</Box>
<Box
bg="#000000"
@@ -132,20 +187,31 @@ const ArticleInternalSix = () => {
gap={5}
justifyContent={"start"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Box display={"flex"} gap={5} justifyContent={"start"}>
<Chip title="INSIGHT" />
<Chip title="BLOCKSPACE" />
</Box>
<Box pt={5} pb={5}>
<Box pt={5} pb={5}
sx={{
"@media (max-width: 600px)": {
marginBottom: "3rem",
},
}}
>
{/* <Text pb={10} pt={5}>
<img
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/phishing-attack.png"
/>
</Text> */}
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The Multichain Technology is a platform that helps users with
setting up specific Private Blockchains that can be utilized by
the associations for monetary exchanges and other tools. A
@@ -155,14 +221,14 @@ const ArticleInternalSix = () => {
risk associated with openness through integrated management of
user permissions by providing the privacy and control required.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Multichain is built with a comprehensive set of features that
include permission management, native assets, data streams and
simple per-chain configuration. These high-end features help
enterprise applications in terms of scalability,
confidentiality, integration and compliance.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
RubiX Network provides its user multilevel security protection
over any other blockchain that is currently in the market. There
are multiple threats the current blockchain system is facing
@@ -170,14 +236,14 @@ const ArticleInternalSix = () => {
follow and also due to lack of support they provide for wallets
where users store their tokens/coins.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Multichain is built with a comprehensive set of features that
include permission management, native assets, data streams and
simple per-chain configuration. These high-end features help
enterprise applications in terms of scalability,
confidentiality, integration and compliance.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
RubiX Network provides its user multilevel security protection
over any other blockchain that is currently in the market. There
are multiple threats the current blockchain system is facing
@@ -185,7 +251,7 @@ const ArticleInternalSix = () => {
follow and also due to lack of support they provide for wallets
where users store their tokens/coins.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
RubiX avoids both of this issue by having a consensus algorithm
called Proof-of-Pledge where validators in the network have to
pledge their stake before validate and sign a transaction,
@@ -198,7 +264,7 @@ const ArticleInternalSix = () => {
competitors do thus providing an actual decentralized and
non-monopoly in validation.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The possibility of 51% attack is avoided as to perform a 51%
attack in RubiX network the number of token that the user have
to pledge will be enormous in count which causes a huge hole on
@@ -206,14 +272,14 @@ const ArticleInternalSix = () => {
very much expensive in Rubix network and is not worth for the
forged coins after the attack.
</Text>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
style={{ backgroundColor: "#fff" }}
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/attack.png"
/>
</Text>
<Text pb={5} fontSize="xl">
</Text> */}
<Text pb={5} className="rubix-text-small">
For readers who are not aware of this attack, 51% hashrate
attack Also known as the majority attack, an attack on a
blockchain network by a malicious miner who gains control of
@@ -226,7 +292,7 @@ const ArticleInternalSix = () => {
cash.To engage in double spending, the attacker will deposit
coins on an exchange and into a personal wallet.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Once the exchange is accepted the deposited coin, the attacker
will launder them for any cryptocurrency, which they then
withdraw to personal wallet, the attacker continues this until
@@ -237,7 +303,7 @@ const ArticleInternalSix = () => {
networks that require miners to compute complex mathematical
calculations to confirm transactions and to secure the network.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
It’s quite hard to conduct 51% attack as the computation is
required to acquire more than 50% of the network which is quite
an impossible task, but we have seen it worked on bigger altcoin
@@ -258,14 +324,14 @@ const ArticleInternalSix = () => {
mining network is not distributed enough to fend off future 51
percent attacks.
</Text>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
style={{ backgroundColor: "#fff" }}
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/hacking-51-percent.png"
/>
</Text>
<Text pb={5} fontSize="xl">
</Text> */}
<Text pb={5} className="rubix-text-small">
Bitcoin Gold was also attacked which allowed a malicious miner
to disappear with $18.6 million. After the attacker managed to
gain over 50 percent of BTG’s hashrate, they sent coins to an
@@ -294,7 +360,7 @@ const ArticleInternalSix = () => {
December 2019, Expanse (EXP) and litecoin(LCC) too faced the
same attack in July 2019.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
<b>Phishing</b> is another major threat we see in blockchain or
any coins itself, almost everyone will be familiar with the term
of phishing and there wouldn’t be anyone who hasn’t ever got any
@@ -307,14 +373,14 @@ const ArticleInternalSix = () => {
is then used to access important accounts and can result in
identity theft and financial loss.
</Text>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
style={{ backgroundColor: "#fff" }}
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/phishing-attack-2.png"
/>
</Text>
<Text pb={5} fontSize="xl">
</Text> */}
<Text pb={5} className="rubix-text-small">
80% of phishing attacks on crypto are based on wallet mimic one
such example is that of Iota cryptocurrency where victims lost
$4 million in a phishing scam that lasted several months. The
@@ -328,7 +394,7 @@ const ArticleInternalSix = () => {
using the information previously stolen, the attacker
transferred all funds from the victims’ wallets.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Unlike other networks RubiX has its own wallet which any user
can setup in their machine and the whole code is available as
open-source so that anyone can update and increase the level of
@@ -338,12 +404,12 @@ const ArticleInternalSix = () => {
wallet or add support to existing wallet just by following
provided API in their github repo.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Sounds interesting right? To know more about the project and
want to be part of the network, here is the link to their
offical github repo
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
To install RubiX node on your local click on this link
</Text>
</Box>

112
src/components/ArticleInternalThree/ArticleInternalThree.jsx
View File

@@ -42,19 +42,36 @@ const ArticleInternalThree = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
minHeight: "50vh",
width: "100%",
minHeight: "inherit",
width: "100vw",
marginTop:'6rem'
},
}}
>
<Text
textAlign={"center"}
className="rubix-text-heading-2 rubix-fw-600"
className="rubix-fw-600"
fontSize={"40px"}
fontFamily={"Mona Sans"}
color={"#fff"}
sx={{
"@media (max-width: 600px)": {
fontSize: "28px",
lineHeight: "45px",
padding: "0px 1rem",
},
}}
>
Mining Rubix Tokens — What You Need To Know
</Text>
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500">
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500"
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
},
}}
>
Business Growth January 5, 2023
</Text>
@@ -82,8 +99,14 @@ const ArticleInternalThree = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
sx={{
"@media (max-width: 600px)": {
height: "215px",
width: "100%",
},
}}
>
<Box
<Box
position="absolute"
top={0}
left={0}
@@ -105,6 +128,12 @@ const ArticleInternalThree = () => {
flexDirection={"column"}
color="white"
position={"relative"}
sx={{
"@media (max-width: 600px)": {
display: "block",
top: "inherit",
},
}}
>
<Box
position={"absolute"}
@@ -114,13 +143,39 @@ const ArticleInternalThree = () => {
flexDirection={"column"}
alignItems={"center"}
gap={2}
sx={{
"@media (max-width: 600px)": {
bottom: "0px",
top: "inherit",
display: "block",
width: "100%",
marginBottom: "20px",
marginTop: "20px",
},
}}
>
<Text className="rubix-text-xsmall">Share</Text>
<Text className="rubix-text-xsmall"
sx={{
"@media (max-width: 600px)": {
marginBottom: "15px",
},
}}
>Share</Text>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
<Text
sx={{
"@media (max-width: 600px)": {
display: "flex",
justifyContent: "space-between",
width: "60%",
},
}}
>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
</Text>
</Box>
<Box
bg="#000000"
@@ -131,34 +186,45 @@ const ArticleInternalThree = () => {
gap={5}
justifyContent={"start"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Box display={"flex"} gap={5} justifyContent={"start"}>
<Chip title="INSIGHT" />
<Chip title="BLOCKSPACE" />
</Box>
<Box pt={5} pb={5}>
<Text pb={5} fontSize="xl">
<Box pt={5} pb={5}
sx={{
"@media (max-width: 600px)": {
marginBottom: "3rem",
},
}}
>
<Text pb={5} className="rubix-text-small">
To mine Rubix Tokens, you must first download the blockchain
software and run it on your computer or in the cloud VM. You’ll
need to provide a createDID.png image during Decentralized
Identity (DID) setup, this will create a public address where
you’d like to receive your tokens.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The next step is to check the Rubix folder created in the
applications folder or program files based on your OS. Keeping
your node alive will start the mining process and you should see
the miner’s output appearing in your terminal window when a
transaction is being validated by your node.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The node can take a while before you can mine your first token;
The good news is that once it finishes syncing, you can leave
your computer running and mining away — you can have your
terminal window running 24/7 in the background.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Mining is based on the credits you earn for validating
transactions in the network. You earn credits for every
transaction you validate. Credits are awarded for validating,
@@ -166,19 +232,19 @@ const ArticleInternalThree = () => {
using Rubix tokens are recorded on the blockchain and are
publicly available.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The first step to mining Rubix tokens is to determine the level
at which they are being mined. The network has been segmented
into multiple levels. Each level requires a different amount of
credits to mine a single token. Refer whitepaper for more info.{" "}
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
When a validator calls /mine endpoint in the node, node
communicates with one of the oracle (advisory service which
keeps info of other nodes, level, credits required to mine a
token for the current level, token number etc)
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Mining Rubix Tokens (RBT) is one of the most promising
investment opportunities of the year. Potential for mining is
high given the rates at which apps are being built on top of
@@ -186,24 +252,24 @@ const ArticleInternalThree = () => {
difficult, but it’s easier than you think. If you have a decent
computer, you can start mining Rubix Tokens right away!
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Here’s what you need to know:
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Mining is CPU based and does not require high end GPU devices.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Minimum requirement is 4gb ram computer with SSD.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The faster your internet connection, the more tokens you can
mine.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Very low setup cost had proven to help experienced validators to
setup clusters of nodes instead of individual nodes, in turn
helping the network

261
src/components/ArticleInternalTwo/ArticleInternalTwo.jsx
View File

@@ -42,17 +42,23 @@ const ArticleInternalTwo = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
minHeight: "50vh",
minHeight: "inherit",
width: "100vw",
marginTop: "6rem",
},
}}
>
<Text
textAlign={"center"}
className="rubix-text-heading-2 rubix-fw-600"
className="rubix-fw-600"
fontSize={"40px"}
fontFamily={"Mona Sans"}
color={"#fff"}
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
fontSize: "28px",
lineHeight: "45px",
padding: "0px 1rem",
},
}}
>
@@ -95,6 +101,12 @@ const ArticleInternalTwo = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
sx={{
"@media (max-width: 600px)": {
height: "215px",
width: "100%",
},
}}
>
<Box
position="absolute"
@@ -118,6 +130,12 @@ const ArticleInternalTwo = () => {
flexDirection={"column"}
color="white"
position={"relative"}
sx={{
"@media (max-width: 600px)": {
display: "block",
top: "inherit",
},
}}
>
<Box
position={"absolute"}
@@ -127,13 +145,42 @@ const ArticleInternalTwo = () => {
flexDirection={"column"}
alignItems={"center"}
gap={2}
sx={{
"@media (max-width: 600px)": {
bottom: "0px",
top: "inherit",
display: "block",
width: "100%",
marginBottom: "20px",
marginTop: "20px",
},
}}
>
<Text className="rubix-text-xsmall">Share</Text>
<Text
className="rubix-text-xsmall"
sx={{
"@media (max-width: 600px)": {
marginBottom: "15px",
},
}}
>
Share
</Text>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
<Text
sx={{
"@media (max-width: 600px)": {
display: "flex",
justifyContent: "space-between",
width: "60%",
},
}}
>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
</Text>
</Box>
<Box
bg="#000000"
@@ -144,14 +191,35 @@ const ArticleInternalTwo = () => {
gap={5}
justifyContent={"start"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Box display={"flex"} gap={5} justifyContent={"start"}>
<Chip title="INSIGHT" />
<Chip title="BLOCKSPACE" />
</Box>
<Box pt={5} pb={5}>
<Text pb={5} fontSize="xl">
<Box
pt={5}
pb={5}
sx={{
"@media (max-width: 600px)": {
paddingBottom: "0px",
},
}}
>
<Text
pb={5}
className="rubix-text-small"
sx={{
"@media (max-width: 600px)": {
paddingBottom: "0px",
},
}}
>
Rubix is a Web 3.0-enabled, immutable, truly decentralized
blockchain solution, using a Proof-chain Protocol that can scale
with Asynchronous Parallelism and support real-world
@@ -172,10 +240,20 @@ const ArticleInternalTwo = () => {
</Box>
<Box pt={5}>
<Text mb={5} className="rubix-fw-700" fontSize="5xl">
<Text
mb={5}
className="rubix-fw-700"
fontSize="3xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "22px",
fontWeight: "500",
},
}}
>
Introduction
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The immutable blockchain technology has emerged as one of the
most captivating technological innovations of the past decade,
which has found widespread utility across multiple sectors like
@@ -196,7 +274,7 @@ const ArticleInternalTwo = () => {
src="https://www.rubix.net/wp-content/uploads/bitcoin-intro.webp"
/>
</Text> */}
<Text fontSize="xl">
<Text className="rubix-text-small">
At present, Bitcoin is using approximately 177.43 TWh of
electricity, while Ethereum’s consumption lies at about 79.69
TWh annually. Their mining processes also generate carbon
@@ -212,10 +290,16 @@ const ArticleInternalTwo = () => {
style={{ marginBottom: 6 }}
className="rubix-fw-700"
fontSize="3xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
What makes Rubix suitable for ESG Applications?
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
The Rubix Network has become a pioneer of sustainable
blockchains by developing and deploying the Proof-of-Pledge
(PoP) consensus mechanism. This proprietary mechanism makes
@@ -228,13 +312,23 @@ const ArticleInternalTwo = () => {
src="https://www.rubix.net/wp-content/uploads/pop-consensus.webp"
/>
</Text> */}
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Following are the key benefits of the PoP consensus mechanism:
</Text>
<Text mb={3} className="rubix-fw-500" fontSize="2xl">
<Text
mb={3}
className="rubix-fw-500"
fontSize="2xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Offers High Scalability
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Rubix’s Parallel on-chain architecture allows millions of
transactions to be performed simultaneously on millions of
lightweight nodes. Every node can perform over four transactions
@@ -247,10 +341,20 @@ const ArticleInternalTwo = () => {
Ethereum that use the Proof-of-Work and Proof-of-Stake
mechanism, respectively, requiring high energy consumption.
</Text>
<Text mb={3} className="rubix-fw-500" fontSize="2xl">
<Text
mb={3}
className="rubix-fw-500"
fontSize="2xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Eliminates Classic Problems
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
The PoP consensus mechanism eradicates common blockchain
problems like double-spending, gas fees, latency issues, or
network congestion. In the case of Rubix, every laptop/device is
@@ -261,10 +365,20 @@ const ArticleInternalTwo = () => {
transaction processing speed avoids any energy wastage, thereby
ensuring the sustainability of the entire network.
</Text>
<Text mb={3} className="rubix-fw-500" fontSize="2xl">
<Text
mb={3}
className="rubix-fw-500"
fontSize="2xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Ensures High Security and Privacy
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Rubix uses a patented ‘Non-Linear Secret Sharing’ Cryptography,
which is a million times more secure than the ECDSA 256 used by
Bitcoin or Ethereum. Additionally, the on-chain customizable
@@ -273,10 +387,20 @@ const ArticleInternalTwo = () => {
ensuring zero carbon footprints. Overall, it offers higher
security than any other competitive blockchain network.
</Text>
<Text mb={3} className="rubix-fw-500" fontSize="2xl">
<Text
mb={3}
className="rubix-fw-500"
fontSize="2xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Eco-friendly Tokens
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
The unique Proof-of-Pledge mechanism also ensures that 100% of
Rubix tokens are eco-friendly and created for the purpose of
mining only, not monetization. These tokens are designed in a
@@ -285,10 +409,20 @@ const ArticleInternalTwo = () => {
deflationary, and thus, sustainable in the long run.
</Text>
<Box pt={5} pb={5}>
<Text mb={4} className="rubix-fw-500" fontSize="4xl">
<Text
mb={4}
className="rubix-fw-500"
fontSize="4xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Market Potential for ESG
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
In light of recent events concerning climate change and
increased carbon footprints, the concept of environmental
stewardship is gaining greater significance. Investors,
@@ -301,7 +435,7 @@ const ArticleInternalTwo = () => {
Governance) criteria, which is underway to become standardized
and mandatory.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
The Securities Exchange Commission is soon expected to publish
an ESG compliance manual. According to Bloomberg, by 2025, the
total ESG assets may hit $53 trillion, one-third of the global
@@ -310,10 +444,20 @@ const ArticleInternalTwo = () => {
the crowd. These trends suggest that sustainability will be at
the forefront of any company’s fundamental analysis.
</Text>
<Text mb={4} className="rubix-fw-500" fontSize="4xl">
<Text
mb={4}
className="rubix-fw-500"
fontSize="4xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Blockchain in ESG: Use Cases
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
With increasing focus on the concept of the environmental and
social impact of business operations, the various stakeholders
closely watch how their company is striving to create
@@ -327,47 +471,57 @@ const ArticleInternalTwo = () => {
credits, and much more, thereby bringing transparency and
increased accountability in ESG reporting.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
In addition to ESG reporting, blockchain also contributes to
various industries like:
</Text>
</Box>
<Box pt={5} pb={5}>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Education: for secure record-keeping of degree certificates,
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Politics: to ensure tamper-proof national e-voting systems,
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Transparent and Ethical Supply chains- to track the movement
of raw materials and avoid conflicts
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Healthcare: for securely storing national health data
</Text>
</Box>
<Box pt={5} pb={5}>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Democracy Systems: for enabling individuals’ participation in
democratic voting systems, and much more.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
These were a few use-case examples demonstrating how
Blockchain can pave the way to become an enabler of ESG
protocols.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Rubix is one such energy-efficient, 100% carbon neutral
blockchain that aims to become an enabler of ESG criteria in
the blockchain space.
</Text>
</Box>
<Box pt={5} pb={5}>
<Text mb={4} className="rubix-fw-500" fontSize="4xl">
<Text
mb={4}
className="rubix-fw-500"
fontSize="4xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
How does the Rubix App Platform work?
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
As against the sequential transaction architecture used by
Bitcoin or Ethereum, Rubix processes transactions in an
asynchronous parallel way. Every transaction gets verified and
@@ -378,7 +532,7 @@ const ArticleInternalTwo = () => {
mining protocol makes Rubix eco-friendly and free of carbon
emissions.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Rubix is built to enable decentralized applications that in
turn power real-world applications. The platform is set to
transform the data-storage and other industries by offering
@@ -390,7 +544,7 @@ const ArticleInternalTwo = () => {
Finance (DeFi) by offering sustainable and energy-efficient
solutions, unlike its competitors.
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
Therefore, Rubix is a far-sighted blockchain platform that is
better than its competitors in every aspect. To further
penetrate the ESG space, Rubix has established a strategic
@@ -404,10 +558,20 @@ const ArticleInternalTwo = () => {
</Text>
</Box>
<Box pt={5} pb={5}>
<Text mb={4} className="rubix-fw-500" fontSize="4xl">
<Text
mb={4}
className="rubix-fw-500"
fontSize="4xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "20px",
fontWeight: "500",
},
}}
>
Conclusion
</Text>
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-fw-500">
By the end of 2022, Rubix looks forward to enabling more than
100 applications and, over time, emerge as the largest
platform with millions of validators & transactions. The
@@ -435,6 +599,17 @@ const ArticleInternalTwo = () => {
borderLeft: "3px solid #DE858E",
zIndex: "2",
height: "30px",
"@media (max-width: 600px)": {
left: "-12px",
height: "42px",
},
}}
sx={{
"@media (max-width: 600px)": {
fontSize: "14px",
fontWeight: "500",
marginBottom: "3rem",
},
}}
>
This article is published on behalf of Rajkumar Kotha @ Rubix;

106
src/components/ArticleInternalfive/ArticleInternalfive.jsx
View File

@@ -42,25 +42,39 @@ const ArticleInternalfive = () => {
flexDirection={"column"}
color="white"
sx={{
"@media (max-width: 1024px)": {},
"@media (max-width: 820px)": {
minHeight: "40vh",
},
"@media (max-width: 435px)": {
// minHeight: "50vh",
// fontSize: "36px",
// width: "100%",
"@media (max-width: 600px)": {
minHeight: "inherit",
width: "100vw",
marginTop: "6rem",
},
}}
>
<Text
textAlign={"center"}
className="rubix-text-heading-2 rubix-fw-600"
className="rubix-fw-600"
fontSize={"40px"}
fontFamily={"Mona Sans"}
color={"#fff"}
sx={{
"@media (max-width: 600px)": {
fontSize: "28px",
lineHeight: "45px",
padding: "0px 1rem",
},
}}
>
Enterprise blockchains on a Public Chain!
</Text>
<Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500">
<Text
textAlign={"center"}
className="rubix-text-xsmall rubix-fw-500"
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
},
}}
>
Business Growth January 5, 2023
</Text>
@@ -88,6 +102,12 @@ const ArticleInternalfive = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
sx={{
"@media (max-width: 600px)": {
height: "215px",
width: "100%",
},
}}
>
<Box
position="absolute"
@@ -111,6 +131,12 @@ const ArticleInternalfive = () => {
flexDirection={"column"}
color="white"
position={"relative"}
sx={{
"@media (max-width: 600px)": {
display: "block",
top: "inherit",
},
}}
>
<Box
position={"absolute"}
@@ -120,13 +146,42 @@ const ArticleInternalfive = () => {
flexDirection={"column"}
alignItems={"center"}
gap={2}
sx={{
"@media (max-width: 600px)": {
bottom: "0px",
top: "inherit",
display: "block",
width: "100%",
marginBottom: "20px",
marginTop: "20px",
},
}}
>
<Text className="rubix-text-xsmall">Share</Text>
<Text
className="rubix-text-xsmall"
sx={{
"@media (max-width: 600px)": {
marginBottom: "15px",
},
}}
>
Share
</Text>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
<Text
sx={{
"@media (max-width: 600px)": {
display: "flex",
justifyContent: "space-between",
width: "60%",
},
}}
>
<Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
<Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
</Text>
</Box>
<Box
bg="#000000"
@@ -137,20 +192,33 @@ const ArticleInternalfive = () => {
gap={5}
justifyContent={"start"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Box display={"flex"} gap={5} justifyContent={"start"}>
<Chip title="INSIGHT" />
<Chip title="BLOCKSPACE" />
</Box>
<Box pt={5} pb={5}>
<Box
pt={5}
pb={5}
sx={{
"@media (max-width: 600px)": {
marginBottom: "3rem",
},
}}
>
{/* <Text pb={10} pt={5}>
<img
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/blockchain.webp"
/>
</Text> */}
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Web3 transformation is beginning to accelerate at an exponential
rate. Enterprises & app developers alike are keenly looking for
ways to migrate to Web3 protocols. Web3 is highly disruptive,
@@ -214,7 +282,7 @@ const ArticleInternalfive = () => {
src="https://www.rubix.net/wp-content/uploads/independent-proofchains-of-tokens.png"
/>
</Text> */}
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Rubix ProofChain is the chain of all transactions that are bound
by the user token called utility token (RBT). All ProofChains
with tokens committed in the genesis node were originated by the
@@ -239,7 +307,7 @@ const ArticleInternalfive = () => {
src="https://www.rubix.net/wp-content/uploads/multiple-quorum-validating-transactions.png"
/>
</Text> */}
<Text pb={5} fontSize="xl">
<Text pb={5} className="rubix-text-small">
Another major advantage of the Rubix Chain is that even though
it is a public chain, the level of decentralization that the
network provides is flexible and customisable. Ideally,

95
src/components/MobileMenu/MobileMenu.jsx
View File

@@ -48,6 +48,12 @@ export const MobileMenu = () => {
padding: "15px 0",
};
const innerLink = {
color: location.pathname === "/LearnPage" ? "rgb(222, 133, 142)" : "#fff",
display: "block",
padding: "15px 0",
};
return (
<>
<Box
@@ -102,7 +108,7 @@ export const MobileMenu = () => {
justifyContent={"space-between"}
alignItems={"center"}
padding={"2rem 1rem"}
marginBottom={"2rem"}
marginBottom={"1rem"}
gap={"2rem"}
sx={{
"@media (max-width: 1024px)": {},
@@ -128,7 +134,7 @@ export const MobileMenu = () => {
<Accordion allowToggle>
{/* Learn */}
<AccordionItem borderTop={"none"} padding={"2rem 1rem"}>
<AccordionItem borderTop={"none"} padding={"1rem 1rem"}>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
<Text
@@ -143,18 +149,7 @@ export const MobileMenu = () => {
<AccordionIcon color={"#fff"} fontSize={"28px"} />
</AccordionButton>
<AccordionPanel pb={4}>
<Link
to="/LearnPage"
style={{
color:
location.pathname === "/LearnPage"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
onClick={handleClick}
>
<Link to="/LearnPage" style={innerLink} onClick={handleClick}>
Learn
</Link>
<Link
@@ -203,18 +198,7 @@ export const MobileMenu = () => {
<AccordionIcon color={"#fff"} fontSize={"28px"} />
</AccordionButton>
<AccordionPanel pb={4}>
<Link
to="/BuildPage"
style={{
color:
location.pathname === "/BuildPage"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
onClick={handleClick}
>
<Link to="/BuildPage" style={innerLink} onClick={handleClick}>
Build
</Link>
<Link
@@ -248,7 +232,7 @@ export const MobileMenu = () => {
</AccordionItem>
{/* UseCases */}
<AccordionItem padding={"2rem 1rem"}>
<AccordionItem padding={"1rem 1rem"}>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
<Text
@@ -263,32 +247,14 @@ export const MobileMenu = () => {
<AccordionIcon color={"#fff"} fontSize={"28px"} />
</AccordionButton>
<AccordionPanel pb={4}>
<Link
to="/fin-tech"
style={{
color:
location.pathname === "/fin-tech"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
onClick={handleClick}
>
<Link to="/fin-tech" style={innerLink} onClick={handleClick}>
FinTech
</Link>
<Link
to="/ad-tech"
// target="_blank"
// rel="noopener noreferrer"
style={{
color:
location.pathname === "/ad-tech"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
style={innerLink}
onClick={handleClick}
>
AdTech
@@ -297,14 +263,7 @@ export const MobileMenu = () => {
to="/mar-tech"
// target="_blank"
// rel="noopener noreferrer"
style={{
color:
location.pathname === "/mar-tech"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
style={innerLink}
onClick={handleClick}
>
MarTech
@@ -313,14 +272,7 @@ export const MobileMenu = () => {
to="/health-tech"
// target="_blank"
// rel="noopener noreferrer"
style={{
color:
location.pathname === "/health-tech"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
style={innerLink}
onClick={handleClick}
>
HealthTech
@@ -329,7 +281,7 @@ export const MobileMenu = () => {
</AccordionItem>
{/* Community */}
<AccordionItem padding={"2rem 1rem"}>
<AccordionItem padding={"1rem 1rem"}>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
<Text
@@ -344,25 +296,14 @@ export const MobileMenu = () => {
<AccordionIcon color={"#fff"} fontSize={"28px"} />
</AccordionButton>
<AccordionPanel pb={4}>
<Link
to="/community"
style={{
color:
location.pathname === "/community"
? "rgb(222, 133, 142)"
: "#fff",
display: "block",
padding: "15px 0",
}}
onClick={handleClick}
>
<Link to="/community" style={innerLink} onClick={handleClick}>
Community
</Link>
</AccordionPanel>
</AccordionItem>
{/* Wallet*/}
<AccordionItem padding={"2rem 1rem"}>
<AccordionItem padding={"1rem 1rem"}>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
<Text

2
src/routes/_routes.jsx
View File

@@ -46,7 +46,7 @@ export const route = [
element: <Community />,
},
{
{
path: "bring-your-own-blockspace",
element: <ArticleInternalOne />,
},