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

Merge pull request #2714 from XRPLF/community-updates

Browse Source
This commit is contained in:
Aria Keshmiri
2024-08-08 19:06:24 -07:00
committed by GitHub
parent 54b2de8271 4c4eb9bbf9
commit 8fa716aa44
5 changed files with 110 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
community/index.page.tsx
View File

@@ -17,7 +17,7 @@ const hackathon = require("../static/img/events/Hackathons.png");
const conference = require("../static/img/events/Conference.png");
const zone = require("../static/img/events/XRPLZone.png");
const brazil = require("../static/img/events/event-meetup-brazil.png");
const korea = require("../static/img/events/SouthKoreaMeetup.png")
const korea = require("../static/img/events/SouthKoreaMeetup.png");
const findNearestUpcomingEvent = (events) => {
let nearestEvent = null;
let nearestDateDiff = Infinity;
@@ -667,6 +667,73 @@ const CommunityPage: React.FC = () => {
</div>
</div>
</section>
{/* Bottom Cards Section 2 cards */}
<section className="bottom-cards-section bug-bounty">
<div className="com-card">
<img className="top-right-img bug-bounty-card-bg" alt="Top Right Image" />
<div className="card-content">
<h6 className="card-title">
{translate("RippleX Bug Bounty Program")}
</h6>
<h6 className="card-subtitle">
{translate(
"Contribute to the XRP Ledger's"
)}
<br/>
Security
</h6>
<p className="card-description">
{translate(
"RippleX’s Bug Bounty, part of Ripple's 1 Billion XRP pledge, strengthens XRP Ledger security and supports its ecosystem."
)}
<p className="card-description">
{
translate("Use this program to report bugs in RippleX/rippled. Send a detailed report of a qualifying bug to ")
}
<a href="mailto:bugs@ripple.com">bugs@ripple.com</a>
{
translate(" and use the ")
}
<a href="https://ripple.com/files/bug-bounty.asc">Public Key.</a>
</p>
</p>
<div className="card-links">
<Link
className="com-card-link"
target="_blank"
to="https://medium.com/ripplexdev/highlighting-the-ripplex-bug-bounty-program-545ea787f900"
>
{translate("Learn more")}
</Link>
</div>
</div>
</div>
<div className="com-card">
<img className="bottom-right-img bug-bounty-card-bg-2" alt="Bottom Right Image" />
<div className="card-content">
<h6 className="card-title">{translate("Report a Scam")}</h6>
<h6 className="card-subtitle pr-bt28">
{translate(
"Report Scams to Safeguard Our Community"
)}
</h6>
<p className="card-description">
{translate(
"In an evolving industry where trust and security are critical, scams continue to impede progress in crypto and blockchain. Help mitigate scammers by reporting scams."
)}
</p>
<div className="card-links">
<Link
target="_blank"
className="com-card-link"
to="/community/report-a-scam/"
>
{translate("Report a Scam")}
</Link>
</div>
</div>
</div>
</section>{" "}
{/* Bottom Cards Section */}
<section className="bottom-cards-section">
<div className="com-card">
@@ -719,7 +786,7 @@ const CommunityPage: React.FC = () => {
<img className="bottom-right-img" alt="Bottom Right Image" />
<div className="card-content">
<h6 className="card-title">{translate("XRPL Careers")}</h6>
<h6 className="card-subtitle">
<h6 className="card-subtitle pr-bt16">
{translate(
"Discover your next career opportunity in the XRPL community"
)}

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

BIN
static/img/community/bug-bounty-card-bg-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
static/img/community/bug-bounty-card-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

56
styles/_contribute.scss
View File

@@ -938,14 +938,29 @@
/* This will push the links to the bottom */
}
.bottom-cards-section.bug-bounty {
justify-content: space-around;
.com-card{
min-width: 559px;
max-width: 559px;
height: 442px;
}
}
.pr-bt16{
position: relative;
bottom: 16px;
}
.pr-bt28{
position: relative;
bottom: 28px;
}
.bottom-cards-section {
display: flex;
flex-direction: row;
justify-content: center;
justify-content: space-around;
gap: 48px;
max-width: 1280px;
margin: 0 auto;
margin: 100px auto;
.com-card {
padding: 36px;
@@ -962,6 +977,12 @@
left: 0;
content: url(../img/community/card-bg-1.svg);
}
.top-right-img.bug-bounty-card-bg {
content: url(../img/community/bug-bounty-card-bg.png)
}
.bottom-right-img.bug-bounty-card-bg-2 {
content: url(../img/community/bug-bounty-card-bg-2.png)
}
.bottom-right-img {
position: absolute;
@@ -1075,11 +1096,27 @@
/* Media query for mobile view */
@media (max-width: 768px) {
.pr-bt28{
position: relative;
bottom: 0px;
}
.pr-bt16{
position: relative;
bottom: 0px;
}
.bottom-cards-section {
flex-direction: column;
align-items: center;
padding: 20px;
}
.bottom-cards-section.bug-bounty {
justify-content: space-around;
.com-card{
min-width: 352px;
height: fit-content;
max-width: 352px;
}
}
.bottom-cards-section .com-card {
margin-bottom: 20px;
@@ -1087,19 +1124,6 @@
display: block;
width: 100%;
}
/* Reset the image positions for mobile */
.com-card .top-left-img,
.com-card .bottom-right-img,
.com-card .top-right-img {
position: static;
/* This removes the absolute positioning */
display: block;
width: 100%;
/* Adjust this if you want the image to take up less width */
margin-bottom: 15px;
/* Add some space between the image and the card content */
}
}
.num-separator {