Skip to content

Commit

Permalink
Merge pull request #93 from persistenceOne/raju/ui_updates
Browse files Browse the repository at this point in the history 
adding wallet and explorer links
  • Loading branch information
Deepanshu Tripathi authored Mar 30, 2021
2 parents 9950a48 + c14781e commit d3a5d9f
Show file tree
Hide file tree
Showing 17 changed files with 351 additions and 228 deletions.
28 changes: 16 additions & 12 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,34 @@
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta charset="utf-8"/>
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="theme-color" content="#000000"/>

<meta content="Protocol Powering Next-Gen Financial Products" property="og:title">
<meta content="Persistence bridges DeFi and Traditional Finance by facilitating borrowing of Cryptoassets using Real-world assets as collateral"
<meta content="Persistence is an interoperable protocol built to facilitate the creation of next-gen financial products. Persistence is operating at the confluence of NFTs + DeFi + PoS Staking."
name="description" property="og:description"/>
<title>Persistence: Protocol Powering Next-Gen Financial Products</title>
<meta property="og:image" content="https://miro.medium.com/max/2400/2*XZtcdQitQNP5cAdZNAytVQ.jpeg"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png">

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json"/>

</head>

<body class="has-animations">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root" class="body-wrap"></div>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root" class="body-wrap"></div>
</body>

</html>
54 changes: 26 additions & 28 deletions src/Containers/RoadMap/Info.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -278,51 +278,48 @@ const Info = () => {
<p className="event-name">{t("2021_Q1_4")} <span>{t("ECOSYSTEM")}</span></p>
</div>
<div className="event">
<img className="present-img event-status-img" src={event_running}
alt="establish-img"/>
<div className="circle event-status-img"></div>

<p className="event-name">{t("2021_Q1_5")}</p>

<p className="present-event ind"><span>We are here!</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_6")} <span>{t("TOKEN")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_7")} <span>{t("CORE")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_8")} <span>{t("DAPP")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_9")} <span>{t("TOKEN")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_10")} <span>{t("DAPP")}</span></p>
</div>

<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_11")} <span>{t("CORE")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_12")} <span>{t("TOKEN")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_13")} <span>{t("DAPP")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_14")} <span>{t("ECOSYSTEM")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_complete} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_16")} <span>{t("CORE")}</span></p>
</div>

<div className="event">
<img className="present-img event-status-img" src={event_running}
alt="establish-img"/>
<div className="circle event-status-img"></div>

<p className="event-name">{t("2021_Q1_12")}</p>

<p className="present-event ind"><span>We are here!</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q1_15")} <span>{t("TOKEN")}</span></p>
Expand All @@ -334,10 +331,6 @@ const Info = () => {
<h3 className="quater-text">Q2</h3>
</div>
<div className="eventes">
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q2_1")} <span>{t("COMMUNITY")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q2_2")} <span>{t("ECOSYSTEM")}</span></p>
Expand Down Expand Up @@ -383,6 +376,7 @@ const Info = () => {
<h3 className="quater-text">Q3</h3>
</div>
<div className="eventes">

<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q3_1")} <span>{t("DAPP")}</span></p>
Expand Down Expand Up @@ -419,6 +413,10 @@ const Info = () => {
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q3_9")} <span>{t("ECOSYSTEM")}</span></p>
</div>
<div className="event">
<img className="event-status-img" src={event_pending} alt="establish-img"/>
<p className="event-name">{t("2021_Q3_10")} <span>{t("CORE")}</span></p>
</div>
</div>
</div>
</div>
Expand Down
8 changes: 7 additions & 1 deletion src/Containers/Technology/Technologies.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import node from "../../assets/images1/technology/node.svg";
import paper from "../../assets/images1/technology/paper.svg";
import whitepaper from "../../assets/images1/whitepaper.pdf";
import explorer from "../../assets/images1/technology/explorer.svg";
import wallet from "../../assets/images1/technology/wallet.svg";
import {useTranslation} from "react-i18next";
const Technologies = () => {
const {t} = useTranslation();
Expand All @@ -30,13 +31,18 @@ const Technologies = () => {
<div className="list-item">
<img src={paper} alt="sdk"/>
<p className="name">{t("EXPLORER")}</p>
<a href="https://explorer.persistence.one/" rel="noopener noreferrer" target="_blank" className="view">{t("OPEN_CRUST")}</a>
<a href="http://dev.testnet-explorer.persistence.one/" rel="noopener noreferrer" target="_blank" className="view">{t("OPEN_CRUST")}</a>
</div>
<div className="list-item">
<img src={explorer} alt="sdk"/>
<p className="name">{t("PROTOCOL_PAPER")}</p>
<a href={whitepaper} rel="noopener noreferrer" target="_blank" className="view">{t("EXPLORE_MORE")}</a>
</div>
<div className="list-item">
<img src={wallet} alt="sdk"/>
<p className="name">Persistence Wallet</p>
<a href="https://wallet.persistence.one/" rel="noopener noreferrer" target="_blank" className="view">Open</a>
</div>
</div>
</div>
</section>
Expand Down
6 changes: 4 additions & 2 deletions src/Containers/Technology/Tools.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,10 @@ const Tools = () => {
<div className="col-lg-4 col-md-6">
<div className="box">
<p>{t("EXPLORERS")}</p>
<div className="logo">
<a className="link-box" href="https://explorer.persistence.one/" rel="noopener noreferrer" target="_blank">{t("CRUST_2")}</a>
<div className="logos flex-box">
<div className="logo">
<a className="link-box" href="http://dev.testnet-explorer.persistence.one/" rel="noopener noreferrer" target="_blank">Core-1</a>
</div>
</div>
</div>
</div>
Expand Down
6 changes: 6 additions & 0 deletions src/Containers/XPRTToken/AcquireXPRT.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,12 @@ const AcquireXPRT = () => {

<p>{t("ACQUIRE_XPRT_TITLE_2")} <a href="https://bitmax.io/en/global-digital-asset-platform" target="_blank" rel="noopener noreferrer">{t("ACQUIRE_XPRT_TITLE_3")}</a></p>
<p>{t("ACQUIRE_XPRT_TITLE_4")} <a href="https://t.me/PersistenceOneChat" target="_blank" rel="noopener noreferrer">{t("ACQUIRE_XPRT_TITLE_6")}</a> {t("ACQUIRE_XPRT_TITLE_7")}</p>
<div className="info-form">
<div className="text">Fill in your XPRT auction confirmation number from AscendEX <a
href="https://auction.persistence.one"
rel="noopener noreferrer"
target="_blank">here.</a></div>
</div>
</div>
</div>

Expand Down
Loading

0 comments on commit d3a5d9f

Please sign in to comment.