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

mobile responsive updates and bugs fixes

Browse Source
This commit is contained in:
rockyeverlast
2024-04-17 20:31:26 +05:30
parent 4c8da90f4a
commit 21c6c9b3d2
11 changed files with 145 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -41,6 +41,11 @@ const ArticleInternalFour = () => {
alignItems={"center"}
flexDirection={"column"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Text
textAlign={"center"}
@@ -264,7 +269,6 @@ const ArticleInternalFour = () => {
</Box>
</Box>
</Box>
</>
);
};

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

@@ -328,16 +328,16 @@ const ArticleInternalOne = () => {
the enhanced BlockSpace. Bots have caused significant issues to
the Solana network, leading to multiple stoppages. When costs of
transaction is lowered in networks like Solana, bots tend to
spam the network aggressively. So efforts to scale monolithic L1
chains could cause network security & reliability issues.
spam the network aggressively. So efforts to scale monolithi c
L1 chains could cause network security & reliability issues.
</Text>
</Box>
<Text pb={10} pt={5}>
<img
{/* <Text pb={10} pt={5}>
<Image
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/ethereum-with-limited-blockspace.webp "
src="https://www.rubix.net/wp-content/uploads/ethereum-with-limited-blockspace.webp"
/>
</Text>
</Text> */}
<Box
pt={5}
pb={5}

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

@@ -41,6 +41,11 @@ const ArticleInternalSix = () => {
alignItems={"center"}
flexDirection={"column"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Text
textAlign={"center"}
@@ -134,12 +139,12 @@ const ArticleInternalSix = () => {
</Box>
<Box pt={5} pb={5}>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/phishing-attack.png"
/>
</Text>
</Text> */}
<Text pb={5} fontSize="xl">
The Multichain Technology is a platform that helps users with
setting up specific Private Blockchains that can be utilized by
@@ -345,7 +350,6 @@ const ArticleInternalSix = () => {
</Box>
</Box>
</Box>
</>
);
};

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

@@ -40,6 +40,12 @@ const ArticleInternalThree = () => {
alignItems={"center"}
flexDirection={"column"}
color="white"
sx={{
"@media (max-width: 600px)": {
minHeight: "50vh",
width: "100%",
},
}}
>
<Text
textAlign={"center"}
@@ -243,7 +249,6 @@ const ArticleInternalThree = () => {
</Box>
</Box>
</Box>
</>
);
};

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

@@ -40,15 +40,34 @@ const ArticleInternalTwo = () => {
alignItems={"center"}
flexDirection={"column"}
color="white"
sx={{
"@media (max-width: 600px)": {
width: "100%",
minHeight: "50vh",
},
}}
>
<Text
textAlign={"center"}
className="rubix-text-heading-2 rubix-fw-600"
sx={{
"@media (max-width: 600px)": {
fontSize: "35px",
},
}}
>
Rubix: The Sustainable Blockchain Solution — a Green Initiative
</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>
@@ -171,12 +190,12 @@ const ArticleInternalTwo = () => {
electricity depending on the consensus algorithm used to mine it
for trading or spending.
</Text>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/bitcoin-intro.webp"
/>
</Text>
</Text> */}
<Text fontSize="xl">
At present, Bitcoin is using approximately 177.43 TWh of
electricity, while Ethereum’s consumption lies at about 79.69
@@ -203,12 +222,12 @@ const ArticleInternalTwo = () => {
Rubix the first-ever enterprise-level Zero Carbon Footprint
blockchain alternative.
</Text>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/pop-consensus.webp"
/>
</Text>
</Text> */}
<Text pb={5} fontSize="xl">
Following are the key benefits of the PoP consensus mechanism:
</Text>
@@ -426,7 +445,6 @@ const ArticleInternalTwo = () => {
</Box>
</Box>
</Box>
</>
);
};

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

@@ -133,12 +133,12 @@ const ArticleInternalfive = () => {
</Box>
<Box pt={5} pb={5}>
<Text pb={10} pt={5}>
{/* <Text pb={10} pt={5}>
<img
width={"100%"}
src="https://www.rubix.net/wp-content/uploads/blockchain.webp"
/>
</Text>
</Text> */}
<Text pb={5} fontSize="xl">
Web3 transformation is beginning to accelerate at an exponential
rate. Enterprises & app developers alike are keenly looking for
@@ -196,13 +196,13 @@ const ArticleInternalfive = () => {
good documentation. The entire network can be up & running in
hours, not days.
</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/independent-proofchains-of-tokens.png"
/>
</Text>
</Text> */}
<Text pb={5} fontSize="xl">
Rubix ProofChain is the chain of all transactions that are bound
by the user token called utility token (RBT). All ProofChains
@@ -221,13 +221,13 @@ const ArticleInternalfive = () => {
sync to represent one global state without the explicit need for
3rd party nodes or oracles.
</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/multiple-quorum-validating-transactions.png"
/>
</Text>
</Text> */}
<Text pb={5} fontSize="xl">
Another major advantage of the Rubix Chain is that even though
it is a public chain, the level of decentralization that the
@@ -295,7 +295,6 @@ const ArticleInternalfive = () => {
</Box>
</Box>
</Box>
</>
);
};

5
src/components/Card/MobileHomeCard.jsx
View File

@@ -47,11 +47,12 @@ const MobileHomeCard = ({ key, date, text, link }) => {
fontWeight={"400"}
borderRadius={"20px"}
padding={"3px 16px"}
marginBottom={"20px"}
>
INSIGHT
</Badge>
<Text
{/* <Text
fontSize={"12px"}
color={"#979797"}
margin={"25px 0px"}
@@ -62,7 +63,7 @@ const MobileHomeCard = ({ key, date, text, link }) => {
}}
>
{date}
</Text>
</Text> */}
<Text
color={"#fff"}
fontSize={"16px"}

52
src/components/MobileComponent/MobileCommunityCard.jsx
View File

@@ -18,6 +18,7 @@ import imgeleven from "../../assets/images/Component127.png";
import linkedin from "../../assets/images/linkedin.png";
import games from "../../assets/images/discot.png";
import { Pagination, Navigation } from "swiper/modules";
import { Link } from "react-router-dom";
const individuals = [
{
@@ -27,6 +28,7 @@ const individuals = [
description:
"A visionary poised to deliver trustless, secure internet and passwordless cyber security",
imageUrl: imgOne,
link: `https://www.linkedin.com/in/kc-reddy-767a3463/`,
},
{
location: "india",
@@ -35,6 +37,7 @@ const individuals = [
description:
"Global business leader with a technology orientation and a vision to drive economic value.",
imageUrl: imgtwo,
link: `https://www.linkedin.com/in/ravi-srinivasa-murty-7a46041/`,
},
{
location: "india",
@@ -43,14 +46,16 @@ const individuals = [
description:
"Deeply passionate about Cryptography, Zero Knowledge Proofs, and Number Theory.",
imageUrl: imgthree,
link: `https://www.linkedin.com/in/hari-krishnan-1691b6120/`,
},
{
location: "india",
name: "Eser Torun, CFA",
jobTitle: "Chief Growth Officer",
jobTitle: "Head of Technology",
description:
"Expert at balancing risk-taking with sound business judgment in decision-making.",
imageUrl: imgten,
link: `https://www.linkedin.com/in/eser-torun-cfa?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app`,
},
{
location: "india",
@@ -59,6 +64,7 @@ const individuals = [
description:
"A proactive Web3 enthusiast ensuring the security and scalability of our 51.4M proofchains.",
imageUrl: imgfour,
link: `https://www.linkedin.com/in/gokul-p-s-3a8445130/`,
},
{
location: "india",
@@ -67,6 +73,7 @@ const individuals = [
description:
"A motivated and responsible B tech Graduate, with a strong work ethic.",
imageUrl: imgfive,
link: `https://www.linkedin.com/in/allen-iype-p-cherian/`,
},
{
location: "india",
@@ -75,6 +82,7 @@ const individuals = [
description:
"Developed revolutionary PoP protocol, P2P data transfer and transaction processing functions.",
imageUrl: imgsix,
link: `https://www.linkedin.com/in/nidhinmahesh/`,
},
{
location: "india",
@@ -83,6 +91,7 @@ const individuals = [
description:
"Master at handling complex tasks and gives 100% effort all the time.",
imageUrl: imgeleven,
link: `https://www.linkedin.com/in/arnabghose997?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app`,
},
{
location: "india",
@@ -91,6 +100,7 @@ const individuals = [
description:
"Enthusiastic blockchain developer who pushes herself every day to excel at work.",
imageUrl: imgseven,
link: `https://www.linkedin.com/in/ashita-gupta-5a0827167/`,
},
{
location: "india",
@@ -99,6 +109,7 @@ const individuals = [
description:
"A very humble and talented Golang developer and mechatronics and blockchain engineer",
imageUrl: imgeight,
link: `https://www.linkedin.com/in/vaishnav-c-h-134053221/`,
},
{
location: "india",
@@ -107,6 +118,7 @@ const individuals = [
description:
"A highly keen blockchain engineer with a zeal for innovation who brings new ideas to the table.",
imageUrl: imgnine,
link: `https://www.linkedin.com/in/maneesha-panda/`,
},
// {
// location: "india",
@@ -206,26 +218,38 @@ const MobileCommunityCard = () => {
>
{item.name}
</Text>
<Text fontSize={"12px"} color={"#DEDEDE"} margin={"4px 0px"}>
<Text
fontSize={"12px"}
color={"#DEDEDE"}
margin={"4px 0px"}
minHeight={"25px"}
>
{item.jobTitle}
</Text>
<Text fontSize={"11px"} color={"#DEDEDE"} margin={"6px 0px"}>
<Text
fontSize={"11px"}
color={"#DEDEDE"}
margin={"6px 0px"}
minHeight={"72px"}
>
{item.description}
</Text>
<Text display={"flex"} marginTop={"20px"}>
<img
src={linkedin}
style={{
minWidth: "34px",
height: "34px",
marginBottom: "10px",
marginRight: "10px",
}}
/>
<img
<Link to={item.link}>
<img
src={linkedin}
style={{
minWidth: "34px",
height: "34px",
marginBottom: "10px",
marginRight: "10px",
}}
/>
</Link>
{/* <img
src={games}
style={{ minWidth: "34px", height: "34px" }}
/>
/> */}
</Text>
</SwiperSlide>
))}

2
src/components/MobileComponent/MobileSubnet2.jsx
View File

@@ -70,7 +70,7 @@ const MobileSubnet2 = ({ font }) => {
01. Decentralisation
</Text>
<Text fontSize={"14px"} color={"#E1E1E1"}>
Rubix Decentralised Identity( DID) issued at L1 is the foundation
Rubix Decentralised Identity(DID) issued at L1 is the foundation
for building digital ownership enhancing applications.
</Text>
</Box>

8
src/components/MobileComponent/MobileSubnet3.jsx
View File

@@ -120,7 +120,9 @@ const MobileSubnet3 = ({ font }) => {
Fully Deterministic
</Text>
<UnorderedList color={"#E1E1E1"}>
<ListItem fontSize={"14px"}>Apps can bring Own Block space( BYOB)</ListItem>
<ListItem fontSize={"14px"}>
Apps can bring Own Block space(BYOB)
</ListItem>
</UnorderedList>
</Box>
<Box>
@@ -141,7 +143,9 @@ const MobileSubnet3 = ({ font }) => {
Unique token/object based architecture
</Text>
<UnorderedList color={"#E1E1E1"}>
<ListItem fontSize={"14px"}>Build unlimited FTs and NFTs all at L1!!</ListItem>
<ListItem fontSize={"14px"}>
Build unlimited FTs and NFTs all at L1!!
</ListItem>
</UnorderedList>
</Box>
<Box>

53
src/components/MobileComponent/ResourcesMobile.jsx
View File

@@ -12,23 +12,51 @@ import MobileHomeCard from "../Card/MobileHomeCard";
const content = [
{
id: 1,
date: `Published: March 13, 2020`,
text: `Multichain over Blockchain — A reality check on security threat`,
date: `Published: January 5, 2023`,
text: `Bring your own BlockSpace`,
link: `bring-your-own-blockspace`,
},
{
id: 2,
date: `Published: March 13, 2020`,
text: `Financial Times Crypto & Digital Assets Summit Panel`,
id: 5,
date: `Published: January 28, 2022`,
text: `Enterprise blockchains on a Public Chain!`,
link: `enterprise-blockchains-on-a-public-chain`,
},
{
id: 3,
date: `Published: March 13, 2020`,
text: `Enterprise blockchains on a Public Chain!`,
date: `Published: December 30, 2021`,
text: `Mining Rubix Tokens — What You Need To Know`,
link: `mining-rubix-tokens-what-you-need-to-know`,
},
{
id: 4,
date: `Published: March 11, 2022`,
text: `Securing wallet to wallet transfers across the network: Rubix solved it differently`,
link: `securing-wallet-to-wallet-transfers-across-the-network-rubix-solved-it-differently`,
},
{
id: 6,
date: `Published: January 12, 2022`,
text: `Multichain over Blockchain — A reality check on security threat`,
link: `multichain-over-blockchain-a-reality-check-on-security-threat`,
},
{
id: 2,
date: `Published: December 30, 2021`,
text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`,
link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`,
},
// {
// id: 7,
// date: `Published: January 12, 2022`,
// text: `Enterprise blockchains on a Public Chain`,
// link: `enterprise-blockchains-on-a-public-chain`,
// },
];
const Content = {
heading: `Resources and Latest Happenings`,
heading: `Resources and Latest Happenings`,
};
const ResourcesMobile = () => {
@@ -46,7 +74,7 @@ const ResourcesMobile = () => {
sx={{
"@media (max-width: 600px)": {
fontSize: "22px",
fontWeight:'500'
fontWeight: "500",
},
}}
>
@@ -66,7 +94,12 @@ const ResourcesMobile = () => {
{content.map((item) => (
<>
<SwiperSlide>
<MobileHomeCard key={item.id} date={item.date} text={item.text} />
<MobileHomeCard
key={item.id}
date={item.date}
text={item.text}
link={item.link}
/>
</SwiperSlide>
</>
))}