From 007858a0021bf99901995d8074c1842844708ba0 Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Thu, 18 Apr 2024 12:27:54 +0530
Subject: [PATCH 1/2] mobile menu header change
---
src/components/MobileMenu/MobileMenu.jsx | 89 ++++--------------------
1 file changed, 15 insertions(+), 74 deletions(-)
diff --git a/src/components/MobileMenu/MobileMenu.jsx b/src/components/MobileMenu/MobileMenu.jsx
index b7ab106..17421b2 100644
--- a/src/components/MobileMenu/MobileMenu.jsx
+++ b/src/components/MobileMenu/MobileMenu.jsx
@@ -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 (
<>
{
display={"flex"}
justifyContent={"space-between"}
alignItems={"center"}
- padding={"2rem 1rem"}
+ padding={"1rem 1rem"}
marginBottom={"4rem"}
gap={"2rem"}
sx={{
@@ -136,24 +142,13 @@ export const MobileMenu = () => {
fontWeight={"500"}
fontSize={"20px"}
>
- LEARN cdcdc
+ LEARN
-
+
Learn
{
-
+
Build
{
-
+
FinTech
AdTech
@@ -296,14 +262,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
@@ -312,14 +271,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
@@ -343,18 +295,7 @@ export const MobileMenu = () => {
-
+
Community
From 757e7c1be5c632992f1462f966b7cfb721b9a34c Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Fri, 19 Apr 2024 12:10:53 +0530
Subject: [PATCH 2/2] inner responsive
---
.../ArticleInternalFour.jsx | 101 +++++--
.../ArticleInternalOne/ArticleInternalOne.jsx | 11 +-
.../ArticleInternalSix/ArticleInternalSix.jsx | 128 ++++++---
.../ArticleInternalThree.jsx | 112 ++++++--
.../ArticleInternalTwo/ArticleInternalTwo.jsx | 261 +++++++++++++++---
.../ArticleInternalfive.jsx | 90 +++++-
src/components/MobileMenu/MobileMenu.jsx | 10 +-
src/routes/_routes.jsx | 2 +-
8 files changed, 582 insertions(+), 133 deletions(-)
diff --git a/src/components/ArticleInternalFour/ArticleInternalFour.jsx b/src/components/ArticleInternalFour/ArticleInternalFour.jsx
index 4fc5d2c..508b9bf 100644
--- a/src/components/ArticleInternalFour/ArticleInternalFour.jsx
+++ b/src/components/ArticleInternalFour/ArticleInternalFour.jsx
@@ -43,19 +43,37 @@ const ArticleInternalFour = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
- width: "100%",
+ minHeight: "inherit",
+ width: "100vw",
+ marginTop:'6rem'
},
}}
>
Securing wallet to wallet transfers across the network: Rubix solved
it differently
-
+
Business Growth January 5, 2023
@@ -83,6 +101,12 @@ const ArticleInternalFour = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
+ sx={{
+ "@media (max-width: 600px)": {
+ height: "215px",
+ width: "100%",
+ },
+ }}
>
{
flexDirection={"column"}
color="white"
position={"relative"}
+ sx={{
+ "@media (max-width: 600px)": {
+ display: "block",
+ top: "inherit",
+ },
+ }}
>
{
flexDirection={"column"}
alignItems={"center"}
gap={2}
+ sx={{
+ "@media (max-width: 600px)": {
+ bottom: "0px",
+ top: "inherit",
+ display: "block",
+ width: "100%",
+ marginBottom: "20px",
+ marginTop: "20px",
+ },
+ }}
>
- Share
+ Share
-
-
-
-
+
+
+
+
+
+ {
gap={5}
justifyContent={"start"}
color="white"
+ sx={{
+ "@media (max-width: 600px)": {
+ width: "100%",
+ },
+ }}
>
-
-
+
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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
diff --git a/src/components/ArticleInternalOne/ArticleInternalOne.jsx b/src/components/ArticleInternalOne/ArticleInternalOne.jsx
index d54528f..03fb8a3 100644
--- a/src/components/ArticleInternalOne/ArticleInternalOne.jsx
+++ b/src/components/ArticleInternalOne/ArticleInternalOne.jsx
@@ -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
-
+
Business Growth January 5, 2023
diff --git a/src/components/ArticleInternalSix/ArticleInternalSix.jsx b/src/components/ArticleInternalSix/ArticleInternalSix.jsx
index ad1a1f1..ecd9bac 100644
--- a/src/components/ArticleInternalSix/ArticleInternalSix.jsx
+++ b/src/components/ArticleInternalSix/ArticleInternalSix.jsx
@@ -43,19 +43,37 @@ const ArticleInternalSix = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
- width: "100%",
+ minHeight: "inherit",
+ width: "100vw",
+ marginTop:'6rem'
},
}}
>
Securing wallet to wallet transfers across the network: Rubix solved
it differently
-
+
Business Growth January 5, 2023
@@ -83,6 +101,12 @@ const ArticleInternalSix = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
+ sx={{
+ "@media (max-width: 600px)": {
+ height: "215px",
+ width: "100%",
+ },
+ }}
>
{
flexDirection={"column"}
color="white"
position={"relative"}
+ sx={{
+ "@media (max-width: 600px)": {
+ display: "block",
+ top: "inherit",
+ },
+ }}
>
{
flexDirection={"column"}
alignItems={"center"}
gap={2}
+ sx={{
+ "@media (max-width: 600px)": {
+ bottom: "0px",
+ top: "inherit",
+ display: "block",
+ width: "100%",
+ marginBottom: "20px",
+ marginTop: "20px",
+ },
+ }}
>
- Share
+ Share
-
-
-
-
+
+
+
+
+
+ {
gap={5}
justifyContent={"start"}
color="white"
+ sx={{
+ "@media (max-width: 600px)": {
+ width: "100%",
+ },
+ }}
>
-
+
{/* */}
-
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+ {/*
-
-
+ */}
+
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.
-
+
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.
-
+
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.
-
+ {/*
-
-
+ */}
+
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.
-
+ Phishing 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.
-
+ {/*
-
-
+ */}
+
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.
-
+
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.
-
+
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
-
+
To install RubiX node on your local click on this link
diff --git a/src/components/ArticleInternalThree/ArticleInternalThree.jsx b/src/components/ArticleInternalThree/ArticleInternalThree.jsx
index 9f7b0e0..c053f8d 100644
--- a/src/components/ArticleInternalThree/ArticleInternalThree.jsx
+++ b/src/components/ArticleInternalThree/ArticleInternalThree.jsx
@@ -42,19 +42,36 @@ const ArticleInternalThree = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
- minHeight: "50vh",
- width: "100%",
+ minHeight: "inherit",
+ width: "100vw",
+ marginTop:'6rem'
},
}}
>
Mining Rubix Tokens — What You Need To Know
-
+
Business Growth January 5, 2023
@@ -82,8 +99,14 @@ const ArticleInternalThree = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
+ sx={{
+ "@media (max-width: 600px)": {
+ height: "215px",
+ width: "100%",
+ },
+ }}
>
- {
flexDirection={"column"}
color="white"
position={"relative"}
+ sx={{
+ "@media (max-width: 600px)": {
+ display: "block",
+ top: "inherit",
+ },
+ }}
>
{
flexDirection={"column"}
alignItems={"center"}
gap={2}
+ sx={{
+ "@media (max-width: 600px)": {
+ bottom: "0px",
+ top: "inherit",
+ display: "block",
+ width: "100%",
+ marginBottom: "20px",
+ marginTop: "20px",
+ },
+ }}
>
- Share
+ Share
-
-
-
-
+
+
+
+
+
+ {
gap={5}
justifyContent={"start"}
color="white"
+ sx={{
+ "@media (max-width: 600px)": {
+ width: "100%",
+ },
+ }}
>
-
-
+
+
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.
-
+
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.
-
+
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.
-
+
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.
-
+
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.{" "}
-
+
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)
-
+
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!
-
+
Here’s what you need to know:
-
+
Mining is CPU based and does not require high end GPU devices.
-
+
Minimum requirement is 4gb ram computer with SSD.
-
+
The faster your internet connection, the more tokens you can
mine.
-
+
Very low setup cost had proven to help experienced validators to
setup clusters of nodes instead of individual nodes, in turn
helping the network
diff --git a/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx b/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx
index 26f5c54..3fbeeee 100644
--- a/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx
+++ b/src/components/ArticleInternalTwo/ArticleInternalTwo.jsx
@@ -42,17 +42,23 @@ const ArticleInternalTwo = () => {
color="white"
sx={{
"@media (max-width: 600px)": {
- width: "100%",
- minHeight: "50vh",
+ minHeight: "inherit",
+ width: "100vw",
+ marginTop: "6rem",
},
}}
>
@@ -95,6 +101,12 @@ const ArticleInternalTwo = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
+ sx={{
+ "@media (max-width: 600px)": {
+ height: "215px",
+ width: "100%",
+ },
+ }}
>
{
flexDirection={"column"}
color="white"
position={"relative"}
+ sx={{
+ "@media (max-width: 600px)": {
+ display: "block",
+ top: "inherit",
+ },
+ }}
>
{
flexDirection={"column"}
alignItems={"center"}
gap={2}
+ sx={{
+ "@media (max-width: 600px)": {
+ bottom: "0px",
+ top: "inherit",
+ display: "block",
+ width: "100%",
+ marginBottom: "20px",
+ marginTop: "20px",
+ },
+ }}
>
- Share
+
+ Share
+
-
-
-
-
+
+
+
+
+
+ {
gap={5}
justifyContent={"start"}
color="white"
+ sx={{
+ "@media (max-width: 600px)": {
+ width: "100%",
+ },
+ }}
>
-
-
+
+
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 = () => {
-
+
Introduction
-
+
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"
/>
*/}
-
+
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?
-
+
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"
/>
*/}
-
+
Following are the key benefits of the PoP consensus mechanism:
-
+
Offers High Scalability
-
+
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.
-
+
Eliminates Classic Problems
-
+
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.
-
+
Ensures High Security and Privacy
-
+
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.
-
+
Eco-friendly Tokens
-
+
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.
-
+
Market Potential for ESG
-
+
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.
-
+
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.
-
+
Blockchain in ESG: Use Cases
-
+
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.
-
+
In addition to ESG reporting, blockchain also contributes to
various industries like:
-
+
Education: for secure record-keeping of degree certificates,
-
+
Politics: to ensure tamper-proof national e-voting systems,
-
+
Transparent and Ethical Supply chains- to track the movement
of raw materials and avoid conflicts
-
+
Healthcare: for securely storing national health data
-
+
Democracy Systems: for enabling individuals’ participation in
democratic voting systems, and much more.
-
+
These were a few use-case examples demonstrating how
Blockchain can pave the way to become an enabler of ESG
protocols.
-
+
Rubix is one such energy-efficient, 100% carbon neutral
blockchain that aims to become an enabler of ESG criteria in
the blockchain space.
-
+
How does the Rubix App Platform work?
-
+
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.
-
+
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.
-
+
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 = () => {
-
+
Conclusion
-
+
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;
diff --git a/src/components/ArticleInternalfive/ArticleInternalfive.jsx b/src/components/ArticleInternalfive/ArticleInternalfive.jsx
index 01594eb..6747f1f 100644
--- a/src/components/ArticleInternalfive/ArticleInternalfive.jsx
+++ b/src/components/ArticleInternalfive/ArticleInternalfive.jsx
@@ -41,15 +41,38 @@ const ArticleInternalfive = () => {
alignItems={"center"}
flexDirection={"column"}
color="white"
+ sx={{
+ "@media (max-width: 600px)": {
+ minHeight: "inherit",
+ width: "100vw",
+ marginTop:'6rem'
+ },
+ }}
>
Enterprise blockchains on a Public Chain!
-
+
Business Growth January 5, 2023
@@ -77,6 +100,12 @@ const ArticleInternalfive = () => {
backgroundRepeat={"no-repeat"}
backgroundSize={"cover"}
position="relative"
+ sx={{
+ "@media (max-width: 600px)": {
+ height: "215px",
+ width: "100%",
+ },
+ }}
>
{
flexDirection={"column"}
color="white"
position={"relative"}
+ sx={{
+ "@media (max-width: 600px)": {
+ display: "block",
+ top: "inherit",
+ },
+ }}
>
{
flexDirection={"column"}
alignItems={"center"}
gap={2}
+ sx={{
+ "@media (max-width: 600px)": {
+ bottom: "0px",
+ top: "inherit",
+ display: "block",
+ width: "100%",
+ marginBottom: "20px",
+ marginTop: "20px",
+ },
+ }}
>
- Share
+ Share
-
-
-
-
+
+
+
+
+
+ {
gap={5}
justifyContent={"start"}
color="white"
+ sx={{
+ "@media (max-width: 600px)": {
+ width: "100%",
+ },
+ }}
>
-
+
{/* */}
-
+
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,
@@ -203,7 +271,7 @@ const ArticleInternalfive = () => {
src="https://www.rubix.net/wp-content/uploads/independent-proofchains-of-tokens.png"
/>
*/}
-
+
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
@@ -228,7 +296,7 @@ const ArticleInternalfive = () => {
src="https://www.rubix.net/wp-content/uploads/multiple-quorum-validating-transactions.png"
/>
*/}
-
+
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,
diff --git a/src/components/MobileMenu/MobileMenu.jsx b/src/components/MobileMenu/MobileMenu.jsx
index d2e7bf0..8036d07 100644
--- a/src/components/MobileMenu/MobileMenu.jsx
+++ b/src/components/MobileMenu/MobileMenu.jsx
@@ -108,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)": {},
@@ -134,7 +134,7 @@ export const MobileMenu = () => {
{/* Learn */}
-
+ {
{/* UseCases */}
-
+ {
{/* Community */}
-
+ {
{/* Wallet*/}
-
+ ,
},
- {
+ {
path: "bring-your-own-blockspace",
element: ,
},