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

adds logic for countdown, adds background images, updates light mode styling, changes table logic and rm animation

Browse Source
This commit is contained in:
akcodez
2023-11-13 17:16:32 -08:00
parent 3185a70c3d
commit db3da24186
23 changed files with 6004 additions and 834 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/devportal2022-v25.css
View File

File diff suppressed because one or more lines are too long

BIN
assets/img/community/blockdaemon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
assets/img/community/community-five.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
assets/img/community/community-four.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
assets/img/community/community-one.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
assets/img/community/community-one@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 218 KiB

BIN
assets/img/community/community-three.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
assets/img/community/community-three@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 57 KiB

BIN
assets/img/community/community-two.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

BIN
assets/img/community/community-two@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 119 KiB

BIN
assets/img/community/xrp-cafe.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

11
assets/img/icons/arrow-down.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1873_52692)">
<path d="M12 19V5" stroke="#7919FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.001 13.999L12 19L6.99902 13.999" stroke="#7919FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_1873_52692">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 486 B

1
assets/js/community/28.json Normal file
View File

File diff suppressed because one or more lines are too long

2448
assets/js/community/network-node-light.json
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/number-animation.json Normal file
View File

File diff suppressed because one or more lines are too long

2091
assets/js/community/thirteen.json Normal file
View File

File diff suppressed because it is too large Load Diff

206
assets/js/contribute-carousel.js
View File

@@ -1,122 +1,124 @@
const events = [
{
name: "Q3 2023 Ripple XRP Meetup",
description: "Join your fellow Ripple XRP Enthusiasts for a 90-minute discussion. Topics: XRP, Flare, XRPL, Ripple (Company), General Crypto QA.",
type: "meetup",
link: "https://www.meetup.com/ripple-xrp-community/events/292740612",
location: "Online",
date: "July 13, 2023",
image: "Virtual-Event.png",
end_date: "July 13, 2023"
},
{
name: "XRPL Toronto Meetup",
description: "Prepare for an evening of XRPL Toronto Meetup – a celebration of discovery and connection. Join enthusiasts, innovators, and developers for inspiring talks, conversations, and learning. All are welcome, from seasoned developers to curious newcomers.",
type: "meetup",
link: "https://www.meetup.com/xrpl-toronto-community-meetup/events/294766059",
location: "Downtown Toronto",
date: "August 14, 2023",
image: "event-meetup-toronto@2x.jpg",
end_date: "August 14, 2023"
},
{
name: "XRPL London Meetup (Accelerator Edition)",
description: "Join us for a Happy Hour hosted by the XRPL Accelerator Team! Connect with fellow start-ups in the blockchain space and gain insights into cutting-edge projects and founders.",
type: "meetup",
link: "https://lu.ma/xrplacceleratorhappyhour",
location: "Central London",
date: "September 04, 2023",
image: "event-meetup-london.png",
end_date: "September 04, 2023"
},
{
name: "XRPL Accelerator Demo Day",
description: "​​Join us for our very first XRPL Accelerator Demo Day in London. Witness pitches from nine portfolio startups, engage in Q&A sessions, and network with founders and investors.",
type: "conference",
link: "https://lu.ma/xrplaccelerator",
location: "Central London and Online",
date: "September 05, 2023",
image: "Conference.png",
end_date: "September 05, 2023"
},
{
name: "XRPL Hackathon - Apex 2023",
description: "Join the XRPL Hackathon - APEX 2023, a week before the XRP Ledger's annual developer conference. Explore the Future of Finance and Web3 tracks, collaborate, learn, and compete for 10K USD in prizes.",
type: "hackathon",
link: "https://lu.ma/4h3bqfw1",
location: "Delft, Netherlands ",
date: "August 30, 2023 - August 31, 2023",
image: "Hackathons.png",
end_date: "August 31, 2023"
},
]
{
name: "XRPL Grants Info Session: Decentralized Exchange (DEX) Focused",
description:
"Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.",
type: "info-session",
link: "https://www.youtube.com/watch?v=BbGu0QC5WEE",
location: "Virtual - Zoom",
date: "September 06, 2023",
image: "InfoSessions.png",
end_date: "September 06, 2023",
},
{
name: "APEX 2024: The XRPL Developer Summit",
description:
"Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.",
type: "conference",
link: "http://apexdevsummit.com",
location: "Amsterdam",
date: "June 11 - 13, 2024",
image: "Conference.png",
end_date: "June 13, 2024",
},
{
name: "XRPL Developers Reddit AMA: Real World Assets",
description:
"Join us for a live chat on Reddit and learn more about how developers are building real world assets with confidence on the XRP Ledger.",
type: "ama",
link: "https://xrplresources.org/rwa-ama?utm_source=web&utm_medium=web&utm_campaign=bwc",
location: "Virtual - Reddit",
date: "October 17, 2023",
image: "AMAs.png",
end_date: "October 17, 2023",
},
{
name: "New Horizon: Innovate Without Limits: New Horizons Await",
description:
"Join us to kickstart the ecosystem of the upcoming EVM-compatible chain, opening new possibilities for developers to explore the limitless potential of our platform.",
type: "hackathon",
link: "https://newhorizon.devpost.com/",
location: "Virtual",
date: "October 19, 2023 - December 22, 2023",
image: "Hackathons.png",
end_date: "December 22, 2023",
},
];
let currentIndex = 1;
let isFirstLoad = true; // Add a flag to determine if it's the initial load
function updateCarousel() {
const centerImage = document.getElementById('center-image');
const leftImage = document.getElementById('left-image');
const rightImage = document.getElementById('right-image');
const centerImage = document.getElementById("center-image");
const leftImage = document.getElementById("left-image");
const rightImage = document.getElementById("right-image");
if (!isFirstLoad) {
// Only run the exit animation if it's not the first load
centerImage.classList.add('exit');
leftImage.classList.add('exit');
rightImage.classList.add('exit');
}
if (!isFirstLoad) {
// Only run the exit animation if it's not the first load
centerImage.classList.add("exit");
leftImage.classList.add("exit");
rightImage.classList.add("exit");
}
setTimeout(() => {
if (events[currentIndex - 1]) {
document.getElementById('prev-btn').style.opacity = 1;
leftImage.style.visibility = 'visible';
leftImage.src = `assets/img/events/${events[currentIndex - 1].image}`;
} else {
document.getElementById('prev-btn').style.opacity = 0.5;
leftImage.style.visibility = 'hidden';
}
setTimeout(
() => {
if (events[currentIndex - 1]) {
document.getElementById("prev-btn").style.opacity = 1;
leftImage.style.visibility = "visible";
leftImage.src = `assets/img/events/${events[currentIndex - 1].image}`;
} else {
document.getElementById("prev-btn").style.opacity = 0.5;
leftImage.style.visibility = "hidden";
}
centerImage.src = `assets/img/events/${events[currentIndex].image}`;
centerImage.onclick = function() { // Add an onclick event to the main image
window.open(events[currentIndex].link, '_blank'); // Open a new tab with the event link
};
centerImage.src = `assets/img/events/${events[currentIndex].image}`;
if (events[currentIndex + 1]) {
document.getElementById('next-btn').style.opacity = 1;
rightImage.style.visibility = 'visible';
rightImage.src = `assets/img/events/${events[currentIndex + 1].image}`;
} else {
document.getElementById('next-btn').style.opacity = 0.5;
rightImage.style.visibility = 'hidden';
}
if (events[currentIndex + 1]) {
document.getElementById("next-btn").style.opacity = 1;
rightImage.style.visibility = "visible";
rightImage.src = `assets/img/events/${events[currentIndex + 1].image}`;
} else {
document.getElementById("next-btn").style.opacity = 0.5;
rightImage.style.visibility = "hidden";
}
document.getElementById('event-name').textContent = events[currentIndex].name;
document.getElementById('event-location').textContent = events[currentIndex].location;
document.getElementById('event-date').textContent = events[currentIndex].date;
document.getElementById("event-name").textContent =
events[currentIndex].name;
document.getElementById("event-location").textContent =
events[currentIndex].location;
document.getElementById("event-date").textContent =
events[currentIndex].date;
if (!isFirstLoad) {
// Only run the enter animation if it's not the first load
centerImage.classList.remove('exit');
leftImage.classList.remove('exit');
rightImage.classList.remove('exit');
}
}, isFirstLoad ? 0 : 700); // If it's the first load, update immediately; otherwise, wait for the transition
if (!isFirstLoad) {
// Only run the enter animation if it's not the first load
centerImage.classList.remove("exit");
leftImage.classList.remove("exit");
rightImage.classList.remove("exit");
}
},
isFirstLoad ? 0 : 700
); // If it's the first load, update immediately; otherwise, wait for the transition
// After the initial setup, set isFirstLoad to false
isFirstLoad = false;
// After the initial setup, set isFirstLoad to false
isFirstLoad = false;
}
document.getElementById('prev-btn').addEventListener('click', function() {
if (currentIndex > 0) {
currentIndex--;
updateCarousel();
}
document.getElementById("prev-btn").addEventListener("click", function () {
if (currentIndex > 0) {
currentIndex--;
updateCarousel();
}
});
document.getElementById('next-btn').addEventListener('click', function() {
if (currentIndex < events.length - 1) {
currentIndex++;
updateCarousel();
}
document.getElementById("next-btn").addEventListener("click", function () {
if (currentIndex < events.length - 1) {
currentIndex++;
updateCarousel();
}
});
// Initial setup

452
assets/js/ecosystem/arrow-animation.json
View File

File diff suppressed because one or more lines are too long

153
styles/_contribute.scss
View File

@@ -1,4 +1,61 @@
.page-community {
.numbers-animation {
width: 218px;
height: 96px;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.bounce-arrow {
animation: bounce 1.5s infinite;
animation-timing-function: ease-in-out;
height: 26px;
width: 26px;
position: relative;
top: 24px;
}
.m-gif{
height: 108px;
}
.middle-image{
margin: 0 auto;
height: 35px;
}
.bg-hero{
width: 100%;
height: 635px;
}
#center-image{
cursor: pointer;
}
.gradient-num-three{
background: linear-gradient(35deg, #84F0B6 -0.3%, #B480FF 99.7%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.gradient-num-two{
background: linear-gradient(35deg, #EA80FF -0.3%, #80CCFF 99.7%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.gradient-num{
background: linear-gradient(35deg, #B480FF -0.3%, #FFAA80 99.7%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.main-title {
color: var(--black-black-0, #FFF);
text-align: center;
@@ -12,6 +69,7 @@
@media (max-width: 768px) {
font-size: 42px;
text-align: left;
}
}
@@ -59,6 +117,10 @@
border-radius: 5px;
padding-top: 165px;
@include media-breakpoint-up(lg) {
padding-top: 512px;
}
@media (max-width: 768px) {
margin: 0;
}
@@ -101,38 +163,16 @@
overflow: hidden; // Hide the overflow
max-width: 34vw; // Your current max width
position: relative; // To position the pseudo-element
white-space: nowrap;
&::after {
// Pseudo-element for gradient fade effect
content: '';
position: absolute;
right: 0;
top: 0;
width: 100px; // Width of the fade effect
height: 100%;
}
}
@keyframes scroll-text {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
vertical-align: middle;
}
.scrolling-text {
display: inline-block;
white-space: nowrap;
animation: scroll-text 30s linear infinite; // Adjust time as needed
}
#community-table img {
width: 52px;
max-width: 52px;
height: 29px;
}
@@ -202,15 +242,13 @@
}
@media (max-width: 768px) {
#community-table td {
white-space: nowrap;
overflow: scroll;
}
#community-table img {
width: 96px;
height: 29px;
}
#community-table {
width: 100%;
}
.td-img {
min-width: 60px;
@@ -336,8 +374,11 @@
.days-count {
font-size: 4rem; // Assuming a larger font for the days count. Adjust as needed.
// Add additional styles if required
}
background: linear-gradient(35deg, #B480FF -0.3%, #FFAA80 99.7%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
display: inline-block; /* Necessary to apply the gradient to text only and not the entire line/block */ }
h5 {
font-family: 'Work Sans', sans-serif;
@@ -401,7 +442,7 @@
flex: 1;
display: flex;
justify-content: space-between;
padding: 20px;
padding: 35px;
@media (max-width: 768px) {
flex-direction: column;
@@ -420,7 +461,8 @@
align-self: center;
text-align: center;
margin: 0 auto;
display: flex;
flex-direction: column;
@media (max-width: 768px) {
margin: 0px;
text-align: start;
@@ -601,6 +643,7 @@
display: flex;
flex-direction: column;
padding-right: 10px;
/* for spacing */
}
@@ -608,11 +651,14 @@
flex: 1;
position: relative;
margin-left: 70px;
margin-right: 70px
margin-right: 70px;
@media (max-width: 768px) {
gap: 30px;
}
}
.project-card {
height: 291px;
height: fit-content;
position: absolute;
width: 205px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
@@ -630,15 +676,17 @@
}
.project-card.bottom-right {
bottom: 0;
bottom: -25px;
right: 0;
}
.card-image {
height: 44%;
height: 144px;
/* adjust as per your design */
background-color: rgb(44, 43, 43);
/* placeholder */
display: flex;
align-items: center;
}
.spotlight-title,
@@ -688,6 +736,7 @@
font-weight: 400;
line-height: 16px;
cursor: pointer;
text-decoration: none;
}
@media (max-width: 992px) {
@@ -714,6 +763,7 @@
.project-card {
position: static;
margin: 20px 0;
height: fit-content;
/* Space between the cards */
}
}
@@ -722,7 +772,28 @@
width: 222px;
}
.bottom-cards-section .com-card .card-content {
display: flex;
flex-direction: column;
justify-content: space-between; /* Add this line */
gap: 16px;
position: relative;
z-index: 1;
height: 100%; /* Add this line to make card-content full height */
}
.bottom-cards-section .com-card {
padding: 36px;
background: #232325;
min-width: 352px;
height: 442px; /* You have a fixed height for the cards */
max-width: 352px;
position: relative;
display: flex; /* This makes sure your card content is a flex container */
flex-direction: column; /* Align children vertically */
justify-content: space-between; /* This will push the links to the bottom */
}
.bottom-cards-section {
display: flex;
@@ -737,11 +808,13 @@
background: #232325;
min-width: 352px;
height: 442px;
max-width: 352px;
position: relative;
.top-left-img {
position: absolute;
top: 0;
height: 292px;
left: 0;
content: url(../img/community/card-bg-1.png);
}
@@ -750,10 +823,12 @@
position: absolute;
bottom: 0;
right: 0;
height: 333px;
content: url(../img/community/card-bg-2.png);
}
.top-right-img {
height: 390px;
position: absolute;
top: 0;
right: 0;
@@ -764,7 +839,8 @@
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
z-index: 1;
.card-title {
color: var(--black-black-0-white, #FFF);
white-space: nowrap;
@@ -806,6 +882,7 @@
}
.com-card-link {
text-decoration: none;
cursor: pointer;
color: #7919FF;
font-family: Work Sans;

294
styles/_pages.scss
View File

@@ -4,6 +4,7 @@
left: 0;
top: -400px;
}
#home-green {
position: absolute;
right: -3px;
@@ -14,6 +15,7 @@
&:hover {
color: $blue-purple-400;
}
&.active {
color: $blue-purple-400;
font-weight: bold;
@@ -32,8 +34,9 @@
#benefits-list {
@each $benefit in "public", "streamlined", "performance", "low-cost",
"community", "reliability"
{
"community", "reliability"
{
##{$benefit} {
content: url("../img/icons/#{$benefit}.svg");
}
@@ -41,8 +44,8 @@
}
#advanced-features {
$feature-cards: [ "pink-purple", "neutral-blue", "light-green", "orange",
"purple-blue-2"];
$feature-cards: [ "pink-purple", "neutral-blue", "light-green", "orange", "purple-blue-2"];
@for $i from 1 through 5 {
.card:nth-child(#{$i}) .card-footer {
background-image: url("../img/cards/3col-#{nth($feature-cards, $i)}.svg");
@@ -53,6 +56,7 @@
#get-started {
$gs-cards: [ "orange-yellow", "magenta-orange", "purple-blue-green",
"light-blue", "green-blue"];
@for $i from 1 through 5 {
.card:nth-child(#{$i}) .card-footer {
background-image: url("../img/cards/3col-#{nth($gs-cards, $i)}.svg");
@@ -63,10 +67,12 @@
.cta {
position: absolute;
&-top-left {
top: 0;
left: 0;
}
&-bottom-right {
bottom: 0;
right: 0;
@@ -76,6 +82,7 @@
// Page backgrounds
.landing-bg {
opacity: 0.6;
@include media-breakpoint-up(md) {
opacity: 1;
}
@@ -94,6 +101,7 @@
background-position-x: left;
background-position-y: top;
opacity: 0.6;
@include media-breakpoint-up(md) {
opacity: 1;
}
@@ -106,6 +114,7 @@
top: 0;
left: 0;
}
#xrp-mark-overview {
@include media-breakpoint-down(sm) {
height: 40px;
@@ -118,6 +127,7 @@
#wallet-#{$wallet} {
content: url("../img/wallets/#{$wallet}.svg");
}
#wallet-bitfrost {
content: url("../img/wallets/bitfrost.png");
}
@@ -127,8 +137,9 @@
#top-exchanges {
// Vector logos
@each $exchange in "bitstamp", "kraken", "cex-io", "liquid", "lmax",
"bitfinex", "etoro"
{
"bitfinex", "etoro"
{
#exch-#{$exchange} {
content: url("../img/exchanges/#{$exchange}.svg");
}
@@ -147,11 +158,13 @@
position: absolute;
top: 40px;
left: 0;
@include media-breakpoint-down(sm) {
top: 0;
left: -20vw;
}
}
#xrpl-overview-orange {
position: absolute;
top: 80px;
@@ -195,6 +208,7 @@
.modal {
padding: 0;
}
.modal-content {
position: relative;
display: flex;
@@ -217,9 +231,11 @@
background: $gray-900;
box-shadow: 0px 1px 2px $black;
}
.modal-header .cancel .chevron {
transform: rotate(90deg);
}
.modal-header .apply .chevron {
transform: rotate(-90deg);
}
@@ -239,18 +255,21 @@
margin-bottom: 0.5rem;
line-height: 26px;
}
.card-uses {
padding: 16px;
margin: 0;
text-decoration: none;
transition: all 0.35s ease-out;
}
.card-uses:hover {
text-decoration: none;
color: $gray-200;
transform: translateY(-16px);
text-decoration: none;
}
.card-body {
background: $gray-800;
border-radius: 8px;
@@ -258,6 +277,7 @@
padding: 32px;
margin: 0;
}
.page-events .label {
font-weight: normal;
font-size: 14px;
@@ -270,21 +290,25 @@
/*color: $gray-300;*/
color: $gray-300;
}
.light {
.category-checkbox label {
color: #ffffff;
}
}
.category-checkbox {
display: flex;
align-items: center;
}
.category-checkbox label {
font-weight: normal;
font-size: 14px;
margin: 0;
padding-left: 26px;
}
.category_count {
margin-left: 8px;
padding: 2px 16px;
@@ -298,16 +322,18 @@
line-height: 16px;
color: $blue-purple-300;
}
.category_sidebar {
position: sticky;
top: 10px;
}
@each $usecase in "infrastructure", "developer_tooling", "interoperability",
"wallet", "nfts", "exchanges", "gaming", "security", "payments",
"web_monetization", "sustainability", "cbdc", "other", "carbon_markets",
"custody", "defi"
{
"wallet", "nfts", "exchanges", "gaming", "security", "payments",
"web_monetization", "sustainability", "cbdc", "other", "carbon_markets",
"custody", "defi"
{
##{$usecase} {
content: url("../img/icons/usecases/ic_#{$usecase}.png");
}
@@ -316,46 +342,44 @@
// logos for cards
// $type incase png or jpg is needed.
@each $company,
$type
in (
"bithomp": "svg",
"onthedex": "svg",
"gatehub": "svg",
"towo-labs": "svg",
"xrp-toolkit": "svg",
"xrpl-org-ledger-explorer": "svg",
"xrpl-rosetta": "svg",
"xrpscan": "svg",
"evernode": "svg",
"cryptum": "svg",
"x-tokenize": "svg",
"multichain": "svg",
"xumm-wallet": "svg",
"gem-wallet": "svg",
"aesthetes": "svg",
"audiotarky": "svg",
"xrp-cafe": "svg",
"nft-master": "svg",
"onxrp": "svg",
"peerkat": "svg",
"sologenic-nft": "svg",
"sologenic-dex": "svg",
"xp-market": "svg",
"ledger-city": "svg",
"forte": "svg",
"anchain-ai": "svg",
"coil": "svg",
"carbonland-trust": "svg",
"casino-coin": "svg",
"bitgo": "svg",
"bitpay": "svg",
"ripples-on-demand-liquidity": "svg",
"ripples-cbdc-platform": "svg",
"momento": "svg",
"Crossmark": "png",
"Edge": "png"
)
{
$type in ("bithomp": "svg",
"onthedex": "svg",
"gatehub": "svg",
"towo-labs": "svg",
"xrp-toolkit": "svg",
"xrpl-org-ledger-explorer": "svg",
"xrpl-rosetta": "svg",
"xrpscan": "svg",
"evernode": "svg",
"cryptum": "svg",
"x-tokenize": "svg",
"multichain": "svg",
"xumm-wallet": "svg",
"gem-wallet": "svg",
"aesthetes": "svg",
"audiotarky": "svg",
"xrp-cafe": "svg",
"nft-master": "svg",
"onxrp": "svg",
"peerkat": "svg",
"sologenic-nft": "svg",
"sologenic-dex": "svg",
"xp-market": "svg",
"ledger-city": "svg",
"forte": "svg",
"anchain-ai": "svg",
"coil": "svg",
"carbonland-trust": "svg",
"casino-coin": "svg",
"bitgo": "svg",
"bitpay": "svg",
"ripples-on-demand-liquidity": "svg",
"ripples-cbdc-platform": "svg",
"momento": "svg",
"Crossmark": "png",
"Edge": "png"
) {
#use_case_companies_list {
##{$company} {
.biz-logo {
@@ -370,6 +394,7 @@
h1 {
font-size: 62px;
}
.container-new {
padding-left: 64px;
padding-right: 64px;
@@ -388,6 +413,7 @@
}
}
}
// End UseCases
// History Page
@@ -396,15 +422,18 @@
top: 0;
right: -4px;
}
#history-purple {
position: absolute;
top: -480px;
left: -4px;
}
.hidden-section {
overflow: hidden;
visibility: hidden;
height: 0;
&.show {
overflow: auto;
visibility: visible;
@@ -419,11 +448,13 @@
left: -4px;
rotate: (180deg);
}
#impact-purple {
position: absolute;
top: 100px;
right: -4px;
}
#impact-magenta {
position: absolute;
top: 100px;
@@ -436,6 +467,7 @@
top: 0px;
left: 0px;
}
#foundation-orange {
position: absolute;
top: 40px;
@@ -446,6 +478,7 @@
#map-light {
display: none;
}
#map-dark {
display: block;
}
@@ -486,8 +519,9 @@
.page-ambassadors {
#benefits-list {
@each $benefits in "benefits-01", "benefits-02", "benefits-03",
"benefits-04", "benefits-05", "benefits-06"
{
"benefits-04", "benefits-05", "benefits-06"
{
##{$benefits} {
content: url("../img/ambassadors/#{$benefits}.svg");
}
@@ -496,8 +530,9 @@
#eligibility-list {
@each $eligibility in "eligibility-01", "eligibility-02", "eligibility-03",
"eligibility-04", "eligibility-05"
{
"eligibility-04", "eligibility-05"
{
##{$eligibility} {
content: url("../img/ambassadors/#{$eligibility}.svg");
}
@@ -538,6 +573,7 @@
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-50%, 0);
}
@@ -548,6 +584,7 @@
height: 392px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
#carouselSlidesOnly {
height: 320px;
@@ -558,6 +595,7 @@
h6 {
font-size: 1.25rem;
}
// Arrow links after text
.btn-arrow::after {
display: inline-block;
@@ -583,14 +621,17 @@
animation: autoscroll 15s linear infinite;
white-space: nowrap;
overflow: hidden;
max-width: 300px; /* adjust this value based on your design requirements */
max-width: 300px;
/* adjust this value based on your design requirements */
}
// Community Page
#community-magenta {
position: absolute;
top: 0px;
left: 0px;
}
#community-purple {
position: absolute;
top: 160px;
@@ -607,6 +648,7 @@
background-repeat: no-repeat;
background-position: center;
}
#events-orange {
position: absolute;
top: 0px;
@@ -615,18 +657,21 @@
.event-hero {
color: $gray-100;
p {
font-weight: 500;
font-size: 24px;
line-height: 32px;
}
}
.event-save-date {
color: $white;
font-weight: bold;
font-size: 20px;
line-height: 26px;
}
.event-small-gray {
color: $gray-200;
}
@@ -696,16 +741,20 @@
.icon-date::before {
background: url(../img/events/event-date.svg);
}
.icon-location::before {
background: url(../img/events/event-location.svg);
}
} //end event card
}
//end event card
@media (min-width: 992px) {
.event-card {
max-width: 347px;
margin: 32px;
}
.event-card-header {
height: 197px !important;
}
@@ -815,24 +864,31 @@
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-3.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-purple-blue-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-green-2.svg);
}
.card:nth-child(5) .card-footer {
background-image: url(../img/cards/4col-orange-yellow-2.svg);
}
.card:nth-child(6) .card-footer {
background-image: url(../img/cards/4col-blue-purple.svg);
}
.card:nth-child(7) .card-footer {
background-image: url(../img/cards/4col-yellow-2.svg);
}
.card:nth-child(8) .card-footer {
background-image: url(../img/cards/4col-orange-2.svg);
}
@@ -845,6 +901,7 @@
.page-faq {
&::before {
background-image: url(../img/backgrounds/faq-bg.svg);
@include media-breakpoint-up(md) {
background-size: contain;
}
@@ -874,6 +931,7 @@
margin-top: 6.5rem;
}
}
.content h1:first-of-type {
font-size: 2.625rem;
line-height: 1.2;
@@ -940,7 +998,7 @@
visibility: hidden;
}
> a {
>a {
text-decoration: none;
&:hover {
@@ -975,6 +1033,7 @@
padding: 0.75rem 0.75rem 0.75rem 1rem;
line-height: 2rem;
}
.ds-input {
height: 56px;
padding: 0.75rem 1rem 0.75rem 0.5rem;
@@ -985,12 +1044,15 @@
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-green.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-light-blue.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-orange.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-yellow.svg);
}
@@ -1000,12 +1062,15 @@
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-orange-yellow.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-magenta.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-blue-green.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-light-blue-2.svg);
}
@@ -1019,18 +1084,28 @@
.page-docs-index,
.page-community {
#community-heading {
padding-top: 18.5rem;
padding-bottom: 5rem;
padding-left: 1rem;
padding-top: 25rem;
@media (max-width: 768px) {
padding-top: 31rem;
}
.hero-title {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
margin-top: 0px;
@include media-breakpoint-up(lg) {
padding-top: 16rem;
padding-bottom: 15rem;
padding-left: 0;
.hero-title {
min-width: max-content;
bottom: -83%;
}
}
@include media-breakpoint-up(xl) {
padding-bottom: 25rem;
}
// Floating images
.parallax {
position: absolute;
@@ -1044,22 +1119,34 @@
.one {
top: 160px;
left: 0%;
opacity: 0.4;
}
.two {
top: 439px;
left: 22%;
top: 130px;
left: 56%;
height: 320px;
opacity: 0.4;
}
.three {
top: 517px;
left: 52%;
top: 145px;
right: 17%;
height: 40px;
}
.four {
top: 322px;
left: 71%;
top: 374px;
left: 8%;
width: 107px;
}
.five {
top: 120px;
right: 0%;
top: 476px;
width: 152px;
height: 102px;
right: 5%;
opacity: 0.4;
}
}
@@ -1067,12 +1154,15 @@
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-yellow-2.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-purple.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-magenta-2.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-light-green.svg);
}
@@ -1122,6 +1212,7 @@
#xrpl-grants {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {
padding-top: 104px;
padding-bottom: 104px;
@@ -1130,6 +1221,7 @@
#xrpl-blog {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {
padding-top: 104px;
padding-bottom: 104px;
@@ -1138,6 +1230,7 @@
#xrpl-events {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {
padding-top: 104px;
padding-bottom: 104px;
@@ -1146,6 +1239,7 @@
#xrpl-careers {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {
padding-top: 104px;
padding-bottom: 104px;
@@ -1154,6 +1248,7 @@
#xrpl-design-assets {
padding-bottom: 5rem;
@include media-breakpoint-up(md) {
padding-top: 104px;
padding-bottom: 208px;
@@ -1163,8 +1258,9 @@
.page-community {
@each $platform in "github", "twitch", "stack-overflow", "twitter", "discord",
"youtube", "devto"
{
"youtube", "devto"
{
#platform-#{$platform} {
content: url("../img/logos/#{$platform}.svg");
}
@@ -1176,23 +1272,29 @@
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/3col-orange-2.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3col-green-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/3col-magenta.svg);
}
}
#xrpl-protocol .card-deck {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-4.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-blue-green-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-yellow-3.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-purple-blue.svg);
}
@@ -1201,29 +1303,28 @@
.page-dev-tools {
@each $tool,
$card-graphic
in (
"xrp-explorer": "3-col-orange",
"bithomp-explorer": "3-col-light-blue",
"xrpscan": "3-col-pink",
"token-list": "3-col-pink2",
"websocket": "3-col-purple2",
"rpc": "3-col-green",
"technical-explorer": "3-col-purple-blue",
"faucets": "3-col-pink2",
"trasaction-sender": "3-col-light-blue2",
"domain": "3-col-green-purple",
"xrp-ledger": "3-col-dark-blue",
"binary-visualizer": "3-col-purple-blue",
"token-metadata-lookup": "3-col-pink-purple"
)
{
$card-graphic in ("xrp-explorer": "3-col-orange",
"bithomp-explorer": "3-col-light-blue",
"xrpscan": "3-col-pink",
"token-list": "3-col-pink2",
"websocket": "3-col-purple2",
"rpc": "3-col-green",
"technical-explorer": "3-col-purple-blue",
"faucets": "3-col-pink2",
"trasaction-sender": "3-col-light-blue2",
"domain": "3-col-green-purple",
"xrp-ledger": "3-col-dark-blue",
"binary-visualizer": "3-col-purple-blue",
"token-metadata-lookup": "3-col-pink-purple"
) {
##{$tool} {
.card-footer {
background-image: url("../img/cards/#{$card-graphic}.svg");
}
}
}
.nav-link {
color: $gray-400;
background-color: $gray-900;
@@ -1241,42 +1342,51 @@
padding-left: 0;
justify-content: space-between;
}
.nav-item {
display: inline-flex;
width: auto;
list-style: outside none none;
}
.nav-link {
display: inline-flex;
width: auto;
padding: 1em 1em;
}
}
.nav-link.active {
border-bottom-color: $blue-purple-400;
color: $white;
font-weight: bold;
}
.nav-tabs {
border-bottom: 1px solid $gray-600;
}
.btn {
padding: 0.75rem;
}
}
html.light {
.page-dev-tools {
.nav-link {
background-color: $gray-100;
}
.nav-link.active {
border-bottom-color: $blue-purple-400;
color: $black;
font-weight: bold;
}
.nav-link {
color: $black;
}
#trasaction-sender .card-footer {
background-image: url("../img/cards/3-col-light-blue-2.svg");
}

313
template/page-community.html.jinja
View File

@@ -16,122 +16,29 @@
{% block breadcrumbs %}{% endblock %}
{% block main %}
{% set events = [
{ "name": "Q3 2023 Ripple XRP Meetup",
"description": "Join your fellow Ripple XRP Enthusiasts for a 90-minute discussion. Topics: XRP, Flare, XRPL, Ripple (Company), General Crypto QA.",
"type": "meetup",
"link": "https://www.meetup.com/ripple-xrp-community/events/292740612",
"location": "Online",
"date": "July 13, 2023",
"image": "Virtual-Event.png",
"end_date": "July 13, 2023"
},
{ "name": "XRPL Toronto Meetup",
"description": "Prepare for an evening of XRPL Toronto Meetup – a celebration of discovery and connection. Join enthusiasts, innovators, and developers for inspiring talks, conversations, and learning. All are welcome, from seasoned developers to curious newcomers.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-toronto-community-meetup/events/294766059",
"location": "Downtown Toronto",
"date": "August 14, 2023",
"image": "event-meetup-toronto@2x.jpg",
"end_date": "August 14, 2023"
},
{ "name": "XRPL London Meetup (Accelerator Edition)",
"description": "Join us for a Happy Hour hosted by the XRPL Accelerator Team! Connect with fellow start-ups in the blockchain space and gain insights into cutting-edge projects and founders.",
"type": "meetup",
"link": "https://lu.ma/xrplacceleratorhappyhour",
"location": "Central London",
"date": "September 04, 2023",
"image": "event-meetup-london.png",
"end_date": "September 04, 2023"
},
{
"name": "XRPL Accelerator Demo Day",
"description": "​​Join us for our very first XRPL Accelerator Demo Day in London. Witness pitches from nine portfolio startups, engage in Q&A sessions, and network with founders and investors. ",
"type": "conference",
"link": "https://lu.ma/xrplaccelerator",
"location": "Central London and Online",
"date": "September 05, 2023",
"image": "Conference.png",
"end_date": "September 05, 2023"
},
{ "name": "XRPL Hackathon - Apex 2023",
"description": "Join the XRPL Hackathon - APEX 2023, a week before the XRP Ledger's annual developer conference. Explore the Future of Finance and Web3 tracks, collaborate, learn, and compete for 10K USD in prizes.",
"type": "hackathon",
"link": "https://lu.ma/4h3bqfw1",
"location": "Delft, Netherlands ",
"date": "August 30, 2023 - August 31, 2023",
"image": "Hackathons.png",
"end_date": "August 31, 2023"
},
{ "name": "XRPL Grants Info Session: Financial Inclusion Focused",
"description": "Join us for a live information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Financial Inclusion projects.",
"type": "info-session",
"link": "https://www.youtube.com/watch?v=TgLaAXTZY7Q",
"location": "Virtual - Zoom",
"date": "September 05, 2023",
"image": "InfoSessions.png",
"end_date": "September 05, 2023"
},
{ "name": "XRPL South Korea Meetup - XCCESS",
"description": "We are excited to introduce the XRP Ledger XCCESS - an exclusive meetup bringing together the brightest minds, innovators, and enthusiasts from South Korea's blockchain industry. Join us for an engaging experience during the Korea Blockchain Week.",
"type": "meetup",
"link": "https://lu.ma/xrplxccess",
"location": "South Korea - JBK Tower",
"date": "September 06, 2023",
"image": "SouthKoreaMeetup.png",
"end_date": "September 06, 2023"
},
{ "name": "XRPL Grants Info Session: Decentralized Exchange (DEX) Focused",
"description": "Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.",
"type": "info-session",
"link": "https://www.youtube.com/watch?v=BbGu0QC5WEE",
"location": "Virtual - Zoom",
"date": "September 06, 2023",
"image": "InfoSessions.png",
"end_date": "September 06, 2023"
},
{ "name": "XRPL Developers Discord AMA: Edge Wallet",
"description": "Join us for a live chat on Discord and learn more about Edge Wallet and how they are building on the XRP Ledger.",
"type": "ama",
"link": "http://xrpldevs.org/",
"location": "XRPL Developers Discord",
"date": "October 13, 2023",
"image": "AMAs.png",
"end_date": "October 13, 2023"
},
{ "name": "XRPL Developers Reddit AMA: Real World Assets",
"description": "Join us for a live chat on Reddit and learn more about how developers are building real world assets with confidence on the XRP Ledger.",
"type": "ama",
"link": "https://xrplresources.org/rwa-ama?utm_source=web&utm_medium=web&utm_campaign=bwc",
"location": "Virtual - Reddit",
"date": "October 17, 2023",
"image": "AMAs.png",
"end_date": "October 17, 2023"
},
]
%}
<section class="text-center" id="community-heading" style="position: relative;">
<div class="d-lg-block d-none">
<img alt="People sitting at a conference" class="parallax one" width="220px" height="160px" src="./assets/img/community/community-one@2x.png">
<img alt="Person speaking at a conference" class="parallax two" width="120px" height="160px" src="./assets/img/community/community-two@2x.png">
<img alt="Person sitting and speaking" class="parallax three" width="102px" height="102px" src="./assets/img/community/community-three@2x.png">
<img alt="People chatting" class="parallax four" width="120px" height="160px" src="./assets/img/community/community-four@2x.png">
<img alt="Person speaking at Apex" class="parallax five" width="216px" height="160px" src="./assets/img/community/community-five@2x.png">
<div class="d-lg-block d-none">
<img alt="People sitting at a conference" class="parallax one" width="152px" height="102px" src="./assets/img/community/community-one.png">
<img alt="Person speaking at a conference" class="parallax two" src="./assets/img/community/community-two.png">
<img alt="Person sitting and speaking" class="parallax three" src="./assets/img/community/community-three.png">
<img alt="People chatting" class="parallax four" width="120px" height="160px" src="./assets/img/community/community-four.png">
<img alt="Person speaking at Apex" class="parallax five" src="./assets/img/community/community-five.png">
</div>
<div class="col-lg-6 mx-auto text-left text-md-center" style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0 main-title">
{% trans %}A Global Blockchain
<br class="until-sm"/>
Community of <span class="builders-wrap">Builders</span>
<br class="until-sm" />
and Innovators{% endtrans %}
</h1>
<h6 class="eyebrow mb-3">{% trans %}XRPL Community{% endtrans %}</h6>
<div class="mx-auto text-left col-lg-6 text-md-center hero-title" >
<div class="d-flex flex-column-reverse align-items-center">
<img src="../assets/img/icons/arrow-down.svg" class="bounce-arrow" alt="Down Arrow" />
<h1 class="mb-0 main-title">
{% trans %}A Global Blockchain
<br class="until-sm"/>
Community of
<span class="builders-wrap">Builders</span>
<br class="until-sm" />
and Innovators{% endtrans %}
</h1>
<h6 class="mb-3 eyebrow">{% trans %}XRPL Community{% endtrans %}</h6>
</div>
</div>
</section>
@@ -142,25 +49,26 @@
<table>
<tr>
<td class="td-img"><img class="discord-icon" alt="discord icon"></td>
<td>Prepare for an evening of XRPL Toronto Meetup – a celebration of discovery and connection. Join enthusiasts, innovators, and developers for inspiring talks, conversations, and learning. All are welcome, from seasoned developers to curious newcomers.</td>
<td>AMA with Edge Wallet: Learn more about Edge Wallet and how they are building on the XRP Ledger.</td>
<td>
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
<a href="https://discord.com/channels/886050993802985492/950893687313940582/1162480612209332345" target="_blank" class="text-external-link"><span class="external-link-contribute"></span></a>
</td>
</tr>
<tr>
<td class="td-img"><img class="twitter-icon" alt="twitter icon"></td>
<td>Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis 1 Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis 2 Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis </td>
<td>Clawback: A newly proposed feature that adds to the XRP Ledger's token asset control capabilities.</td>
<td>
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
<a href="https://x.com/RippleXDev/status/1708889238471950610?s=20" target="_blank" class="text-external-link"><span class="external-link-contribute"></span></a>
</td>
</tr>
<tr>
<td class="td-img"><img class="youtube-icon" alt="youtube icon"></td>
<td>We are excited to introduce the XRP Ledger XCCESS - an exclusive meetup bringing together the brightest minds, innovators, and enthusiasts from South Korea's blockchain industry. Join us for an engaging experience during the Korea Blockchain Week. </td>
<td>APEX 2023: View keynote sessions from the annual developer summit where developers, contributors, and thought leaders come together to learn, build, and celebrate all things XRP Ledger.</td>
<td>
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
<a href="https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZBdGc33An5Is6IFMxw3D7u" target="_blank" class="text-external-link"><span class="external-link-contribute"></span></a>
</td>
</tr>
{#
<tr>
<td class="td-img"><img class="github-icon" alt="xrpl icon"></td>
<td>Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.</td>
@@ -170,18 +78,20 @@
</tr>
<tr>
<td class="td-img"><img class="stackoverflow-icon" alt="xrpl icon"></td>
<td>Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects. </td>
<td>Deep Dive into XRPL DeFi Course: Learn about the inner workings of decentralized finance including safety and security, auto-bridging, pathfinding, liquidity pools, and more.</td>
<td>
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
</td>
</tr>
#}
<tr>
<td class="td-img"><img class="xrpl-icon" alt="xrpl icon"></td>
<td>Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.</td>
<td>Deep Dive into XRPL DeFi Course: Learn about the inner workings of decentralized finance including safety and security, auto-bridging, pathfinding, liquidity pools, and more.</td>
<td>
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
<a href="https://learn.xrpl.org/course/deep-dive-into-xrpl-defi/" target="_blank" class="text-external-link"><span class="external-link-contribute"></span></a>
</td>
</tr>
</table>
</section>
@@ -194,13 +104,12 @@
<p class="description">Meet the XRPL community at meetups, hackathons, blockchain conferences, and more across global regions.</p>
<a class="cd-none-sm btn btn-primary btn-arrow view-all-events-btn" href="events.html">{% trans %}View All Events{% endtrans %}</a>
</div>
<div class="upcoming-event">
<div class="upcoming-event" id="upcoming-events-section">
<p class="upcoming-label">UPCOMING EVENT</p>
<div class="days-count">13 days</div>
<h5 class="event-name">XRPL Warsaw Meetup 2023</h5>
<p class="event-details mb-2 d-flex icon"> <span class="icon-location"> </span>September 08-09, 2023</p>
<p class="event-location d-flex icon"> <span class="icon-date"> </span>Warsaw, Poland</p>
<div id="days-count" class="days-count">13 days</div>
<h5 id="upcoming-event-name" class="event-name">XRPL Warsaw Meetup 2023</h5>
<p class="mb-2 event-details d-flex icon"> <span class="icon-location"> </span><span id="upcoming-event-date">September 08-09, 2023</span></p>
<p class="event-location d-flex icon"> <span class="icon-date" id="upcoming-event-location"> </span>Warsaw, Poland</p>
</div>
<a class="cd-none-lg btn btn-primary btn-arrow view-all-events-btn" href="events.html">{% trans %}View All Events{% endtrans %}</a>
</section>
@@ -240,16 +149,16 @@
<div class="stacked-stats">
<div class="stat">
<span class="small-text">funding been awarded</span>
<div class="number" >$13M+</div>
<div id="staticImage" class="number gradient-num" >$13M+</div>
</div>
<div class="stat">
<span class="small-text">teams awarded globally</span>
<div class="number" >120+</div>
<div class="number gradient-num-two" >120+</div>
</div>
</div>
<div class="stat">
<span class="small-text">countries represented</span>
<div class="number">28+</div>
<div class="number gradient-num-three">28+</div>
</div>
</div>
<div class="funding-section">
@@ -269,19 +178,23 @@
</div>
<div class="projects-wrapper">
<div class="project-card top-left">
<div class="card-image"></div>
<div class="card-image">
<img class="middle-image" src="./assets/img/community/blockdaemon.png" />
</div>
<div class="card-details">
<h6 class="project-title">XRPCafe</h6>
<p class="project-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="" class="view-project external-link">View Project</a>
<h6 class="project-title">Blockdaemon</h6>
<p class="project-description">Your go-to independent blockchain infrastructure provider, offering secure and scalable blockchain services, including wallets, nodes, staking, protocols, and integrations for developers and institutions alike.</p>
<a href="https://xrpl.org/blog/2023/blockdaemon.html" target="_blank" class="view-project external-link">View Project</a>
</div>
</div>
<div class="project-card bottom-right">
<div class="card-image"></div>
<div class="card-image">
<img class="middle-image" src="./assets/img/community/xrp-cafe.png" />
</div>
<div class="card-details">
<h6 class="project-title">XRPCafe</h6>
<p class="project-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="" class="view-project external-link">View Project</a>
<p class="project-description">A premier NFT marketplace dedicated to fostering mass adoption of the XRP Ledger.</p>
<a href="https://xrpl.org/blog/2023/xrpcafe.html" target="_blank" class="view-project external-link">View Project</a>
</div>
</div>
</div>
@@ -295,10 +208,10 @@
<h6 class="card-subtitle">Run an XRP Ledger network node </h6>
<p class="card-description">Thank you for your interest in contributing to XRPL.org. </p>
<div class="card-links">
<a class="com-card-link" href="">{% trans %}The Rippled Server{% endtrans %}</a>
<a class="com-card-link">Join UNL </a>
<a class="com-card-link">Install & Configure</a>
<a class="com-card-link">Troubleshooting</a>
<a class="com-card-link" target="_blank" href="the-rippled-server.html">{% trans %}The Rippled Server{% endtrans %}</a>
<a class="com-card-link" href="run-rippled-as-a-validator.html" target="_blank">Join UNL </a>
<a class="com-card-link" target="_blank" href="install-rippled.html">Install & Configure</a>
<a class="com-card-link" target="_blank" href="troubleshoot-the-rippled-server.html">Troubleshooting</a>
</div>
</div>
</div>
@@ -309,7 +222,7 @@
<h6 class="card-subtitle">Discover your next career opportunity in the XRPL community </h6>
<p class="card-description">Teams across the XRPL community are looking for talented individuals to help build their next innovation. </p>
<div class="card-links">
<a class="com-card-link">View Open Roles</a>
<a class="com-card-link" target="_blank" href="https://jobs.xrpl.org/jobs">View Open Roles</a>
</div>
</div>
</div>
@@ -320,35 +233,13 @@
<h6 class="card-subtitle">A Community-Driven Resource for All Things XRPL.org </h6>
<p class="card-description">Contribute to XRPL.org, the go-to resource for XRP Ledger. This open-source portal welcomes contributions from anyone for suggested changes. </p>
<div class="card-links">
<a class="com-card-link">Read Contributor Guidelines </a>
<a class="com-card-link" target="_blank" href="https://github.com/XRPLF/xrpl-dev-portal/blob/master/CONTRIBUTING.md">Read Contributor Guidelines </a>
</div>
</div>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
const cells = document.querySelectorAll("#community-table td");
cells.forEach(function(cell) {
if (cell.scrollWidth > cell.clientWidth) { // If the text overflows
const text = cell.innerText;
cell.innerHTML = '<div class="scrolling-text">' + text + '</div>';
}
});
});
</script>
<!-- TypeFrom for blog -->
<script src="//embed.typeform.com/next/embed.js"></script>
<!-- Light version for network node looks ok for both light/dark.-->
<!-- Dark version for other two and using filter invert and adjust brightness for light mode -->
<script type="application/javascript" src="{{currentpage.prefix}}assets/js/contribute-carousel.js"></script>
{% endblock %}
{% block analytics %}
<script type="application/javascript">
window.dataLayer = window.dataLayer || [];
@@ -359,3 +250,97 @@ document.addEventListener("DOMContentLoaded", function() {
})
</script>
{% endblock analytics %}
{% block endbody %}
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/ecosystem/arrow-animation.json"></script>
<script type="application/javascript" src="{{currentpage.prefix}}assets/js/contribute-carousel.js"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
const events = [
{
name: "XRPL Grants Info Session: Decentralized Exchange (DEX) Focused",
description:
"Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.",
type: "info-session",
link: "https://www.youtube.com/watch?v=BbGu0QC5WEE",
location: "Virtual - Zoom",
date: "September 06, 2023",
image: "InfoSessions.png",
end_date: "September 06, 2023",
},
{
name: "APEX 2024: The XRPL Developer Summit",
description:
"Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.",
type: "conference",
link: "http://apexdevsummit.com",
location: "Amsterdam",
date: "June 11 - 13, 2024",
image: "Conference.png",
end_date: "June 13, 2024",
},
{
name: "XRPL Developers Reddit AMA: Real World Assets",
description:
"Join us for a live chat on Reddit and learn more about how developers are building real world assets with confidence on the XRP Ledger.",
type: "ama",
link: "https://xrplresources.org/rwa-ama?utm_source=web&utm_medium=web&utm_campaign=bwc",
location: "Virtual - Reddit",
date: "October 17, 2023",
image: "AMAs.png",
end_date: "October 17, 2023",
},
{
name: "New Horizon: Innovate Without Limits: New Horizons Await",
description:
"Join us to kickstart the ecosystem of the upcoming EVM-compatible chain, opening new possibilities for developers to explore the limitless potential of our platform.",
type: "hackathon",
link: "https://newhorizon.devpost.com/",
location: "Virtual",
date: "October 19, 2023 - December 22, 2023",
image: "Hackathons.png",
end_date: "December 22, 2023",
},
];
// Function to convert string date to Date object
const parseDate = (dateString) => {
const [monthDay, year] = dateString.split(", ");
const [month, day] = monthDay.split(" ");
const months = {
"January": 0, "February": 1, "March": 2, "April": 3,
"May": 4, "June": 5, "July": 6, "August": 7,
"September": 8, "October": 9, "November": 10, "December": 11
};
return new Date(year, months[month], day);
};
// Get today's date (without time)
const today = new Date();
today.setHours(0, 0, 0, 0);
// Find the closest future event
let closestEvent = null;
let minDaysDiff = Infinity;
events.forEach(event => {
const eventEndDate = parseDate(event.end_date);
const diffTime = eventEndDate - today;
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
if (diffDays >= 0 && diffDays < minDaysDiff) {
closestEvent = event;
minDaysDiff = diffDays;
}
});
if (closestEvent) {
document.getElementById('days-count').textContent = `${minDaysDiff} days`;
document.getElementById('upcoming-event-name').textContent = closestEvent.name;
document.getElementById('upcoming-event-date').textContent = closestEvent.date;
document.getElementById('upcoming-event-location').textContent = closestEvent.location;
} else {
console.log('No upcoming events found. Hiding upcoming events section');
document.getElementById('upcoming-events-section').style = 'display:none'
}
});
</script>
{% endblock %}

432
template/page-events.html.jinja
View File

@@ -100,434 +100,6 @@
</div>
</div>
</div>
{% set events = [
{ "name": "Hackathon: 2021",
"description": "Explore the exciting project submissions from the fall 2021 XRPL Hackathon that focused on the NFT and Hooks smart contract functionalities on the ledger.",
"type": "hackathon",
"link": "https://xrpl-hackathon-2021.devpost.com/project-gallery",
"location": "Virtual",
"date": "September 13-October 6, 2021",
"image": "Hackathons.png",
"end_date": "October 6, 2021",
},
{ "name": "XRPL Community Meetup: San Diego",
"description": "The first official Meetup hosted by the XRPL Community. Community members in Southern California gathered around a firepit and shared their experiences with the XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281806645/",
"location": "San Diego, CA",
"date": "Saturday, November 20, 2021",
"image": "event-meetup-san-diego@2x.jpg",
"end_date": "November 20, 2021",
},
{ "name": "XRPL Community Meetup: Atlanta",
"description": "The inaugural Meetup in the Southeast region of the United States got community members excited to meet like-minded individuals in their area.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281980446/",
"location": "Atlanta, GA",
"date": "Saturday, November 27, 2021",
"image": "event-meetup-alanta@2x.jpg",
"end_date": "November 27, 2021",
},
{ "name": "XRPL Community Meetup: San Francisco",
"description": "Community members in the Bay Area with diverse backgrounds in technology and beyond met in downtown San Francisco.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281806676/",
"location": "San Francisco, CA",
"date": "Monday, November 29, 2021",
"image": "event-meetup-san-francisco@2x.jpg",
"end_date": "November 29, 2021",
},
{ "name": "XRPL Community Meetup: Miami",
"description": "One of the biggest Meetups held so far, this was the first of an ongoing series of local XRPL Community Meetup events in Miami. ",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281829463/",
"location": "Miami, FL ",
"date": "Thursday, December 9, 2021",
"image": "event-meetup-miami@2x.jpg",
"end_date": "December 8, 2022",
},
{ "name": "XRPL Community Meetup: Nashville",
"description": "Nashville-based members of the XRPL Community came together to network, learn, share ideas, and form new partnerships. ",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-nashville-community/events/282538189/",
"location": "Nashville, TN",
"date": "Saturday, December 18, 2021",
"image": "event-meetup-nashville@2x.jpg",
"end_date": "December 18, 2022",
},
{ "name": "NYC Meetup/Hackathon XRPL Celebration",
"id": "upcoming-xrpl-new-york",
"description": "The NYC/XRP community and Dev Null Productions cordially invites you to attend our 10th meetup, being held in celebration of the on-going XRPL Hackathon, at the unique and artistic TALS studio in Midtown Manhattan.",
"type": "meetup",
"link": "https://www.meetup.com/NYC-XRP/events/284485901/",
"location": "NYC, NY",
"date": "March 30, 2022",
"image": "event-meetup-new-york@2x.jpg",
"end_date": "March 30, 2022",
},
{ "name": "XRPL Community Meetup: London",
"id": "upcoming-xrpl-london",
"description": "Join for an evening of programming and networking with members of the XRPL Community in London, co-organised by Peerkat - the NFT platform for creators on the XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-london-community/events/283536458/",
"location": "IDEALondon",
"date": "March 31, 2022",
"image": "event-meetup-london.png",
"end_date": "March 31, 2022",
},
{ "name": "XRPL Community Meetup: Toronto",
"id": "upcoming-xrpl-toronto",
"description": "Join us for our first Toronto meetup with an evening of programming and networking with other members of the XRP Ledger Community with special guests from the XUMM Wallet and ARK PLATES teams!",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-toronto-community-meetup/events/284177188/",
"location": "Toronto",
"date": "March 31, 2022",
"image": "event-meetup-toronto@2x.jpg",
"end_date": "March 31, 2022",
},
{ "name": "XRPL Community Meetup: San Diego",
"id": "upcoming-xrpl-san-diego",
"description": "Get together with other San Diego-based members of the XRP Ledger Community to network and discuss all things XRPL! Join us for our second San Diego XRPL Meetup.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-san-diego-community/events/284663355/",
"location": "San Diego, CA",
"date": "April 1st 2022",
"image": "event-meetup-san-diego@2x.jpg",
"end_date": "April 1, 2022",
},
{ "name": "XRPL Community Meetup: Irvine LA",
"id": "upcoming-xrpl-irvine",
"description": "Get together with other LA-based members of the XRP Ledger Community to network and discuss all things XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-la-community-meetup/events/284824635/",
"location": "UC Irvine, CA",
"date": "April 3rd 2022",
"image": "event-meetup-irvine@2x.jpg",
"end_date": "April 2, 2022",
},
{ "name": "XRPL Community Meetup: Miami #2",
"id": "upcoming-xrpl-miami-2",
"description": "We're excited to host our second Miami meetup for XRP Ledger community members on April 6th from 6-8pm, featuring Marco Neri, Developer Advocate at Ripple, who will join us to give a presentation on the XRP Ledger.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-miami-community/events/284463736/",
"location": "The LAB Miami, FL",
"date": "April 6th 2022",
"image": "event-meetup-miami@2x.jpg",
"end_date": "April 6, 2022",
},
{ "name": "Hackathon:<br />New Year, New NFT",
"id": "upcoming-xrpl-hackathon-new-year",
"description": "Build Functional NFTs that span across a full range of use cases.",
"type": "hackathon",
"link": "https://xrplnft2022.devpost.com/",
"location": "Virtual",
"date": "January 31 - March 14, 2022",
"image": "Hackathons.png",
"end_date": "March 14, 2022",
},
{ "name": "Hackathon: Creating Real World Impact",
"description": "Build apps to improve lives in the real world using any of the SDKs and APIs for the XRP Ledger.",
"type": "hackathon",
"link": "https://xrplimpact.devpost.com/",
"location": "Virtual",
"date": "May 26 - Jul 11, 2022",
"image": "Hackathons.png",
"end_date" : "July 11, 2022",
},
{ "name": "Conference:<br />Apex 2021",
"description": "View sessions from the Apex 2021 stages in Las Vegas and Tallinn.",
"type": "conference",
"link": "https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZgnreb8ODgxJW032M9Z2XZ",
"location": "Las Vegas, Tallinn",
"date": "September 29-30, 2021",
"image": "Conference.png",
"end_date": "September 30, 2022",
},
{ "name": "Hackathon:<br />NFT Launch Party",
"description": "Build Functional NFTs that span across a full range of use cases.",
"type": "hackathon",
"link": "https://xrplnft.devpost.com/",
"location": "Virtual",
"date": "Oct 31 - Dec 12, 2022",
"image": "Hackathons.png",
"end_date": "December 12, 2022",
},
{ "name": "XRPL Zone @ Consensus",
"description": "XRPL Zone: your all-in-one location for creating and collaborating on XRP Ledger (XRPL) projects.",
"type": "zone",
"link": "https://xrplzone-consensus.splashthat.com/",
"location": "Austin, Texas",
"date": "April 27, 2023",
"image": "XRPLZone.png",
"end_date": "April 27, 2023"
},
{ "name": "XRPL Developer AMAs",
"description": "A chat with Crossmark about wallet development on the XRP Ledger!",
"type": "ama",
"link": "https://discord.com/invite/xrpl",
"location": "XRPL Developers Discord",
"date": "April 14, 2023",
"image": "AMAs.png",
"end_date": "April 14, 2023"
},
{ "name": "NFTs with xrp.cafe",
"description": "A cozy discussion with xrp.cafe about NFTs and the future of NFT infrastructure on the XRP Ledger.",
"type": "ama",
"link": "https://dev.to/ripplexdev/xrpcafe-ama-on-xrpl-developers-discord-36gp",
"location": "XRPL Developers Discord",
"date": "January 1, 2023",
"image": "AMAs.png",
"end_date": "January 1, 2023"
},
{ "name": "Community Calls #1",
"description": "An open discussion about the development of XLS-20 and NFTs on the XRP Ledger.",
"type": "cc",
"link": "https://youtu.be/KpSt0PFT2QM",
"location": "XRPL Developers Discord",
"date": "June 02, 2022",
"image": "CommunityCalls.png",
"end_date": "June 02, 2022"
},
{ "name": "Community Calls #2",
"description": "A community call about XRPL amendments with Chris McKay.",
"type": "cc",
"link": "https://youtu.be/oNJ1Qqns2Gw",
"location": "XRPL Developers Discord",
"date": "August 8, 2022",
"image": "CommunityCalls.png",
"end_date": "August 8, 2022"
},
{ "name": "AMAs: POS and Crypto Payments with FriiPay",
"description": "A discussion with FriiPay about payment rails and POS integrations through the XRP Ledger",
"type": "ama",
"link": "https://dev.to/ripplexdev/xrpl-developer-ama-pos-and-crypto-payments-with-friipay-13hm",
"location": "XRPL Developers Discord",
"date": "February 15, 2023",
"image": "AMAs.png",
"end_date": "February 15, 2023"
},
{ "name": "AMAs: On-chain Data with Bithomp",
"description": "A discuss with Bithomp about data infrastructure and their NFT integrations in one of the most popular explorers on the XRP Ledger.",
"type": "ama",
"link": "https://dev.to/ripplexdev/xrpl-developer-ama-bithomp-4a8d",
"location": "XRPL Developers Discord",
"date": "March 15, 2023",
"image": "AMAs.png",
"end_date": "March 15, 2023"
},
{
"name": "XRPL Community Meetup: Madrid",
"description": "Get together with other Madrid-based members of the XRP Ledger community to network and discuss all things XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-espana-madrid-y-barcelona/events/292597878",
"location": "Madrid",
"date": "April 29, 2023",
"image": "Madrid.png",
"end_date": "April 29, 2023"
},
{
"name": "APEX 2023: The XRPL Developer Summit",
"description": "Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.",
"type": "conference",
"link": "http://apexdevsummit.com",
"location": "Amsterdam",
"date": "September 6 - 8, 2023",
"image": "Conference.png",
"end_date": "September 8, 2023"
},
{ "name": "Community Calls #3",
"description": "An open chat with the XRP Ledger community about NFTs and the EVM sidechain testnet.",
"type": "cc",
"link": "https://discord.com/invite/xrpl",
"location": "XRPL Developers Discord",
"date": "March 30, 2023",
"image": "CommunityCalls.png",
"end_date": "March 30, 2023"
},
{ "name": "XRPL Roundtable: XRPL @ Consensus",
"description": "A roundtable chat with those who represented the XRP Ledger at Consensus 2023.",
"type": "ama",
"link": "https://twitter.com/RippleXDev",
"location": "Twitter Spaces",
"date": "June 24, 2023",
"image": "AMAs.png",
"end_date": "June 24, 2023"
},
{ "name": "XRPL BUIDLERS BOOTCAMP",
"description": "First XRPL Ideathon in Japan Held Ahead of Crypto Event IVS Crypto.",
"type": "hackathon",
"link": "https://lu.ma/xrpl_builders_bootcamp",
"location": "Tokyo",
"date": "June 25, 2023",
"image": "Hackathons.png",
"end_date": "June 25, 2023"
},
{ "name": "XRPL Workshop at WebX Asia",
"description": "Workshop with XRP Ledger co-developer David Schwartz and leading Japanese XRPL developers.",
"type": "conference",
"link": "https://lu.ma/mn90h3h9",
"location": "Tokyo",
"date": "July 26, 2023",
"image": "Conference.png",
"end_date": "July 26, 2023"
},
{ "name": "XRPL Summer Hackathon",
"description": "The XRPL Hackathon is all about supporting innovative projects and getting developers from diverse backgrounds to explore creative ideas and transition from centralized systems to the exciting world of blockchain. Bring your innovative projects to life and get a chance to secure up to $10,000 in funding.",
"type": "hackathon",
"link": "https://dorahacks.io/hackathon/xrpl-hackathon",
"location": "Online",
"date": "June 5, 2023 - July 30, 2023",
"image": "Hackathons.png",
"end_date": "July 30, 2023"
},
{ "name": "AMAs: XRPL Developer AMAs",
"description": "A chat with Matt Mankins from Lorem Labs to discuss Kudos for Code and his recent XRPL Accelerator acceptance.",
"type": "ama",
"link": "http://xrpldevs.org/",
"location": "XRPL Developers Discord",
"date": "July 18, 2023",
"image": "AMAs.png",
"end_date": "July 18, 2023"
},
{ "name": "Q3 2023 Ripple XRP Meetup",
"description": "Join your fellow Ripple XRP Enthusiasts for a 90-minute discussion. Topics: XRP, Flare, XRPL, Ripple (Company), General Crypto QA.",
"type": "meetup",
"link": "https://www.meetup.com/ripple-xrp-community/events/292740612",
"location": "Online",
"date": "July 13, 2023",
"image": "Virtual-Event.png",
"end_date": "July 13, 2023"
},
{ "name": "XRPL Toronto Meetup",
"description": "Prepare for an evening of XRPL Toronto Meetup – a celebration of discovery and connection. Join enthusiasts, innovators, and developers for inspiring talks, conversations, and learning. All are welcome, from seasoned developers to curious newcomers.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-toronto-community-meetup/events/294766059",
"location": "Downtown Toronto",
"date": "August 14, 2023",
"image": "event-meetup-toronto@2x.jpg",
"end_date": "August 14, 2023"
},
{ "name": "XRPL London Meetup (Accelerator Edition)",
"description": "Join us for a Happy Hour hosted by the XRPL Accelerator Team! Connect with fellow start-ups in the blockchain space and gain insights into cutting-edge projects and founders.",
"type": "meetup",
"link": "https://lu.ma/xrplacceleratorhappyhour",
"location": "Central London",
"date": "September 04, 2023",
"image": "event-meetup-london.png",
"end_date": "September 04, 2023"
},
{
"name": "XRPL Accelerator Demo Day",
"description": "​​Join us for our very first XRPL Accelerator Demo Day in London. Witness pitches from nine portfolio startups, engage in Q&A sessions, and network with founders and investors. ",
"type": "conference",
"link": "https://lu.ma/xrplaccelerator",
"location": "Central London and Online",
"date": "September 05, 2023",
"image": "Conference.png",
"end_date": "September 05, 2023"
},
{ "name": "XRPL Hackathon - Apex 2023",
"description": "Join the XRPL Hackathon - APEX 2023, a week before the XRP Ledger's annual developer conference. Explore the Future of Finance and Web3 tracks, collaborate, learn, and compete for 10K USD in prizes.",
"type": "hackathon",
"link": "https://lu.ma/4h3bqfw1",
"location": "Delft, Netherlands ",
"date": "August 30, 2023 - August 31, 2023",
"image": "Hackathons.png",
"end_date": "August 31, 2023"
},
{ "name": "XRPL Grants Info Session: Financial Inclusion Focused",
"description": "Join us for a live information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Financial Inclusion projects.",
"type": "info-session",
"link": "https://www.youtube.com/watch?v=TgLaAXTZY7Q",
"location": "Virtual - Zoom",
"date": "September 05, 2023",
"image": "InfoSessions.png",
"end_date": "September 05, 2023"
},
{ "name": "XRPL South Korea Meetup - XCCESS",
"description": "We are excited to introduce the XRP Ledger XCCESS - an exclusive meetup bringing together the brightest minds, innovators, and enthusiasts from South Korea's blockchain industry. Join us for an engaging experience during the Korea Blockchain Week.",
"type": "meetup",
"link": "https://lu.ma/xrplxccess",
"location": "South Korea - JBK Tower",
"date": "September 06, 2023",
"image": "SouthKoreaMeetup.png",
"end_date": "September 06, 2023"
},
{ "name": "XRPL Grants Info Session: Decentralized Exchange (DEX) Focused",
"description": "Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.",
"type": "info-session",
"link": "https://www.youtube.com/watch?v=BbGu0QC5WEE",
"location": "Virtual - Zoom",
"date": "September 06, 2023",
"image": "InfoSessions.png",
"end_date": "September 06, 2023"
},
{ "name": "XRPL Developers Discord AMA: Edge Wallet",
"description": "Join us for a live chat on Discord and learn more about Edge Wallet and how they are building on the XRP Ledger.",
"type": "ama",
"link": "http://xrpldevs.org/",
"location": "XRPL Developers Discord",
"date": "October 13, 2023",
"image": "AMAs.png",
"end_date": "October 13, 2023"
},
{ "name": "XRPL Developers Reddit AMA: Real World Assets",
"description": "Join us for a live chat on Reddit and learn more about how developers are building real world assets with confidence on the XRP Ledger.",
"type": "ama",
"link": "https://xrplresources.org/rwa-ama?utm_source=web&utm_medium=web&utm_campaign=bwc",
"location": "Virtual - Reddit",
"date": "October 17, 2023",
"image": "AMAs.png",
"end_date": "October 17, 2023"
},
{ "name": "XRPL Accelerator Demo Day",
"description": "Join us for XRPL Accelerator Demo Day in Singapore! Explore pitches from 11 promising startups building on the XRP Ledger, network with founders and investors, and kickstart the Singapore FinTech Festival. Webinar link coming soon!",
"type": "meetup",
"link": "https://www.eventbrite.co.uk/e/xrpl-demo-day-tickets-740650023157?aff=oddtdtcreator",
"location": "Hybrid Singapore/Virtual Webinar",
"date": "November 14, 2023",
"image": "SouthKoreaMeetup.png",
"end_date": "November 14, 2023"
},
{ "name": "XRPL Blockhack Hackathon",
"description": "Join us at George Brown College's Waterfront Campus for workshops and talks on promoting growth for blockchain projects and ventures. We are supporting a for the most innovative application built on XRPL.",
"type": "hackathon",
"link": "https://blockhack-2023.devpost.com/",
"location": "George Brown College - Waterfront Campus",
"date": "October 20, 2023 - October 22, 2023",
"image": "Hackathons.png",
"end_date": "October 22, 2023"
},
{ "name": "New Horizon: Innovate Without Limits: New Horizons Await",
"description": "Join us to kickstart the ecosystem of the upcoming EVM-compatible chain, opening new possibilities for developers to explore the limitless potential of our platform.",
"type": "hackathon",
"link": "https://newhorizon.devpost.com/",
"location": "Virtual",
"date": "October 19, 2023 - December 22, 2023",
"image": "Hackathons.png",
"end_date": "December 22, 2023"
},
]
%}
{#
Needs Link
{
@@ -542,8 +114,8 @@
},
#}
{# Available Types - conference, hackathon, ama, cc, zone, meetup, info-session #}
{% set results = categorize_dates(events) %}
{# Moved all dates to filter in order to be able to share it in other components #}
{% set results = categorize_dates() %}
{% set upcoming = results.upcoming %}
{% set past = results.past %}

432
tool/filter_categorize_dates.py
View File

@@ -1,11 +1,435 @@
from datetime import datetime
events = [
{ "name": "Hackathon: 2021",
"description": "Explore the exciting project submissions from the fall 2021 XRPL Hackathon that focused on the NFT and Hooks smart contract functionalities on the ledger.",
"type": "hackathon",
"link": "https://xrpl-hackathon-2021.devpost.com/project-gallery",
"location": "Virtual",
"date": "September 13-October 6, 2021",
"image": "Hackathons.png",
"end_date": "October 6, 2021",
},
{ "name": "XRPL Community Meetup: San Diego",
"description": "The first official Meetup hosted by the XRPL Community. Community members in Southern California gathered around a firepit and shared their experiences with the XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281806645/",
"location": "San Diego, CA",
"date": "Saturday, November 20, 2021",
"image": "event-meetup-san-diego@2x.jpg",
"end_date": "November 20, 2021",
},
def categorize_dates(arr):
{ "name": "XRPL Community Meetup: Atlanta",
"description": "The inaugural Meetup in the Southeast region of the United States got community members excited to meet like-minded individuals in their area.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281980446/",
"location": "Atlanta, GA",
"date": "Saturday, November 27, 2021",
"image": "event-meetup-alanta@2x.jpg",
"end_date": "November 27, 2021",
},
{ "name": "XRPL Community Meetup: San Francisco",
"description": "Community members in the Bay Area with diverse backgrounds in technology and beyond met in downtown San Francisco.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281806676/",
"location": "San Francisco, CA",
"date": "Monday, November 29, 2021",
"image": "event-meetup-san-francisco@2x.jpg",
"end_date": "November 29, 2021",
},
{ "name": "XRPL Community Meetup: Miami",
"description": "One of the biggest Meetups held so far, this was the first of an ongoing series of local XRPL Community Meetup events in Miami. ",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-community/events/281829463/",
"location": "Miami, FL ",
"date": "Thursday, December 9, 2021",
"image": "event-meetup-miami@2x.jpg",
"end_date": "December 8, 2022",
},
{ "name": "XRPL Community Meetup: Nashville",
"description": "Nashville-based members of the XRPL Community came together to network, learn, share ideas, and form new partnerships. ",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-nashville-community/events/282538189/",
"location": "Nashville, TN",
"date": "Saturday, December 18, 2021",
"image": "event-meetup-nashville@2x.jpg",
"end_date": "December 18, 2022",
},
{ "name": "NYC Meetup/Hackathon XRPL Celebration",
"id": "upcoming-xrpl-new-york",
"description": "The NYC/XRP community and Dev Null Productions cordially invites you to attend our 10th meetup, being held in celebration of the on-going XRPL Hackathon, at the unique and artistic TALS studio in Midtown Manhattan.",
"type": "meetup",
"link": "https://www.meetup.com/NYC-XRP/events/284485901/",
"location": "NYC, NY",
"date": "March 30, 2022",
"image": "event-meetup-new-york@2x.jpg",
"end_date": "March 30, 2022",
},
{ "name": "XRPL Community Meetup: London",
"id": "upcoming-xrpl-london",
"description": "Join for an evening of programming and networking with members of the XRPL Community in London, co-organised by Peerkat - the NFT platform for creators on the XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-london-community/events/283536458/",
"location": "IDEALondon",
"date": "March 31, 2022",
"image": "event-meetup-london.png",
"end_date": "March 31, 2022",
},
{ "name": "XRPL Community Meetup: Toronto",
"id": "upcoming-xrpl-toronto",
"description": "Join us for our first Toronto meetup with an evening of programming and networking with other members of the XRP Ledger Community with special guests from the XUMM Wallet and ARK PLATES teams!",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-toronto-community-meetup/events/284177188/",
"location": "Toronto",
"date": "March 31, 2022",
"image": "event-meetup-toronto@2x.jpg",
"end_date": "March 31, 2022",
},
{ "name": "XRPL Community Meetup: San Diego",
"id": "upcoming-xrpl-san-diego",
"description": "Get together with other San Diego-based members of the XRP Ledger Community to network and discuss all things XRPL! Join us for our second San Diego XRPL Meetup.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-san-diego-community/events/284663355/",
"location": "San Diego, CA",
"date": "April 1st 2022",
"image": "event-meetup-san-diego@2x.jpg",
"end_date": "April 1, 2022",
},
{ "name": "XRPL Community Meetup: Irvine LA",
"id": "upcoming-xrpl-irvine",
"description": "Get together with other LA-based members of the XRP Ledger Community to network and discuss all things XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-la-community-meetup/events/284824635/",
"location": "UC Irvine, CA",
"date": "April 3rd 2022",
"image": "event-meetup-irvine@2x.jpg",
"end_date": "April 2, 2022",
},
{ "name": "XRPL Community Meetup: Miami #2",
"id": "upcoming-xrpl-miami-2",
"description": "We're excited to host our second Miami meetup for XRP Ledger community members on April 6th from 6-8pm, featuring Marco Neri, Developer Advocate at Ripple, who will join us to give a presentation on the XRP Ledger.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-miami-community/events/284463736/",
"location": "The LAB Miami, FL",
"date": "April 6th 2022",
"image": "event-meetup-miami@2x.jpg",
"end_date": "April 6, 2022",
},
{ "name": "Hackathon:<br />New Year, New NFT",
"id": "upcoming-xrpl-hackathon-new-year",
"description": "Build Functional NFTs that span across a full range of use cases.",
"type": "hackathon",
"link": "https://xrplnft2022.devpost.com/",
"location": "Virtual",
"date": "January 31 - March 14, 2022",
"image": "Hackathons.png",
"end_date": "March 14, 2022",
},
{ "name": "Hackathon: Creating Real World Impact",
"description": "Build apps to improve lives in the real world using any of the SDKs and APIs for the XRP Ledger.",
"type": "hackathon",
"link": "https://xrplimpact.devpost.com/",
"location": "Virtual",
"date": "May 26 - Jul 11, 2022",
"image": "Hackathons.png",
"end_date" : "July 11, 2022",
},
{ "name": "Conference:<br />Apex 2021",
"description": "View sessions from the Apex 2021 stages in Las Vegas and Tallinn.",
"type": "conference",
"link": "https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZgnreb8ODgxJW032M9Z2XZ",
"location": "Las Vegas, Tallinn",
"date": "September 29-30, 2021",
"image": "Conference.png",
"end_date": "September 30, 2022",
},
{ "name": "Hackathon:<br />NFT Launch Party",
"description": "Build Functional NFTs that span across a full range of use cases.",
"type": "hackathon",
"link": "https://xrplnft.devpost.com/",
"location": "Virtual",
"date": "Oct 31 - Dec 12, 2022",
"image": "Hackathons.png",
"end_date": "December 12, 2022",
},
{ "name": "XRPL Zone @ Consensus",
"description": "XRPL Zone: your all-in-one location for creating and collaborating on XRP Ledger (XRPL) projects.",
"type": "zone",
"link": "https://xrplzone-consensus.splashthat.com/",
"location": "Austin, Texas",
"date": "April 27, 2023",
"image": "XRPLZone.png",
"end_date": "April 27, 2023"
},
{ "name": "XRPL Developer AMAs",
"description": "A chat with Crossmark about wallet development on the XRP Ledger!",
"type": "ama",
"link": "https://discord.com/invite/xrpl",
"location": "XRPL Developers Discord",
"date": "April 14, 2023",
"image": "AMAs.png",
"end_date": "April 14, 2023"
},
{ "name": "NFTs with xrp.cafe",
"description": "A cozy discussion with xrp.cafe about NFTs and the future of NFT infrastructure on the XRP Ledger.",
"type": "ama",
"link": "https://dev.to/ripplexdev/xrpcafe-ama-on-xrpl-developers-discord-36gp",
"location": "XRPL Developers Discord",
"date": "January 1, 2023",
"image": "AMAs.png",
"end_date": "January 1, 2023"
},
{ "name": "Community Calls #1",
"description": "An open discussion about the development of XLS-20 and NFTs on the XRP Ledger.",
"type": "cc",
"link": "https://youtu.be/KpSt0PFT2QM",
"location": "XRPL Developers Discord",
"date": "June 02, 2022",
"image": "CommunityCalls.png",
"end_date": "June 02, 2022"
},
{ "name": "Community Calls #2",
"description": "A community call about XRPL amendments with Chris McKay.",
"type": "cc",
"link": "https://youtu.be/oNJ1Qqns2Gw",
"location": "XRPL Developers Discord",
"date": "August 8, 2022",
"image": "CommunityCalls.png",
"end_date": "August 8, 2022"
},
{ "name": "AMAs: POS and Crypto Payments with FriiPay",
"description": "A discussion with FriiPay about payment rails and POS integrations through the XRP Ledger",
"type": "ama",
"link": "https://dev.to/ripplexdev/xrpl-developer-ama-pos-and-crypto-payments-with-friipay-13hm",
"location": "XRPL Developers Discord",
"date": "February 15, 2023",
"image": "AMAs.png",
"end_date": "February 15, 2023"
},
{ "name": "AMAs: On-chain Data with Bithomp",
"description": "A discuss with Bithomp about data infrastructure and their NFT integrations in one of the most popular explorers on the XRP Ledger.",
"type": "ama",
"link": "https://dev.to/ripplexdev/xrpl-developer-ama-bithomp-4a8d",
"location": "XRPL Developers Discord",
"date": "March 15, 2023",
"image": "AMAs.png",
"end_date": "March 15, 2023"
},
{
"name": "XRPL Community Meetup: Madrid",
"description": "Get together with other Madrid-based members of the XRP Ledger community to network and discuss all things XRPL.",
"type": "meetup",
"link": "https://www.meetup.com/xrp-ledger-espana-madrid-y-barcelona/events/292597878",
"location": "Madrid",
"date": "April 29, 2023",
"image": "Madrid.png",
"end_date": "April 29, 2023"
},
{
"name": "APEX 2023: The XRPL Developer Summit",
"description": "Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.",
"type": "conference",
"link": "http://apexdevsummit.com",
"location": "Amsterdam",
"date": "September 6 - 8, 2023",
"image": "Conference.png",
"end_date": "September 8, 2023"
},
{ "name": "Community Calls #3",
"description": "An open chat with the XRP Ledger community about NFTs and the EVM sidechain testnet.",
"type": "cc",
"link": "https://discord.com/invite/xrpl",
"location": "XRPL Developers Discord",
"date": "March 30, 2023",
"image": "CommunityCalls.png",
"end_date": "March 30, 2023"
},
{ "name": "XRPL Roundtable: XRPL @ Consensus",
"description": "A roundtable chat with those who represented the XRP Ledger at Consensus 2023.",
"type": "ama",
"link": "https://twitter.com/RippleXDev",
"location": "Twitter Spaces",
"date": "June 24, 2023",
"image": "AMAs.png",
"end_date": "June 24, 2023"
},
{ "name": "XRPL BUIDLERS BOOTCAMP",
"description": "First XRPL Ideathon in Japan Held Ahead of Crypto Event IVS Crypto.",
"type": "hackathon",
"link": "https://lu.ma/xrpl_builders_bootcamp",
"location": "Tokyo",
"date": "June 25, 2023",
"image": "Hackathons.png",
"end_date": "June 25, 2023"
},
{ "name": "XRPL Workshop at WebX Asia",
"description": "Workshop with XRP Ledger co-developer David Schwartz and leading Japanese XRPL developers.",
"type": "conference",
"link": "https://lu.ma/mn90h3h9",
"location": "Tokyo",
"date": "July 26, 2023",
"image": "Conference.png",
"end_date": "July 26, 2023"
},
{ "name": "XRPL Summer Hackathon",
"description": "The XRPL Hackathon is all about supporting innovative projects and getting developers from diverse backgrounds to explore creative ideas and transition from centralized systems to the exciting world of blockchain. Bring your innovative projects to life and get a chance to secure up to $10,000 in funding.",
"type": "hackathon",
"link": "https://dorahacks.io/hackathon/xrpl-hackathon",
"location": "Online",
"date": "June 5, 2023 - July 30, 2023",
"image": "Hackathons.png",
"end_date": "July 30, 2023"
},
{ "name": "AMAs: XRPL Developer AMAs",
"description": "A chat with Matt Mankins from Lorem Labs to discuss Kudos for Code and his recent XRPL Accelerator acceptance.",
"type": "ama",
"link": "http://xrpldevs.org/",
"location": "XRPL Developers Discord",
"date": "July 18, 2023",
"image": "AMAs.png",
"end_date": "July 18, 2023"
},
{ "name": "Q3 2023 Ripple XRP Meetup",
"description": "Join your fellow Ripple XRP Enthusiasts for a 90-minute discussion. Topics: XRP, Flare, XRPL, Ripple (Company), General Crypto QA.",
"type": "meetup",
"link": "https://www.meetup.com/ripple-xrp-community/events/292740612",
"location": "Online",
"date": "July 13, 2023",
"image": "Virtual-Event.png",
"end_date": "July 13, 2023"
},
{ "name": "XRPL Toronto Meetup",
"description": "Prepare for an evening of XRPL Toronto Meetup – a celebration of discovery and connection. Join enthusiasts, innovators, and developers for inspiring talks, conversations, and learning. All are welcome, from seasoned developers to curious newcomers.",
"type": "meetup",
"link": "https://www.meetup.com/xrpl-toronto-community-meetup/events/294766059",
"location": "Downtown Toronto",
"date": "August 14, 2023",
"image": "event-meetup-toronto@2x.jpg",
"end_date": "August 14, 2023"
},
{ "name": "XRPL London Meetup (Accelerator Edition)",
"description": "Join us for a Happy Hour hosted by the XRPL Accelerator Team! Connect with fellow start-ups in the blockchain space and gain insights into cutting-edge projects and founders.",
"type": "meetup",
"link": "https://lu.ma/xrplacceleratorhappyhour",
"location": "Central London",
"date": "September 04, 2023",
"image": "event-meetup-london.png",
"end_date": "September 04, 2023"
},
{
"name": "XRPL Accelerator Demo Day",
"description": "​​Join us for our very first XRPL Accelerator Demo Day in London. Witness pitches from nine portfolio startups, engage in Q&A sessions, and network with founders and investors. ",
"type": "conference",
"link": "https://lu.ma/xrplaccelerator",
"location": "Central London and Online",
"date": "September 05, 2023",
"image": "Conference.png",
"end_date": "September 05, 2023"
},
{ "name": "XRPL Hackathon - Apex 2023",
"description": "Join the XRPL Hackathon - APEX 2023, a week before the XRP Ledger's annual developer conference. Explore the Future of Finance and Web3 tracks, collaborate, learn, and compete for 10K USD in prizes.",
"type": "hackathon",
"link": "https://lu.ma/4h3bqfw1",
"location": "Delft, Netherlands ",
"date": "August 30, 2023 - August 31, 2023",
"image": "Hackathons.png",
"end_date": "August 31, 2023"
},
{ "name": "XRPL Grants Info Session: Financial Inclusion Focused",
"description": "Join us for a live information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Financial Inclusion projects.",
"type": "info-session",
"link": "https://www.youtube.com/watch?v=TgLaAXTZY7Q",
"location": "Virtual - Zoom",
"date": "September 05, 2023",
"image": "InfoSessions.png",
"end_date": "September 05, 2023"
},
{ "name": "XRPL South Korea Meetup - XCCESS",
"description": "We are excited to introduce the XRP Ledger XCCESS - an exclusive meetup bringing together the brightest minds, innovators, and enthusiasts from South Korea's blockchain industry. Join us for an engaging experience during the Korea Blockchain Week.",
"type": "meetup",
"link": "https://lu.ma/xrplxccess",
"location": "South Korea - JBK Tower",
"date": "September 06, 2023",
"image": "SouthKoreaMeetup.png",
"end_date": "September 06, 2023"
},
{ "name": "XRPL Grants Info Session: Decentralized Exchange (DEX) Focused",
"description": "Watch the recorded information session and Q&A on applying to XRPL Grants Wave 7. This session will provide a general overview of the XRPL Grants application for Wave 7, with a focus on Decentralized Exchange (DEX) projects.",
"type": "info-session",
"link": "https://www.youtube.com/watch?v=BbGu0QC5WEE",
"location": "Virtual - Zoom",
"date": "September 06, 2023",
"image": "InfoSessions.png",
"end_date": "September 06, 2023"
},
{ "name": "XRPL Developers Discord AMA: Edge Wallet",
"description": "Join us for a live chat on Discord and learn more about Edge Wallet and how they are building on the XRP Ledger.",
"type": "ama",
"link": "http://xrpldevs.org/",
"location": "XRPL Developers Discord",
"date": "October 13, 2023",
"image": "AMAs.png",
"end_date": "October 13, 2023"
},
{ "name": "XRPL Developers Reddit AMA: Real World Assets",
"description": "Join us for a live chat on Reddit and learn more about how developers are building real world assets with confidence on the XRP Ledger.",
"type": "ama",
"link": "https://xrplresources.org/rwa-ama?utm_source=web&utm_medium=web&utm_campaign=bwc",
"location": "Virtual - Reddit",
"date": "October 17, 2023",
"image": "AMAs.png",
"end_date": "October 17, 2023"
},
{ "name": "XRPL Accelerator Demo Day",
"description": "Join us for XRPL Accelerator Demo Day in Singapore! Explore pitches from 11 promising startups building on the XRP Ledger, network with founders and investors, and kickstart the Singapore FinTech Festival. Webinar link coming soon!",
"type": "meetup",
"link": "https://www.eventbrite.co.uk/e/xrpl-demo-day-tickets-740650023157?aff=oddtdtcreator",
"location": "Hybrid Singapore/Virtual Webinar",
"date": "November 14, 2023",
"image": "SouthKoreaMeetup.png",
"end_date": "November 14, 2023"
},
{ "name": "XRPL Blockhack Hackathon",
"description": "Join us at George Brown College's Waterfront Campus for workshops and talks on promoting growth for blockchain projects and ventures. We are supporting a for the most innovative application built on XRPL.",
"type": "hackathon",
"link": "https://blockhack-2023.devpost.com/",
"location": "George Brown College - Waterfront Campus",
"date": "October 20, 2023 - October 22, 2023",
"image": "Hackathons.png",
"end_date": "October 22, 2023"
},
{ "name": "New Horizon: Innovate Without Limits: New Horizons Await",
"description": "Join us to kickstart the ecosystem of the upcoming EVM-compatible chain, opening new possibilities for developers to explore the limitless potential of our platform.",
"type": "hackathon",
"link": "https://newhorizon.devpost.com/",
"location": "Virtual",
"date": "October 19, 2023 - December 22, 2023",
"image": "Hackathons.png",
"end_date": "December 22, 2023"
},
]
def categorize_dates():
past = []
upcoming = []
today = datetime.today()
for obj in arr:
for obj in events:
end_date = datetime.strptime(obj['end_date'], '%B %d, %Y')
if end_date < today:
obj['type'] = obj['type'] + '-past'
@@ -13,7 +437,7 @@ def categorize_dates(arr):
else:
obj['type'] = obj['type'] + '-upcoming'
upcoming.append(obj)
return {'past': past, 'upcoming': upcoming}
return {'past': past, 'upcoming': upcoming, 'all' : all}
export = {
"categorize_dates": categorize_dates,