ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-26 06:35:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move about/resources/community pages appropriately

Browse Source
This commit is contained in:
mDuo13
2023-12-13 22:19:25 -08:00
parent ec28d8fee8
commit 3365219dd4
25 changed files with 158 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
content/faq.md → content/about/faq.md
View File

4
content/history.page.tsx → content/about/history.page.tsx
View File

@@ -18,7 +18,7 @@ export default function History() {
<div className="position-relative"> <div className="position-relative">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/history-orange.svg")} src={require("../img/backgrounds/history-orange.svg")}
className="landing-bg" className="landing-bg"
id="history-orange" id="history-orange"
/> />
@@ -55,7 +55,7 @@ export default function History() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/history-purple.svg")} src={require("../img/backgrounds/history-purple.svg")}
id="history-purple" id="history-purple"
/> />
</div> </div>

16
content/impact.page.tsx → content/about/impact.page.tsx
View File

@@ -1,9 +1,9 @@
import * as React from "react"; import * as React from "react";
import { useTranslate } from "@portal/hooks"; import { useTranslate } from "@portal/hooks";
import mapDark from "./static/js/impact/mapDark.json" import mapDark from "../static/js/impact/mapDark.json";
import mapLight from "./static/js/impact/mapLight.json" import mapLight from "../static/js/impact/mapLight.json";
import { useLottie } from "lottie-react"; import { useLottie } from "lottie-react";
import { useThemeFromClassList } from "./@theme/helpers"; import { useThemeFromClassList } from "../@theme/helpers";
export default function Impact() { export default function Impact() {
const theme = useThemeFromClassList(['dark', 'light']) const theme = useThemeFromClassList(['dark', 'light'])
@@ -21,7 +21,7 @@ export default function Impact() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/community-purple.svg")} src={require("../img/backgrounds/community-purple.svg")}
className="landing-bg" className="landing-bg"
id="impact-purple" id="impact-purple"
/> />
@@ -41,7 +41,7 @@ export default function Impact() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/home-green.svg")} src={require("../img/backgrounds/home-green.svg")}
id="impact-green" id="impact-green"
/> />
</div> </div>
@@ -94,7 +94,7 @@ export default function Impact() {
<a href="#" id="playvideo"> <a href="#" id="playvideo">
<img <img
alt="Preview of man speaking with a play button" alt="Preview of man speaking with a play button"
src={require("./static/img/impact/video_sustainable@2x.png")} src={require("../static/img/impact/video_sustainable@2x.png")}
id="xrpl-overview-video-intro" id="xrpl-overview-video-intro"
className="w-100 video-image" className="w-100 video-image"
/> />
@@ -125,12 +125,12 @@ export default function Impact() {
<div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card"> <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-community-purple.svg")} src={require("../img/backgrounds/cta-community-purple.svg")}
className="cta cta-top-left" className="cta cta-top-left"
/> />
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-calculator-green.svg")} src={require("../img/backgrounds/cta-calculator-green.svg")}
className="cta cta-bottom-right" className="cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">

16
content/xrp-ledger-overview.page.tsx → content/about/index.page.tsx
View File

@@ -72,7 +72,7 @@ export default function XrplOverview() {
<div className="position-relative"> <div className="position-relative">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/xrpl-overview-purple.svg")} src={require("../img/backgrounds/xrpl-overview-purple.svg")}
className="landing-bg" className="landing-bg"
id="xrpl-overview-purple" id="xrpl-overview-purple"
/> />
@@ -94,7 +94,7 @@ export default function XrplOverview() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/xrpl-overview-orange.svg")} src={require("../img/backgrounds/xrpl-overview-orange.svg")}
id="xrpl-overview-orange" id="xrpl-overview-orange"
/> />
</div> </div>
@@ -148,7 +148,7 @@ export default function XrplOverview() {
<a onClick={() => setVideoOne(!videoOne)} id="playvideo"> <a onClick={() => setVideoOne(!videoOne)} id="playvideo">
<img <img
alt="XRPL logo with play button surrounded with image bubbles of various people" alt="XRPL logo with play button surrounded with image bubbles of various people"
src={require("./static/img/overview/video_explainer_intro@2x.png")} src={require("../static/img/overview/video_explainer_intro@2x.png")}
id="xrpl-overview-video-intro" id="xrpl-overview-video-intro"
className="w-100 video-image" className="w-100 video-image"
/> />
@@ -212,7 +212,7 @@ export default function XrplOverview() {
<div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card"> <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-xrpl-overview-green.svg")} src={require("../img/backgrounds/cta-xrpl-overview-green.svg")}
className="cta cta-bottom-right" className="cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">
@@ -296,7 +296,7 @@ export default function XrplOverview() {
> >
<img <img
alt="Two Monitors with person image bubbles inside, facing each other with a play button in between" alt="Two Monitors with person image bubbles inside, facing each other with a play button in between"
src={require("./static/img/overview/video_explainer_consensus@2x.png")} src={require("../static/img/overview/video_explainer_consensus@2x.png")}
id="xrpl-overview-video-consensus" id="xrpl-overview-video-consensus"
className="w-100 video-image" className="w-100 video-image"
/> />
@@ -318,7 +318,7 @@ export default function XrplOverview() {
> >
<img <img
alt="graphlike background with play button in center" alt="graphlike background with play button in center"
src={require("./static/img/overview/video_explainer_nodes@2x.png")} src={require("../static/img/overview/video_explainer_nodes@2x.png")}
id="xrpl-overview-video-nodes" id="xrpl-overview-video-nodes"
className="w-100 video-image" className="w-100 video-image"
/> />
@@ -340,7 +340,7 @@ export default function XrplOverview() {
> >
<img <img
alt="A globe graph with a play button in center" alt="A globe graph with a play button in center"
src={require("./static/img/overview/video_explainer_sustainability@2x.png")} src={require("../static/img/overview/video_explainer_sustainability@2x.png")}
id="xrpl-overview-video-sustainability" id="xrpl-overview-video-sustainability"
className="w-100 video-image" className="w-100 video-image"
/> />
@@ -366,7 +366,7 @@ export default function XrplOverview() {
<div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card"> <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-xrpl-overview-orange.svg")} src={require("../img/backgrounds/cta-xrpl-overview-orange.svg")}
className="cta cta-bottom-right" className="cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">

0
content/privacy-policy.md → content/about/privacy-policy.md
View File

10
content/uses.page.tsx → content/about/uses.page.tsx
View File

@@ -1,11 +1,11 @@
import * as React from "react"; import * as React from "react";
import { useTranslate } from "@portal/hooks"; import { useTranslate } from "@portal/hooks";
import numLight from "./static/js/ecosystem/numbers-animation-light.json"; import numLight from "../static/js/ecosystem/numbers-animation-light.json";
import numDark from "./static/js/ecosystem/numbers-animation.json"; import numDark from "../static/js/ecosystem/numbers-animation.json";
import arrow from "./static/js/ecosystem/arrow-animation.json"; import arrow from "../static/js/ecosystem/arrow-animation.json";
import { useLottie } from "lottie-react"; import { useLottie } from "lottie-react";
import { useThemeFromClassList } from "./@theme/helpers"; import { useThemeFromClassList } from "../@theme/helpers";
const logos = { const logos = {
infrastructure: [ infrastructure: [
@@ -798,7 +798,7 @@ export default function Uses() {
> >
<span className="mr-3"> <span className="mr-3">
<img <img
src={require("./static/img/uses/usecase-filter.svg")} src={require("../static/img/uses/usecase-filter.svg")}
alt="Filter button" alt="Filter button"
/> />
</span> </span>

12
content/xrp-overview.page.tsx → content/about/xrp.page.tsx
View File

@@ -1,7 +1,7 @@
import * as React from "react"; import * as React from "react";
import { useTranslate } from "@portal/hooks"; import { useTranslate } from "@portal/hooks";
import briefcaseIcon from "./static/img/icons/briefcase.svg"; import briefcaseIcon from "../static/img/icons/briefcase.svg";
import userIcon from "./static/img/icons/user.svg"; import userIcon from "../static/img/icons/user.svg";
const links = [ const links = [
{ hash: "#about-xrp", text: "About XRP" }, { hash: "#about-xrp", text: "About XRP" },
@@ -109,7 +109,7 @@ export default function XrpOverview() {
<div className="position-relative"> <div className="position-relative">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/xrp-overview-blue.svg")} src={require("../img/backgrounds/xrp-overview-blue.svg")}
className="landing-bg" className="landing-bg"
id="xrp-overview-blue" id="xrp-overview-blue"
/> />
@@ -253,7 +253,7 @@ export default function XrpOverview() {
<div className="mt-10 p-10 br-8 cta-card position-relative"> <div className="mt-10 p-10 br-8 cta-card position-relative">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-xrp-overview-magenta.svg")} src={require("../img/backgrounds/cta-xrp-overview-magenta.svg")}
className="cta cta-bottom-right" className="cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">
@@ -326,7 +326,7 @@ export default function XrpOverview() {
<div className="mt-10 p-10 br-8 cta-card position-relative"> <div className="mt-10 p-10 br-8 cta-card position-relative">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-xrp-overview-green-2.svg")} src={require("../img/backgrounds/cta-xrp-overview-green-2.svg")}
className="landing-bg cta cta-bottom-right" className="landing-bg cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">
@@ -340,7 +340,7 @@ export default function XrpOverview() {
<img <img
id="xrp-mark-overview" id="xrp-mark-overview"
className="mw-100 invertible-img mr-2" className="mw-100 invertible-img mr-2"
src={require("./img/logos/xrp-mark.svg")} src={require("../img/logos/xrp-mark.svg")}
alt="XRP Logo Mark" alt="XRP Logo Mark"
/> />
<span <span

48
content/ambassadors.page.tsx → content/community/ambassadors.page.tsx
View File

@@ -12,7 +12,7 @@ export default function Ambassadors() {
<div className="landing page-ambassadors"> <div className="landing page-ambassadors">
<div> <div>
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img alt="background purple waves" src={require("./img/backgrounds/ambassador-purple.svg")} className="position-absolute" style={{top: 0, right: 0}} /> <img alt="background purple waves" src={require("../img/backgrounds/ambassador-purple.svg")} className="position-absolute" style={{top: 0, right: 0}} />
</div> </div>
<section className="container-new py-26 text-lg-center"> <section className="container-new py-26 text-lg-center">
<div className="p-0 col-lg-8 mx-lg-auto"> <div className="p-0 col-lg-8 mx-lg-auto">
@@ -39,7 +39,7 @@ export default function Ambassadors() {
</div> </div>
<div className="order-lg-1 col-lg-6 px-0 mr-lg-4"> <div className="order-lg-1 col-lg-6 px-0 mr-lg-4">
<div className="row m-0"> <div className="row m-0">
<img alt="Person speaking and person taking photo" src={require("./static/img/ambassadors/developer-hero@2x.png")} className="w-100" /> <img alt="Person speaking and person taking photo" src={require("../static/img/ambassadors/developer-hero@2x.png")} className="w-100" />
</div> </div>
</div> </div>
<div className="d-lg-none order-3 mt-4 pt-3 p-lg-3"> <div className="d-lg-none order-3 mt-4 pt-3 p-lg-3">
@@ -221,8 +221,8 @@ export default function Ambassadors() {
<div className="carousel-item active"> <div className="carousel-item active">
<div className="p-0"> <div className="p-0">
<div className="mb-4 p-lg-3"> <div className="mb-4 p-lg-3">
<img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("./static/img/ambassadors/quote1-small.svg")} className="h-100 d-lg-none mb-4" /> <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1-small.svg")} className="h-100 d-lg-none mb-4" />
<img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("./static/img/ambassadors/quote1.svg")} className="h-100 d-none d-lg-block" /> <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1.svg")} className="h-100 d-none d-lg-block" />
<div className="p-0 col-lg-7 mx-lg-auto"> <div className="p-0 col-lg-7 mx-lg-auto">
<p className="p-lg-3 mb-2"><strong>Derrick N.</strong><br /> <p className="p-lg-3 mb-2"><strong>Derrick N.</strong><br />
Toronto Metropolitan University<br /> Toronto Metropolitan University<br />
@@ -234,8 +234,8 @@ export default function Ambassadors() {
<div className="carousel-item mb-20"> <div className="carousel-item mb-20">
<div className="p-0"> <div className="p-0">
<div className="mb-4 p-lg-3"> <div className="mb-4 p-lg-3">
<img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("./static/img/ambassadors/quote2-small.svg")} className="h-150 d-lg-none mb-4" /> <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2-small.svg")} className="h-150 d-lg-none mb-4" />
<img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("./static/img/ambassadors/quote2.svg")} className="h-100 d-none d-lg-block" /> <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2.svg")} className="h-100 d-none d-lg-block" />
<div className="p-0 col-lg-7 mx-lg-auto"> <div className="p-0 col-lg-7 mx-lg-auto">
<p className="p-lg-3 mb-2"><strong>Sally Z.</strong><br /> <p className="p-lg-3 mb-2"><strong>Sally Z.</strong><br />
Toronto Metropolitan University<br /> Toronto Metropolitan University<br />
@@ -247,8 +247,8 @@ export default function Ambassadors() {
<div className="carousel-item mb-40"> <div className="carousel-item mb-40">
<div className="p-0"> <div className="p-0">
<div className="mb-4 p-lg-3"> <div className="mb-4 p-lg-3">
<img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("./static/img/ambassadors/quote3-small.svg")} className="h-150 d-lg-none mb-4" /> <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3-small.svg")} className="h-150 d-lg-none mb-4" />
<img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("./static/img/ambassadors/quote3.svg")} className="h-100 d-none d-lg-block" /> <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3.svg")} className="h-100 d-none d-lg-block" />
<div className="p-0 col-lg-7 mx-lg-auto"> <div className="p-0 col-lg-7 mx-lg-auto">
<p className="p-lg-3 mb-2"><strong>Nick D.</strong><br /> <p className="p-lg-3 mb-2"><strong>Nick D.</strong><br />
Miami University<br /> Miami University<br />
@@ -278,7 +278,7 @@ export default function Ambassadors() {
<div className="row m-0"> <div className="row m-0">
<div className="col-12 col-lg-6 p-0 pr-lg-4"> <div className="col-12 col-lg-6 p-0 pr-lg-4">
<div className="px-lg-3 pb-3"> <div className="px-lg-3 pb-3">
<img src={require("./static/img/ambassadors/01.svg")} className="pl-lg-3" /> <img src={require("../static/img/ambassadors/01.svg")} className="pl-lg-3" />
<div className="p-lg-3 pt-3"> <div className="p-lg-3 pt-3">
<h6 className="mb-3">{translate("Apply")}</h6> <h6 className="mb-3">{translate("Apply")}</h6>
<p>{translate("Submit an application to be considered for the Campus Ambassador program.")}</p> <p>{translate("Submit an application to be considered for the Campus Ambassador program.")}</p>
@@ -286,14 +286,14 @@ export default function Ambassadors() {
</div> </div>
{/* Hide on large */} {/* Hide on large */}
<div className="px-lg-3 pb-3 d-lg-none "> <div className="px-lg-3 pb-3 d-lg-none ">
<img src={require("./static/img/ambassadors/02.svg")} className="pl-lg-3" /> <img src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
<div className="p-lg-3 pt-3"> <div className="p-lg-3 pt-3">
<h6 className="mb-3">{translate("Interview")}</h6> <h6 className="mb-3">{translate("Interview")}</h6>
<p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p> <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
</div> </div>
</div> </div>
<div className="px-lg-3 pb-3"> <div className="px-lg-3 pb-3">
<img src={require("./static/img/ambassadors/03.svg")} className="pl-lg-3" /> <img src={require("../static/img/ambassadors/03.svg")} className="pl-lg-3" />
<div className="p-lg-3 pt-3"> <div className="p-lg-3 pt-3">
<h6 className="mb-3">{translate("Join")}</h6> <h6 className="mb-3">{translate("Join")}</h6>
<p>{translate("Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.")}</p> <p>{translate("Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.")}</p>
@@ -301,7 +301,7 @@ export default function Ambassadors() {
</div> </div>
{/* Hide on large */} {/* Hide on large */}
<div className="p-lg-3 pb-3 d-lg-none"> <div className="p-lg-3 pb-3 d-lg-none">
<img src={require("./static/img/ambassadors/04.svg")} className="pl-lg-3" /> <img src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
<div className="p-lg-3 pt-3"> <div className="p-lg-3 pt-3">
<h6 className="mb-3">{translate("Learn")}</h6> <h6 className="mb-3">{translate("Learn")}</h6>
<p> {translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p> <p> {translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
@@ -312,14 +312,14 @@ export default function Ambassadors() {
{/* Show on large */} {/* Show on large */}
<div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5"> <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
<div className="px-lg-3 pb-3 mt-5"> <div className="px-lg-3 pb-3 mt-5">
<img src={require("./static/img/ambassadors/02.svg")} className="pl-lg-3" /> <img src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
<div className="p-lg-3 pt-3"> <div className="p-lg-3 pt-3">
<h6 className="mb-3">{translate("Interview")}</h6> <h6 className="mb-3">{translate("Interview")}</h6>
<p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p> <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
</div> </div>
</div> </div>
<div className="p-lg-3 pb-3 "> <div className="p-lg-3 pb-3 ">
<img src={require("./static/img/ambassadors/04.svg")} className="pl-lg-3" /> <img src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
<div className="p-lg-3 pt-3 pb-lg-0"> <div className="p-lg-3 pt-3 pb-lg-0">
<h6 className="mb-3">{translate("Learn")}</h6> <h6 className="mb-3">{translate("Learn")}</h6>
<p className="pb-lg-0">{translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p> <p className="pb-lg-0">{translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
@@ -336,7 +336,7 @@ export default function Ambassadors() {
</section> </section>
{/* Image Block */} {/* Image Block */}
<div> <div>
<img alt="Ripple Conferences and two people Sitting" src={require("./static/img/ambassadors/students-large.png")} className="w-100" /> <img alt="Ripple Conferences and two people Sitting" src={require("../static/img/ambassadors/students-large.png")} className="w-100" />
</div> </div>
{/* Global Community Carousel */} {/* Global Community Carousel */}
<section className="container-new pt-26"> <section className="container-new pt-26">
@@ -349,14 +349,14 @@ export default function Ambassadors() {
</section> </section>
<div id="container-scroll"> <div id="container-scroll">
<div className="photobanner"> <div className="photobanner">
<img src={require("./static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" /> <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
<img src={require("./static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" /> <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
<img src={require("./static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" /> <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
</div> </div>
<div className="photobanner photobanner-bottom"> <div className="photobanner photobanner-bottom">
<img src={require("./static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" /> <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
<img src={require("./static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" /> <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
<img src={require("./static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" /> <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
</div> </div>
</div> </div>
{/* Connect */} {/* Connect */}
@@ -377,14 +377,14 @@ export default function Ambassadors() {
<div className="row align-items-center m-0"> <div className="row align-items-center m-0">
<div className="col-12 col-lg-6 p-0 pr-lg-4"> <div className="col-12 col-lg-6 p-0 pr-lg-4">
<div className="p-lg-3 mb-3 pb-3"> <div className="p-lg-3 mb-3 pb-3">
<img alt="meetup" src={require("./static/img/ambassadors/icon_meetup.svg")} className="mb-3" /> <img alt="meetup" src={require("../static/img/ambassadors/icon_meetup.svg")} className="mb-3" />
<div> <div>
<h6 className="mb-3"><a className="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">{translate("MeetUp")}</a></h6> <h6 className="mb-3"><a className="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">{translate("MeetUp")}</a></h6>
<p>{translate("Attend an XRPL Meetup in your local area")}</p> <p>{translate("Attend an XRPL Meetup in your local area")}</p>
</div> </div>
</div> </div>
<div className="p-lg-3 mb-3 pb-3"> <div className="p-lg-3 mb-3 pb-3">
<img alt="devto" src={require("./static/img/ambassadors/icon_devto.svg")} className="mb-3" /> <img alt="devto" src={require("../static/img/ambassadors/icon_devto.svg")} className="mb-3" />
<div> <div>
<h6 className="mb-3"><a className="btn-arrow" href="https://dev.to/t/xrpl">{translate("Dev.to Blog")}</a></h6> <h6 className="mb-3"><a className="btn-arrow" href="https://dev.to/t/xrpl">{translate("Dev.to Blog")}</a></h6>
<p>{translate("Read more about the activity of the XRPL Ambassadors")}</p> <p>{translate("Read more about the activity of the XRPL Ambassadors")}</p>
@@ -393,7 +393,7 @@ export default function Ambassadors() {
</div> </div>
<div className="col-12 col-lg-6 p-0 pl-lg-4"> <div className="col-12 col-lg-6 p-0 pl-lg-4">
<div className="p-lg-3 mb-3 pb-3 "> <div className="p-lg-3 mb-3 pb-3 ">
<img alt="discord" src={require("./static/img/ambassadors/icon_discord.svg")} className="mb-3" /> <img alt="discord" src={require("../static/img/ambassadors/icon_discord.svg")} className="mb-3" />
<div> <div>
<h6 className="mb-3"><a className="btn-arrow" href="https://xrpldevs.org">{translate("Discord")}</a></h6> <h6 className="mb-3"><a className="btn-arrow" href="https://xrpldevs.org">{translate("Discord")}</a></h6>
<p>{translate("Join the conversation on the XRPL Developer Discord")}</p> <p>{translate("Join the conversation on the XRPL Developer Discord")}</p>

4
content/developer-funding.page.tsx → content/community/developer-funding.page.tsx
View File

@@ -14,7 +14,7 @@ export default function Funding() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/funding-purple.svg")} src={require("../img/backgrounds/funding-purple.svg")}
className="position-absolute" className="position-absolute"
style={{ top: 0, right: 0 }} style={{ top: 0, right: 0 }}
/> />
@@ -404,7 +404,7 @@ export default function Funding() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/funding-orange.svg")} src={require("../img/backgrounds/funding-orange.svg")}
id="funding-orange" id="funding-orange"
/> />
</div> </div>

8
content/events.page.tsx → content/community/events.page.tsx
View File

@@ -555,7 +555,7 @@ export default function Events() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/events-orange.svg")} src={require("../img/backgrounds/events-orange.svg")}
id="events-orange" id="events-orange"
/> />
</div> </div>
@@ -574,7 +574,7 @@ export default function Events() {
<div className="pr-2 col"> <div className="pr-2 col">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./static/img/events/event-hero3@2x.png")} src={require("../static/img/events/event-hero3@2x.png")}
className="w-100" className="w-100"
/> />
</div> </div>
@@ -719,7 +719,7 @@ export default function Events() {
<div <div
className="event-card-header" className="event-card-header"
style={{ style={{
background: `no-repeat url(./img/events/${event.image})`, background: `no-repeat url(../img/events/${event.image})`,
}} }}
> >
<div className="event-card-title">{event.name}</div> <div className="event-card-title">{event.name}</div>
@@ -844,7 +844,7 @@ export default function Events() {
<div <div
className="event-card-header" className="event-card-header"
style={{ style={{
background: `no-repeat url(./img/events/${event.image})`, background: `no-repeat url(../img/events/${event.image})`,
}} }}
> >
<div className="event-card-title">{event.name}</div> <div className="event-card-title">{event.name}</div>

46
content/contribute.page.tsx → content/community/index.page.tsx
View File

@@ -1,8 +1,8 @@
import * as React from "react"; import * as React from "react";
import { useTranslate } from "@portal/hooks"; import { useTranslate } from "@portal/hooks";
import NetworkNodeLight from "./static/js/community/NetworkNodeLight.json"; import NetworkNodeLight from "../static/js/community/NetworkNodeLight.json";
import GrantsDark from "./static/js/community/XRPLGrantsDark.json"; import GrantsDark from "../static/js/community/XRPLGrantsDark.json";
import CareersDark from "./static/js/community/CareersDark.json"; import CareersDark from "../static/js/community/CareersDark.json";
import { useLottie } from "lottie-react"; import { useLottie } from "lottie-react";
import { useThemeFromClassList } from "./@theme/helpers"; import { useThemeFromClassList } from "./@theme/helpers";
@@ -95,35 +95,35 @@ export default function Contribute() {
className="parallax one" className="parallax one"
width="220px" width="220px"
height="160px" height="160px"
src={require("./static/img/community/community-one.png")} src={require("../static/img/community/community-one.png")}
/> />
<img <img
alt="Person speaking at a conference" alt="Person speaking at a conference"
className="parallax two" className="parallax two"
width="120px" width="120px"
height="160px" height="160px"
src={require("./static/img/community/community-two.png")} src={require("../static/img/community/community-two.png")}
/> />
<img <img
alt="Person sitting and speaking" alt="Person sitting and speaking"
className="parallax three" className="parallax three"
width="102px" width="102px"
height="102px" height="102px"
src={require("./static/img/community/community-three.png")} src={require("../static/img/community/community-three.png")}
/> />
<img <img
alt="People chatting" alt="People chatting"
className="parallax four" className="parallax four"
width="120px" width="120px"
height="160px" height="160px"
src={require("./static/img/community/community-four@2x.png")} src={require("../static/img/community/community-four@2x.png")}
/> />
<img <img
alt="Person speaking at Apex" alt="Person speaking at Apex"
className="parallax five" className="parallax five"
width="216px" width="216px"
height="160px" height="160px"
src={require("./static/img/community/community-five@2x.png")} src={require("../static/img/community/community-five@2x.png")}
/> />
</div> </div>
<div className="col-lg-6 mx-auto text-left text-md-center"> <div className="col-lg-6 mx-auto text-left text-md-center">
@@ -229,7 +229,7 @@ export default function Contribute() {
</h6> </h6>
<img <img
alt="$10K - $200K" alt="$10K - $200K"
src={require("./static/img/community/community-grants-1.svg")} src={require("../static/img/community/community-grants-1.svg")}
/> />
</div> </div>
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5"> <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
@@ -238,7 +238,7 @@ export default function Contribute() {
</h6> </h6>
<img <img
alt="$6.0M" alt="$6.0M"
src={require("./static/img/community/community-grants-2.svg")} src={require("../static/img/community/community-grants-2.svg")}
/> />
</div> </div>
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5"> <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
@@ -247,7 +247,7 @@ export default function Contribute() {
</h6> </h6>
<img <img
alt="50+" alt="50+"
src={require("./static/img/community/community-grants-3.svg")} src={require("../static/img/community/community-grants-3.svg")}
/> />
</div> </div>
<div id="xrplGrantsDark-small" className="d-lg-none d-block mt-4 pt-3"> <div id="xrplGrantsDark-small" className="d-lg-none d-block mt-4 pt-3">
@@ -269,7 +269,7 @@ export default function Contribute() {
<div className="col pr-2 d-lg-block d-none"> <div className="col pr-2 d-lg-block d-none">
<img <img
alt="Bubbles with people inside" alt="Bubbles with people inside"
src={require("./static/img/community/community-blog@2x.png")} src={require("../static/img/community/community-blog@2x.png")}
className="w-100 blog-graphic" className="w-100 blog-graphic"
/> />
</div> </div>
@@ -292,7 +292,7 @@ export default function Contribute() {
<div className="d-lg-none d-block"> <div className="d-lg-none d-block">
<img <img
alt="Bubbles with people inside" alt="Bubbles with people inside"
src={require("./static/img/community/community-blog@2x.png")} src={require("../static/img/community/community-blog@2x.png")}
className="w-100 blog-graphic" className="w-100 blog-graphic"
/> />
</div> </div>
@@ -325,7 +325,7 @@ export default function Contribute() {
<div className=" pr-1 mr-3 align-self-start"> <div className=" pr-1 mr-3 align-self-start">
<img <img
alt="People standing at Apex" alt="People standing at Apex"
src={require("./static/img/community/community-events-apex-small@2x.png")} src={require("../static/img/community/community-events-apex-small@2x.png")}
className="w-100" className="w-100"
/> />
<p className="bold text-light mt-3"> <p className="bold text-light mt-3">
@@ -335,7 +335,7 @@ export default function Contribute() {
<div className=" px-1 mx-3 align-self-center"> <div className=" px-1 mx-3 align-self-center">
<img <img
alt="People standing in a circle" alt="People standing in a circle"
src={require("./static/img/community/community-events-meetup-small@2x.png")} src={require("../static/img/community/community-events-meetup-small@2x.png")}
className="w-100" className="w-100"
/> />
<p className="bold text-light mt-3"> <p className="bold text-light mt-3">
@@ -345,7 +345,7 @@ export default function Contribute() {
<div className=" pl-1 ml-3 align-self-end"> <div className=" pl-1 ml-3 align-self-end">
<img <img
alt="Blue and pink card" alt="Blue and pink card"
src={require("./static/img/community/community-events-hackathon-small@2x.png")} src={require("../static/img/community/community-events-hackathon-small@2x.png")}
className="w-100" className="w-100"
/> />
<p className="bold text-light mt-3"> <p className="bold text-light mt-3">
@@ -373,7 +373,7 @@ export default function Contribute() {
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5"> <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
<img <img
alt="People standing at Apex" alt="People standing at Apex"
src={require("./static/img/community/community-events-apex@2x.png")} src={require("../static/img/community/community-events-apex@2x.png")}
className="w-100" className="w-100"
/> />
<h6 className="mt-3">{translate("Welcome to Apex 2021")}</h6> <h6 className="mt-3">{translate("Welcome to Apex 2021")}</h6>
@@ -381,7 +381,7 @@ export default function Contribute() {
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5"> <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
<img <img
alt="People standing in a circle" alt="People standing in a circle"
src={require("./static/img/community/community-events-meetup@2x.png")} src={require("../static/img/community/community-events-meetup@2x.png")}
className="w-100" className="w-100"
/> />
<h6 className="mt-3">{translate("XRPL Community Meetup")}</h6> <h6 className="mt-3">{translate("XRPL Community Meetup")}</h6>
@@ -389,7 +389,7 @@ export default function Contribute() {
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5"> <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
<img <img
alt="Blue and pink card" alt="Blue and pink card"
src={require("./static/img/community/community-events-hackathon@2x.png")} src={require("../static/img/community/community-events-hackathon@2x.png")}
className="w-100" className="w-100"
/> />
<h6 className="mt-3">{translate("XRPL Hackathon 2022")}</h6> <h6 className="mt-3">{translate("XRPL Hackathon 2022")}</h6>
@@ -458,7 +458,7 @@ export default function Contribute() {
<div className=" pr-1 mr-3"> <div className=" pr-1 mr-3">
<img <img
alt="Preview of xrpl community design assets webpages" alt="Preview of xrpl community design assets webpages"
src={require("./static/img/community/community-design-assets.png")} src={require("../static/img/community/community-design-assets.png")}
className="w-100" className="w-100"
/> />
</div> </div>
@@ -477,7 +477,7 @@ export default function Contribute() {
<div className=" pr-1 mr-3"> <div className=" pr-1 mr-3">
<img <img
alt="Preview of xrpl community design assets webpages" alt="Preview of xrpl community design assets webpages"
src={require("./static/img/community/community-design-assets.png")} src={require("../static/img/community/community-design-assets.png")}
className="w-100" className="w-100"
/> />
</div> </div>
@@ -488,12 +488,12 @@ export default function Contribute() {
<div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card"> <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-community-purple.svg")} src={require("../img/backgrounds/cta-community-purple.svg")}
className="d-none-sm cta cta-top-left" className="d-none-sm cta cta-top-left"
/> />
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-community-green.svg")} src={require("../img/backgrounds/cta-community-green.svg")}
className="cta cta-bottom-right" className="cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">

0
content/contributing/report-a-scam.md → content/community/report-a-scam.md
View File

16
content/code-samples.page.tsx → content/resources/code-samples.page.tsx
View File

@@ -2,13 +2,13 @@ import * as React from 'react';
import { usePageSharedData, useTranslate } from '@portal/hooks'; import { usePageSharedData, useTranslate } from '@portal/hooks';
const langIcons = { const langIcons = {
cli: require('./static/img/logos/cli.svg'), cli: require('../static/img/logos/cli.svg'),
go: require('./static/img/logos/golang.svg'), go: require('../static/img/logos/golang.svg'),
java: require('./static/img/logos/java.svg'), java: require('../static/img/logos/java.svg'),
js: require('./static/img/logos/javascript.svg'), js: require('../static/img/logos/javascript.svg'),
php: require('./static/img/logos/php.svg'), php: require('../static/img/logos/php.svg'),
py: require('./static/img/logos/python.svg'), py: require('../static/img/logos/python.svg'),
http: require('./static/img/logos/globe.svg'), http: require('../static/img/logos/globe.svg'),
}; };
const target = { const target = {
github_forkurl: 'https://github.com/XRPLF/xrpl-dev-portal', github_forkurl: 'https://github.com/XRPLF/xrpl-dev-portal',
@@ -34,7 +34,7 @@ export default function CodeSamples() {
<div className="position-relative d-none-sm"> <div className="position-relative d-none-sm">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require('./img/backgrounds/xrpl-overview-orange.svg')} src={require('../img/backgrounds/xrpl-overview-orange.svg')}
id="xrpl-overview-orange" id="xrpl-overview-orange"
/> />
</div> </div>

0
content/dev-tools/components/AlertTemplate.tsx → content/resources/dev-tools/components/AlertTemplate.tsx
View File

0
content/dev-tools/components/DestinationAddressInput.tsx → content/resources/dev-tools/components/DestinationAddressInput.tsx
View File

0
content/dev-tools/components/InitButton.tsx → content/resources/dev-tools/components/InitButton.tsx
View File

0
content/dev-tools/components/StatusSidebar.tsx → content/resources/dev-tools/components/StatusSidebar.tsx
View File

0
content/dev-tools/components/TransactionButton.tsx → content/resources/dev-tools/components/TransactionButton.tsx
View File

0
content/dev-tools/faucets.json → content/resources/dev-tools/faucets.json
View File

30
content/dev-tools.page.tsx → content/resources/dev-tools/index.page.tsx
View File

@@ -7,7 +7,7 @@ const explorers_tools = [
description: description:
"View validations of new ledger versions in real-time, or chart the location of servers in the XRP Ledger.", "View validations of new ledger versions in real-time, or chart the location of servers in the XRP Ledger.",
href: "https://livenet.xrpl.org", href: "https://livenet.xrpl.org",
img: require("img/dev-tools/explorer.png"), img: require("../../img/dev-tools/explorer.png"),
}, },
{ {
id: "bithomp-explorer", id: "bithomp-explorer",
@@ -15,7 +15,7 @@ const explorers_tools = [
description: description:
"Explore public ledger data including accounts' transaction history and known names.", "Explore public ledger data including accounts' transaction history and known names.",
href: "https://bithomp.com/", href: "https://bithomp.com/",
img: require("img/dev-tools/bithomp.png"), img: require("../../img/dev-tools/bithomp.png"),
}, },
{ {
id: "xrpscan", id: "xrpscan",
@@ -23,7 +23,7 @@ const explorers_tools = [
description: description:
"Explore ledger activity, view amendment voting in real-time, and get account information. API access is also available.", "Explore ledger activity, view amendment voting in real-time, and get account information. API access is also available.",
href: "https://xrpscan.com/", href: "https://xrpscan.com/",
img: require("img/dev-tools/xrpscan.png"), img: require("../../img/dev-tools/xrpscan.png"),
}, },
{ {
id: "token-list", id: "token-list",
@@ -31,7 +31,7 @@ const explorers_tools = [
description: description:
"See all tokens issued in the XRP Ledger and use preset tools to issue custom tokens at the click of a button.", "See all tokens issued in the XRP Ledger and use preset tools to issue custom tokens at the click of a button.",
href: "https://xumm.community/tokens", href: "https://xumm.community/tokens",
img: require("img/dev-tools/tokenlist.png"), img: require("../../img/dev-tools/tokenlist.png"),
}, },
]; ];
@@ -42,7 +42,7 @@ const api_access_tools = [
description: description:
"Send sample requests and get responses from the rippled API. ", "Send sample requests and get responses from the rippled API. ",
href: "websocket-api-tool", href: "websocket-api-tool",
img: require("img/dev-tools/websocket-tool.png"), img: require("../../img/dev-tools/websocket-tool.png"),
}, },
{ {
id: "rpc", id: "rpc",
@@ -50,14 +50,14 @@ const api_access_tools = [
description: description:
"Print raw information about an XRP Ledger account, transaction, or ledger.", "Print raw information about an XRP Ledger account, transaction, or ledger.",
href: "xrp-ledger-rpc-tool", href: "xrp-ledger-rpc-tool",
img: require("img/dev-tools/rpc-tool.png"), img: require("../../img/dev-tools/rpc-tool.png"),
}, },
{ {
id: "technical-explorer", id: "technical-explorer",
title: "Technical Explorer", title: "Technical Explorer",
description: "Browse API objects from the ledger with real-time updates. ", description: "Browse API objects from the ledger with real-time updates. ",
href: "https://explorer.xrplf.org/", href: "https://explorer.xrplf.org/",
img: require("img/dev-tools/technical-explorer.png"), img: require("../../img/dev-tools/technical-explorer.png"),
}, },
{ {
id: "faucets", id: "faucets",
@@ -65,7 +65,7 @@ const api_access_tools = [
description: description:
"Get credentials and test-XRP for XRP Ledger Testnet or Devnet.", "Get credentials and test-XRP for XRP Ledger Testnet or Devnet.",
href: "xrp-testnet-faucet", href: "xrp-testnet-faucet",
img: require("img/dev-tools/faucets.png"), img: require("../../img/dev-tools/faucets.png"),
}, },
{ {
id: "trasaction-sender", id: "trasaction-sender",
@@ -73,7 +73,7 @@ const api_access_tools = [
description: description:
"Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.", "Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.",
href: "tx-sender", href: "tx-sender",
img: require("img/dev-tools/transaction-sender.png"), img: require("../../img/dev-tools/transaction-sender.png"),
}, },
]; ];
@@ -83,14 +83,14 @@ const other = [
title: "Domain Verification Checker", title: "Domain Verification Checker",
description: "Verify your validator's domain.", description: "Verify your validator's domain.",
href: "validator-domain-verifier", href: "validator-domain-verifier",
img: require("img/dev-tools/domain-checker.png"), img: require("../../img/dev-tools/domain-checker.png"),
}, },
{ {
id: "xrp-ledger", id: "xrp-ledger",
title: "xrp-ledger.toml Checker", title: "xrp-ledger.toml Checker",
description: "Verify that your xrp-ledger.toml file is set up properly.", description: "Verify that your xrp-ledger.toml file is set up properly.",
href: "xrp-ledger-toml-checker", href: "xrp-ledger-toml-checker",
img: require("img/dev-tools/toml-checker.png"), img: require("../../img/dev-tools/toml-checker.png"),
}, },
{ {
id: "binary-visualizer", id: "binary-visualizer",
@@ -98,7 +98,7 @@ const other = [
description: description:
"Parse the XRP Ledger's native binary format with a visual representation breaking down the raw structure into its parts.", "Parse the XRP Ledger's native binary format with a visual representation breaking down the raw structure into its parts.",
href: "https://richardah.github.io/xrpl-binary-visualizer/", href: "https://richardah.github.io/xrpl-binary-visualizer/",
img: require("img/dev-tools/binary-visualizer.png"), img: require("../../img/dev-tools/binary-visualizer.png"),
}, },
{ {
id: "token-metadata-lookup", id: "token-metadata-lookup",
@@ -106,7 +106,7 @@ const other = [
description: description:
"Query known information about any token issued on the XRP Ledger.", "Query known information about any token issued on the XRP Ledger.",
href: "https://xrplmeta.org/", href: "https://xrplmeta.org/",
img: require("img/dev-tools/token-metadata.png"), img: require("../../img/dev-tools/token-metadata.png"),
}, },
]; ];
@@ -268,12 +268,12 @@ export default function DevTools() {
<div className="col-lg-12 p-6-sm p-10-until-sm br-8 cta-card"> <div className="col-lg-12 p-6-sm p-10-until-sm br-8 cta-card">
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-home-purple.svg")} src={require("../../img/backgrounds/cta-home-purple.svg")}
className="d-none-sm cta cta-top-left" className="d-none-sm cta cta-top-left"
/> />
<img <img
alt="default-alt-text" alt="default-alt-text"
src={require("./img/backgrounds/cta-home-green.svg")} src={require("../../img/backgrounds/cta-home-green.svg")}
className="cta cta-bottom-right" className="cta cta-bottom-right"
/> />
<div className="z-index-1 position-relative"> <div className="z-index-1 position-relative">

0
content/dev-tools/tx-sender.page.tsx → content/resources/dev-tools/tx-sender.page.tsx
View File

0
content/dev-tools/utils.tsx → content/resources/dev-tools/utils.tsx
View File

0
content/dev-tools/xrp-faucets.page.tsx → content/resources/dev-tools/xrp-faucets.page.tsx
View File

17
content/sidebars.yaml
View File

@@ -1,19 +1,25 @@
- group: XRPL Overview - group: XRPL Overview
page: about/index.page.tsx
expanded: false expanded: false
items: items:
- label: Use Cases & Featured Projects - label: Use Cases & Featured Projects
page: about/uses.page.tsx
- label: History - label: History
page: about/history.page.tsx
- label: XRP - label: XRP
page: about/xrp.page.tsx
- label: Impact - label: Impact
page: about/impact.page.tsx
- label: XRPL Foundation - label: XRPL Foundation
href: https://foundation.xrpl.org/ href: https://foundation.xrpl.org/
external: true external: true
- page: faq.md - page: about/faq.md
- page: privacy-policy.md - page: about/privacy-policy.md
- group: Documentation - group: Documentation
page: docs.page.tsx
href: /docs/
expanded: false expanded: false
items: items:
- label: Documentation Index
- page: introduction/index.md - page: introduction/index.md
expanded: false expanded: false
items: items:
@@ -619,8 +625,9 @@
expanded: false expanded: false
items: items:
- label: Code Samples - label: Code Samples
page: code-samples.page.tsx page: resources/code-samples.page.tsx
- group: Dev Tools - group: Dev Tools
page: resources/dev-tools/index.page.tsx
expanded: false expanded: false
items: items:
- label: RPC Tool - label: RPC Tool
@@ -659,6 +666,8 @@
- page: resources/contribute-documentation/tutorial-guidelines.md - page: resources/contribute-documentation/tutorial-guidelines.md
- page: resources/contribute-documentation/tutorial-structure.md - page: resources/contribute-documentation/tutorial-structure.md
- group: Contribute to the XRPL Community - group: Contribute to the XRPL Community
page: contribute.page.tsx
href: /community
expanded: false expanded: false
items: items:
- label: Events - label: Events

60
content/top-nav.yaml
View File

@@ -10,29 +10,29 @@
- group: XRP Ledger Overview - group: XRP Ledger Overview
items: items:
- label: XRPL Overview - label: XRPL Overview
href: /about/xrp-ledger-overview/ href: /about
- label: Use Cases - label: Use Cases
href: /about/use-cases/ href: /about/uses
- label: History - label: History
href: /about/history/ href: /about/history
- label: Ledger Explorer - label: Ledger Explorer
href: https://livenet.xrpl.org href: https://livenet.xrpl.org
external: true external: true
- group: XRP - group: XRP
items: items:
- label: XRP Overview - label: XRP Overview
href: /about/xrp-overview href: /about/xrp
- group: Sustainability - group: Sustainability
items: items:
- label: Impact - label: Impact
href: /about/impact/ href: /about/impact
- group: About - group: About
items: items:
- label: XRPL Foundation - label: XRPL Foundation
href: https://foundation.xrpl.org/ href: https://foundation.xrpl.org/
external: true external: true
- label: FAQ - label: FAQ
href: /about/faq/ href: /about/faq
- group: Docs - group: Docs
items: items:
@@ -43,37 +43,57 @@
- group: Introduction to the XRP Ledger - group: Introduction to the XRP Ledger
items: items:
- label: What is XRP? - label: What is XRP?
href: /docs/concepts/introduction/what-is-xrp href: /introduction/what-is-xrp
- label: What is the XRP Ledger? - label: What is the XRP Ledger?
href: /docs/concepts/introduction/what-is-xrpl href: /introduction/what-is-the-xrp-ledger
- label: Transactions and Requests - label: Transactions and Requests
href: /docs/concepts/introduction/txn-and-requests href: /introduction/transactions-and-requests/
- group: Tutorials
items:
- label: Quickstart
href: /docs/tutorials/quickstart
- label: Code Samples
href: /docs/code-samples
- group: API Reference - group: API Reference
items: items:
- label: Client Libraries - label: Client Libraries
href: /docs/references/client-libraries/ href: /references/client-libraries/
- label: Public API Methods - label: Public API Methods
href: /docs/references/http-websocket-apis/public-api-methods/ href: /references/http-websocket-apis/public-api-methods/
- label: Admin API Methods - label: Admin API Methods
href: /docs/references/http-websocket-apis/admin-api-methods/ href: /references/http-websocket-apis/admin-api-methods/
- group: Popular Pages - group: Popular Pages
items: items:
- label: Send XRP - label: Send XRP
href: /tutorials/send-xrp/ href: /tutorials/get-started/send-xrp/
- label: XRP Faucets - label: XRP Faucets
href: /dev-tools/xrp-faucets href: /dev-tools/xrp-faucets
page: /dev-tools/xrp-faucets.page.tsx page: /dev-tools/xrp-faucets.page.tsx
- label: XRPL Servers - label: XRPL Servers
href: /infrastructure/xrpl-servers/ href: /infrastructure/xrpl-servers/
- label: Dev Tools - label: Dev Tools
href: /docs/dev-tools/ href: /dev-tools/
- group: Resources
items:
- group: Development
items:
- label: Code Samples
href: /resources/code-samples
- label: Dev Tools
href: /resources/dev-tools
- label: XRPL Learning Portal
href: https://learn.xrpl.org/
external: true
- label: XRPL Brand Kit
href: /static/XRPL_Brand_Kit.zip
- group: Current Status
items:
- label: Ledger Explorer
href: https://livenet.xrpl.org/
external: true
- label: Known Amendments
href: /resources/known-amendments
- group: Join In
items:
- label: Contribute Code
href: /resources/contribute-code
- label: Contribute Documentation
href: /resources/contribute-documentation
- group: Community - group: Community
items: items: