Move about/resources/community pages appropriately

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

View File

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

View File

@@ -1,9 +1,9 @@
import * as React from "react";
import { useTranslate } from "@portal/hooks";
import mapDark from "./static/js/impact/mapDark.json"
import mapLight from "./static/js/impact/mapLight.json"
import mapDark from "../static/js/impact/mapDark.json";
import mapLight from "../static/js/impact/mapLight.json";
import { useLottie } from "lottie-react";
import { useThemeFromClassList } from "./@theme/helpers";
import { useThemeFromClassList } from "../@theme/helpers";
export default function Impact() {
const theme = useThemeFromClassList(['dark', 'light'])
@@ -21,7 +21,7 @@ export default function Impact() {
<div className="position-relative d-none-sm">
<img
alt="default-alt-text"
src={require("./img/backgrounds/community-purple.svg")}
src={require("../img/backgrounds/community-purple.svg")}
className="landing-bg"
id="impact-purple"
/>
@@ -41,7 +41,7 @@ export default function Impact() {
<div className="position-relative d-none-sm">
<img
alt="default-alt-text"
src={require("./img/backgrounds/home-green.svg")}
src={require("../img/backgrounds/home-green.svg")}
id="impact-green"
/>
</div>
@@ -94,7 +94,7 @@ export default function Impact() {
<a href="#" id="playvideo">
<img
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"
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">
<img
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"
/>
<img
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"
/>
<div className="z-index-1 position-relative">

View File

@@ -72,7 +72,7 @@ export default function XrplOverview() {
<div className="position-relative">
<img
alt="default-alt-text"
src={require("./img/backgrounds/xrpl-overview-purple.svg")}
src={require("../img/backgrounds/xrpl-overview-purple.svg")}
className="landing-bg"
id="xrpl-overview-purple"
/>
@@ -94,7 +94,7 @@ export default function XrplOverview() {
<div className="position-relative d-none-sm">
<img
alt="default-alt-text"
src={require("./img/backgrounds/xrpl-overview-orange.svg")}
src={require("../img/backgrounds/xrpl-overview-orange.svg")}
id="xrpl-overview-orange"
/>
</div>
@@ -148,7 +148,7 @@ export default function XrplOverview() {
<a onClick={() => setVideoOne(!videoOne)} id="playvideo">
<img
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"
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">
<img
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"
/>
<div className="z-index-1 position-relative">
@@ -296,7 +296,7 @@ export default function XrplOverview() {
>
<img
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"
className="w-100 video-image"
/>
@@ -318,7 +318,7 @@ export default function XrplOverview() {
>
<img
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"
className="w-100 video-image"
/>
@@ -340,7 +340,7 @@ export default function XrplOverview() {
>
<img
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"
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">
<img
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"
/>
<div className="z-index-1 position-relative">

View File

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

View File

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

View File

@@ -12,7 +12,7 @@ export default function Ambassadors() {
<div className="landing page-ambassadors">
<div>
<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>
<section className="container-new py-26 text-lg-center">
<div className="p-0 col-lg-8 mx-lg-auto">
@@ -39,7 +39,7 @@ export default function Ambassadors() {
</div>
<div className="order-lg-1 col-lg-6 px-0 mr-lg-4">
<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 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="p-0">
<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.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-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" />
<div className="p-0 col-lg-7 mx-lg-auto">
<p className="p-lg-3 mb-2"><strong>Derrick N.</strong><br />
Toronto Metropolitan University<br />
@@ -234,8 +234,8 @@ export default function Ambassadors() {
<div className="carousel-item mb-20">
<div className="p-0">
<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.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-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" />
<div className="p-0 col-lg-7 mx-lg-auto">
<p className="p-lg-3 mb-2"><strong>Sally Z.</strong><br />
Toronto Metropolitan University<br />
@@ -247,8 +247,8 @@ export default function Ambassadors() {
<div className="carousel-item mb-40">
<div className="p-0">
<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.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-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" />
<div className="p-0 col-lg-7 mx-lg-auto">
<p className="p-lg-3 mb-2"><strong>Nick D.</strong><br />
Miami University<br />
@@ -278,7 +278,7 @@ export default function Ambassadors() {
<div className="row m-0">
<div className="col-12 col-lg-6 p-0 pr-lg-4">
<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">
<h6 className="mb-3">{translate("Apply")}</h6>
<p>{translate("Submit an application to be considered for the Campus Ambassador program.")}</p>
@@ -286,14 +286,14 @@ export default function Ambassadors() {
</div>
{/* Hide on large */}
<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">
<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>
</div>
</div>
<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">
<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>
@@ -301,7 +301,7 @@ export default function Ambassadors() {
</div>
{/* Hide on large */}
<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">
<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>
@@ -312,14 +312,14 @@ export default function Ambassadors() {
{/* Show on large */}
<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">
<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">
<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>
</div>
</div>
<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">
<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>
@@ -336,7 +336,7 @@ export default function Ambassadors() {
</section>
{/* Image Block */}
<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>
{/* Global Community Carousel */}
<section className="container-new pt-26">
@@ -349,14 +349,14 @@ export default function Ambassadors() {
</section>
<div id="container-scroll">
<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 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>
{/* Connect */}
@@ -377,14 +377,14 @@ export default function Ambassadors() {
<div className="row align-items-center m-0">
<div className="col-12 col-lg-6 p-0 pr-lg-4">
<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>
<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>
</div>
</div>
<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>
<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>
@@ -393,7 +393,7 @@ export default function Ambassadors() {
</div>
<div className="col-12 col-lg-6 p-0 pl-lg-4">
<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>
<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>

View File

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

View File

@@ -555,7 +555,7 @@ export default function Events() {
<div className="position-relative d-none-sm">
<img
alt="default-alt-text"
src={require("./img/backgrounds/events-orange.svg")}
src={require("../img/backgrounds/events-orange.svg")}
id="events-orange"
/>
</div>
@@ -574,7 +574,7 @@ export default function Events() {
<div className="pr-2 col">
<img
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"
/>
</div>
@@ -719,7 +719,7 @@ export default function Events() {
<div
className="event-card-header"
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>
@@ -844,7 +844,7 @@ export default function Events() {
<div
className="event-card-header"
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>

View File

@@ -1,8 +1,8 @@
import * as React from "react";
import { useTranslate } from "@portal/hooks";
import NetworkNodeLight from "./static/js/community/NetworkNodeLight.json";
import GrantsDark from "./static/js/community/XRPLGrantsDark.json";
import CareersDark from "./static/js/community/CareersDark.json";
import NetworkNodeLight from "../static/js/community/NetworkNodeLight.json";
import GrantsDark from "../static/js/community/XRPLGrantsDark.json";
import CareersDark from "../static/js/community/CareersDark.json";
import { useLottie } from "lottie-react";
import { useThemeFromClassList } from "./@theme/helpers";
@@ -95,35 +95,35 @@ export default function Contribute() {
className="parallax one"
width="220px"
height="160px"
src={require("./static/img/community/community-one.png")}
src={require("../static/img/community/community-one.png")}
/>
<img
alt="Person speaking at a conference"
className="parallax two"
width="120px"
height="160px"
src={require("./static/img/community/community-two.png")}
src={require("../static/img/community/community-two.png")}
/>
<img
alt="Person sitting and speaking"
className="parallax three"
width="102px"
height="102px"
src={require("./static/img/community/community-three.png")}
src={require("../static/img/community/community-three.png")}
/>
<img
alt="People chatting"
className="parallax four"
width="120px"
height="160px"
src={require("./static/img/community/community-four@2x.png")}
src={require("../static/img/community/community-four@2x.png")}
/>
<img
alt="Person speaking at Apex"
className="parallax five"
width="216px"
height="160px"
src={require("./static/img/community/community-five@2x.png")}
src={require("../static/img/community/community-five@2x.png")}
/>
</div>
<div className="col-lg-6 mx-auto text-left text-md-center">
@@ -229,7 +229,7 @@ export default function Contribute() {
</h6>
<img
alt="$10K - $200K"
src={require("./static/img/community/community-grants-1.svg")}
src={require("../static/img/community/community-grants-1.svg")}
/>
</div>
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
@@ -238,7 +238,7 @@ export default function Contribute() {
</h6>
<img
alt="$6.0M"
src={require("./static/img/community/community-grants-2.svg")}
src={require("../static/img/community/community-grants-2.svg")}
/>
</div>
<div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
@@ -247,7 +247,7 @@ export default function Contribute() {
</h6>
<img
alt="50+"
src={require("./static/img/community/community-grants-3.svg")}
src={require("../static/img/community/community-grants-3.svg")}
/>
</div>
<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">
<img
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"
/>
</div>
@@ -292,7 +292,7 @@ export default function Contribute() {
<div className="d-lg-none d-block">
<img
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"
/>
</div>
@@ -325,7 +325,7 @@ export default function Contribute() {
<div className=" pr-1 mr-3 align-self-start">
<img
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"
/>
<p className="bold text-light mt-3">
@@ -335,7 +335,7 @@ export default function Contribute() {
<div className=" px-1 mx-3 align-self-center">
<img
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"
/>
<p className="bold text-light mt-3">
@@ -345,7 +345,7 @@ export default function Contribute() {
<div className=" pl-1 ml-3 align-self-end">
<img
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"
/>
<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">
<img
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"
/>
<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">
<img
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"
/>
<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">
<img
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"
/>
<h6 className="mt-3">{translate("XRPL Hackathon 2022")}</h6>
@@ -458,7 +458,7 @@ export default function Contribute() {
<div className=" pr-1 mr-3">
<img
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"
/>
</div>
@@ -477,7 +477,7 @@ export default function Contribute() {
<div className=" pr-1 mr-3">
<img
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"
/>
</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">
<img
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"
/>
<img
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"
/>
<div className="z-index-1 position-relative">

View File

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

View File

@@ -7,7 +7,7 @@ const explorers_tools = [
description:
"View validations of new ledger versions in real-time, or chart the location of servers in the XRP Ledger.",
href: "https://livenet.xrpl.org",
img: require("img/dev-tools/explorer.png"),
img: require("../../img/dev-tools/explorer.png"),
},
{
id: "bithomp-explorer",
@@ -15,7 +15,7 @@ const explorers_tools = [
description:
"Explore public ledger data including accounts' transaction history and known names.",
href: "https://bithomp.com/",
img: require("img/dev-tools/bithomp.png"),
img: require("../../img/dev-tools/bithomp.png"),
},
{
id: "xrpscan",
@@ -23,7 +23,7 @@ const explorers_tools = [
description:
"Explore ledger activity, view amendment voting in real-time, and get account information. API access is also available.",
href: "https://xrpscan.com/",
img: require("img/dev-tools/xrpscan.png"),
img: require("../../img/dev-tools/xrpscan.png"),
},
{
id: "token-list",
@@ -31,7 +31,7 @@ const explorers_tools = [
description:
"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",
img: require("img/dev-tools/tokenlist.png"),
img: require("../../img/dev-tools/tokenlist.png"),
},
];
@@ -42,7 +42,7 @@ const api_access_tools = [
description:
"Send sample requests and get responses from the rippled API. ",
href: "websocket-api-tool",
img: require("img/dev-tools/websocket-tool.png"),
img: require("../../img/dev-tools/websocket-tool.png"),
},
{
id: "rpc",
@@ -50,14 +50,14 @@ const api_access_tools = [
description:
"Print raw information about an XRP Ledger account, transaction, or ledger.",
href: "xrp-ledger-rpc-tool",
img: require("img/dev-tools/rpc-tool.png"),
img: require("../../img/dev-tools/rpc-tool.png"),
},
{
id: "technical-explorer",
title: "Technical Explorer",
description: "Browse API objects from the ledger with real-time updates. ",
href: "https://explorer.xrplf.org/",
img: require("img/dev-tools/technical-explorer.png"),
img: require("../../img/dev-tools/technical-explorer.png"),
},
{
id: "faucets",
@@ -65,7 +65,7 @@ const api_access_tools = [
description:
"Get credentials and test-XRP for XRP Ledger Testnet or Devnet.",
href: "xrp-testnet-faucet",
img: require("img/dev-tools/faucets.png"),
img: require("../../img/dev-tools/faucets.png"),
},
{
id: "trasaction-sender",
@@ -73,7 +73,7 @@ const api_access_tools = [
description:
"Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.",
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",
description: "Verify your validator's domain.",
href: "validator-domain-verifier",
img: require("img/dev-tools/domain-checker.png"),
img: require("../../img/dev-tools/domain-checker.png"),
},
{
id: "xrp-ledger",
title: "xrp-ledger.toml Checker",
description: "Verify that your xrp-ledger.toml file is set up properly.",
href: "xrp-ledger-toml-checker",
img: require("img/dev-tools/toml-checker.png"),
img: require("../../img/dev-tools/toml-checker.png"),
},
{
id: "binary-visualizer",
@@ -98,7 +98,7 @@ const other = [
description:
"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/",
img: require("img/dev-tools/binary-visualizer.png"),
img: require("../../img/dev-tools/binary-visualizer.png"),
},
{
id: "token-metadata-lookup",
@@ -106,7 +106,7 @@ const other = [
description:
"Query known information about any token issued on the XRP Ledger.",
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">
<img
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"
/>
<img
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"
/>
<div className="z-index-1 position-relative">

View File

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

View File

@@ -10,29 +10,29 @@
- group: XRP Ledger Overview
items:
- label: XRPL Overview
href: /about/xrp-ledger-overview/
href: /about
- label: Use Cases
href: /about/use-cases/
href: /about/uses
- label: History
href: /about/history/
href: /about/history
- label: Ledger Explorer
href: https://livenet.xrpl.org
external: true
- group: XRP
items:
- label: XRP Overview
href: /about/xrp-overview
href: /about/xrp
- group: Sustainability
items:
- label: Impact
href: /about/impact/
href: /about/impact
- group: About
items:
- label: XRPL Foundation
href: https://foundation.xrpl.org/
external: true
- label: FAQ
href: /about/faq/
href: /about/faq
- group: Docs
items:
@@ -43,37 +43,57 @@
- group: Introduction to the XRP Ledger
items:
- label: What is XRP?
href: /docs/concepts/introduction/what-is-xrp
href: /introduction/what-is-xrp
- label: What is the XRP Ledger?
href: /docs/concepts/introduction/what-is-xrpl
href: /introduction/what-is-the-xrp-ledger
- label: Transactions and Requests
href: /docs/concepts/introduction/txn-and-requests
- group: Tutorials
items:
- label: Quickstart
href: /docs/tutorials/quickstart
- label: Code Samples
href: /docs/code-samples
href: /introduction/transactions-and-requests/
- group: API Reference
items:
- label: Client Libraries
href: /docs/references/client-libraries/
href: /references/client-libraries/
- 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
href: /docs/references/http-websocket-apis/admin-api-methods/
href: /references/http-websocket-apis/admin-api-methods/
- group: Popular Pages
items:
- label: Send XRP
href: /tutorials/send-xrp/
href: /tutorials/get-started/send-xrp/
- label: XRP Faucets
href: /dev-tools/xrp-faucets
page: /dev-tools/xrp-faucets.page.tsx
- label: XRPL Servers
href: /infrastructure/xrpl-servers/
- 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
items: