mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-30 00:25:49 +00:00
qa updates
This commit is contained in:
akcodez
File diff suppressed because one or more lines are too long
@@ -1,61 +1,86 @@
|
||||
.page-community {
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sm-align-items-start {
|
||||
align-items: start !important;
|
||||
}
|
||||
}
|
||||
|
||||
.numbers-animation {
|
||||
width: 218px;
|
||||
height: 96px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
0%, 100% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
}
|
||||
|
||||
.bounce-arrow {
|
||||
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{
|
||||
.m-gif {
|
||||
height: 108px;
|
||||
}
|
||||
.middle-image{
|
||||
|
||||
.middle-image {
|
||||
margin: 0 auto;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.bg-hero{
|
||||
.bg-hero {
|
||||
width: 100%;
|
||||
height: 635px;
|
||||
}
|
||||
#center-image{
|
||||
|
||||
#center-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
.gradient-num-three{
|
||||
|
||||
|
||||
.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{
|
||||
|
||||
.gradient-num-two {
|
||||
background: linear-gradient(35deg, #EA80FF -0.3%, #80CCFF 99.7%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.gradient-num{
|
||||
.gradient-num {
|
||||
background: linear-gradient(35deg, #B480FF -0.3%, #FFAA80 99.7%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.surround-gradient {
|
||||
background: linear-gradient(35deg, #B480FF -0.3%, #FFAA80 99.7%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
font-size: 40px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
color: var(--black-black-0, #FFF);
|
||||
text-align: center;
|
||||
@@ -111,15 +136,15 @@
|
||||
}
|
||||
|
||||
#community-table {
|
||||
padding: 20px 40px;
|
||||
width: 85%;
|
||||
padding: 20px 93px;
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
border-radius: 5px;
|
||||
padding-top: 165px;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: 512px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
margin: 0;
|
||||
@@ -133,9 +158,14 @@
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 26px;
|
||||
padding-bottom: 5px;
|
||||
/* 130% */
|
||||
}
|
||||
|
||||
.final-tr {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
#community-table h4 {
|
||||
text-align: start;
|
||||
margin: 10px 0;
|
||||
@@ -148,7 +178,6 @@
|
||||
}
|
||||
|
||||
#community-table table {
|
||||
border: 1px solid #343437;
|
||||
width: 100%;
|
||||
margin-top: 31px;
|
||||
border-collapse: collapse;
|
||||
@@ -246,7 +275,8 @@
|
||||
width: 96px;
|
||||
height: 29px;
|
||||
}
|
||||
#community-table {
|
||||
|
||||
#community-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -256,13 +286,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
.funding-text {
|
||||
color: var(--black-black-0, #FFF);
|
||||
/* Desktop/H6 */
|
||||
font-family: Work Sans;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 44px;
|
||||
padding-bottom: 4px;
|
||||
/* 130% */
|
||||
}
|
||||
|
||||
.xrpl-events-section {
|
||||
margin-top: 150px;
|
||||
padding: 50px 40px;
|
||||
margin: 0 auto;
|
||||
margin: 100px auto;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
max-width: 1280px;
|
||||
|
||||
// Responsive Styles for Mobile
|
||||
@media screen and (max-width: 768px) {
|
||||
@@ -299,9 +341,9 @@
|
||||
|
||||
.description {
|
||||
text-align: start;
|
||||
margin-top: 1rem;
|
||||
margin-top: 2rem;
|
||||
font-family: Work Sans;
|
||||
font-size: 20px;
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
@@ -365,6 +407,8 @@
|
||||
margin-top: 2rem;
|
||||
|
||||
.upcoming-label {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
font-family: 'Work Sans', sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
@@ -372,13 +416,31 @@
|
||||
color: var(--black-black-30, #C1C1C2);
|
||||
}
|
||||
|
||||
|
||||
.days-count {
|
||||
font-size: 4rem; // Assuming a larger font for the days count. Adjust as needed.
|
||||
background: linear-gradient(35deg, #B480FF -0.3%, #FFAA80 99.7%);
|
||||
font-weight: 300;
|
||||
margin-bottom: 21px;
|
||||
line-height: 99px;
|
||||
font-size: 88px;
|
||||
background: linear-gradient(35deg, #B480FF -.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 */ }
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.days-word {
|
||||
vertical-align: bottom;
|
||||
font-weight: normal;
|
||||
margin-bottom: 21px;
|
||||
line-height: 99px;
|
||||
font-size: 40px;
|
||||
background: linear-gradient(35deg, #B480FF -.3%, #FFAA80 99.7%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-family: 'Work Sans', sans-serif;
|
||||
@@ -401,7 +463,7 @@
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
max-width: 1200px;
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
margin-top: 120px;
|
||||
}
|
||||
@@ -421,6 +483,8 @@
|
||||
line-height: 16px;
|
||||
/* 133.333% */
|
||||
text-transform: uppercase;
|
||||
padding-left: 11px;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.funding-section h2 {
|
||||
@@ -428,6 +492,7 @@
|
||||
font-weight: 700;
|
||||
line-height: 38px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.funding-section p {
|
||||
@@ -435,14 +500,13 @@
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.stats {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 35px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
@@ -463,6 +527,7 @@
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
margin: 0px;
|
||||
text-align: start;
|
||||
@@ -471,13 +536,19 @@
|
||||
}
|
||||
|
||||
.number {
|
||||
font-size: 54px;
|
||||
font-size: 88px;
|
||||
display: flex;
|
||||
padding: 10px;
|
||||
align-items: center;
|
||||
line-height: 96px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.community-funding {
|
||||
flex-direction: column-reverse;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.funding-section,
|
||||
@@ -488,7 +559,7 @@
|
||||
|
||||
.carousel {
|
||||
position: relative;
|
||||
width: 950px;
|
||||
width: 1280px;
|
||||
margin: 0 auto;
|
||||
margin-top: 106px;
|
||||
max-width: 100%; // Make the carousel responsive
|
||||
@@ -505,8 +576,13 @@
|
||||
|
||||
.center-image-wrapper {
|
||||
position: relative;
|
||||
width: 60%;
|
||||
margin: 0 48px;
|
||||
width: 552px;
|
||||
height: 314px;
|
||||
|
||||
@media (max-width: 1118px) {
|
||||
width: 55%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
margin: 0 auto; // Remove margin on small screens
|
||||
@@ -531,14 +607,20 @@
|
||||
|
||||
#center-image {
|
||||
width: 100%;
|
||||
margin: 0 15px;
|
||||
|
||||
}
|
||||
|
||||
#left-image,
|
||||
#right-image {
|
||||
width: 15%;
|
||||
width: 252px;
|
||||
height: 144px;
|
||||
opacity: 0.7;
|
||||
|
||||
@media (max-width: 1118px) {
|
||||
width: 15%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Styles for smaller screens
|
||||
@media (max-width: 768px) {
|
||||
display: none;
|
||||
@@ -632,10 +714,13 @@
|
||||
|
||||
.community-spotlight-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
margin-top: 100px;
|
||||
min-height: 562px;
|
||||
max-width: 1280px;
|
||||
min-height: 582px;
|
||||
margin: 100px auto;
|
||||
gap: 48px;
|
||||
padding-right: 54px;
|
||||
padding-left: 73px;
|
||||
}
|
||||
|
||||
.community-spotlight {
|
||||
@@ -650,18 +735,22 @@
|
||||
.projects-wrapper {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
margin-left: 70px;
|
||||
margin-right: 70px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 48px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
gap: 30px;
|
||||
gap: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.project-card {
|
||||
background-color: #232325;
|
||||
border-radius: 4px;
|
||||
height: fit-content;
|
||||
position: absolute;
|
||||
width: 205px;
|
||||
width: 252px;
|
||||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
|
||||
max-height: 456px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
width: 99%;
|
||||
@@ -670,18 +759,20 @@
|
||||
|
||||
// Styles for smaller screens
|
||||
|
||||
.project-card.top-left {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
// .project-card.top-left {
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// }
|
||||
|
||||
.project-card.bottom-right {
|
||||
bottom: -25px;
|
||||
right: 0;
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
height: 144px;
|
||||
width: 252px;
|
||||
/* adjust as per your design */
|
||||
background-color: rgb(44, 43, 43);
|
||||
/* placeholder */
|
||||
@@ -722,10 +813,15 @@
|
||||
}
|
||||
|
||||
.card-details {
|
||||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
|
||||
background-color: #232325;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: start;
|
||||
padding: 15px;
|
||||
height: fit-content;
|
||||
border-bottom-left-radius: 4;
|
||||
border-bottom-right-radius: 4;
|
||||
}
|
||||
|
||||
.view-project {
|
||||
@@ -739,10 +835,17 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
@media (max-width: 1076px) {
|
||||
.project-card.bottom-right {
|
||||
align-self: auto;
|
||||
}
|
||||
|
||||
.community-spotlight-wrapper {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-left: 0px;
|
||||
padding-right: 26px;
|
||||
padding-left: 26px;
|
||||
}
|
||||
|
||||
.community-spotlight,
|
||||
@@ -760,6 +863,15 @@
|
||||
position: static;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-details {
|
||||
gap: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.project-card {
|
||||
position: static;
|
||||
margin: 20px 0;
|
||||
@@ -775,32 +887,39 @@
|
||||
.bottom-cards-section .com-card .card-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between; /* Add this line */
|
||||
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 */
|
||||
height: 100%;
|
||||
/* Add this line to make card-content full height */
|
||||
}
|
||||
|
||||
.bottom-cards-section .com-card {
|
||||
border-radius: 8px;
|
||||
padding: 36px;
|
||||
background: #232325;
|
||||
min-width: 352px;
|
||||
height: 442px; /* You have a fixed height for the cards */
|
||||
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 */
|
||||
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;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
gap: 48px;
|
||||
padding: 104px 64px;
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
|
||||
.com-card {
|
||||
@@ -841,7 +960,9 @@
|
||||
gap: 16px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
.card-title {
|
||||
margin-bottom: 0px !important;
|
||||
color: var(--black-black-0-white, #FFF);
|
||||
white-space: nowrap;
|
||||
/* Desktop/H6 */
|
||||
@@ -861,6 +982,7 @@
|
||||
font-weight: 700;
|
||||
line-height: 32px;
|
||||
/* 133.333% */
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.card-description {
|
||||
@@ -955,4 +1077,57 @@
|
||||
}
|
||||
}
|
||||
|
||||
.num-separator {
|
||||
width: 32px;
|
||||
height: 1px;
|
||||
background: var(--black-black-70, #343437);
|
||||
margin-bottom: 32px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.stat-separator {
|
||||
width: 32px;
|
||||
height: 1px;
|
||||
background: var(--black-black-70, #343437);
|
||||
margin-bottom: 32px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.ml-8 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ml-19 {
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.ml-14 {
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
.header-div {
|
||||
.header {
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 35px
|
||||
}
|
||||
}
|
||||
|
||||
.spotlight-subtitle {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
line-height: 38px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.spotlight-description {
|
||||
color: var(--black-black-20);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1085,9 +1085,11 @@
|
||||
.page-community {
|
||||
#community-heading {
|
||||
padding-top: 25rem;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding-top: 31rem;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -1131,8 +1133,8 @@
|
||||
|
||||
.three {
|
||||
top: 145px;
|
||||
right: 17%;
|
||||
height: 40px;
|
||||
right: 16%;
|
||||
height: 67px;
|
||||
}
|
||||
|
||||
.four {
|
||||
|
||||
@@ -909,12 +909,30 @@ pre code {
|
||||
|
||||
.page-docs-index,
|
||||
.page-community {
|
||||
#community-table table{
|
||||
border: 1px solid #34343740;
|
||||
.funding-text{
|
||||
color: #232325;
|
||||
}
|
||||
#community-table tr{
|
||||
.stat{
|
||||
.small-text{
|
||||
color: #232325;
|
||||
}
|
||||
}
|
||||
.project-card{
|
||||
background-color: rgb(255, 255, 255);
|
||||
|
||||
}
|
||||
.card-details {
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.card-image {
|
||||
background: #E0E0E1;
|
||||
}
|
||||
|
||||
#community-table tr {
|
||||
border-bottom: 1px solid #34343740;
|
||||
}
|
||||
|
||||
.card-description {
|
||||
color: #343437 !important;
|
||||
}
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
</div>
|
||||
|
||||
<div class="mx-auto text-left col-lg-6 text-md-center hero-title" >
|
||||
<div class="d-flex flex-column-reverse align-items-center">
|
||||
<div class="d-flex flex-column-reverse align-items-center sm-align-items-start">
|
||||
<img src="../assets/img/icons/arrow-down.svg" class="bounce-arrow" alt="Down Arrow" />
|
||||
<h1 class="mb-0 main-title">
|
||||
{% trans %}A Global Blockchain
|
||||
@@ -84,7 +84,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
#}
|
||||
<tr>
|
||||
<tr class="final-tr">
|
||||
<td class="td-img"><img class="xrpl-icon" alt="xrpl icon"></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>
|
||||
@@ -102,16 +102,18 @@
|
||||
<h4 class="events-text">Check out global events hosted <br class="d-none-sm" /> by the XRPL community</h4>
|
||||
</div>
|
||||
<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>
|
||||
<a class="cd-none-sm btn btn-primary btn-arrow view-all-events-btn" target="_blank" href="events.html">{% trans %}View All Events{% endtrans %}</a>
|
||||
</div>
|
||||
<div class="upcoming-event" id="upcoming-events-section">
|
||||
<p class="upcoming-label">UPCOMING EVENT</p>
|
||||
<div id="days-count" class="days-count">13 days</div>
|
||||
<div id="days-count" class="days-count">13</div>
|
||||
<div class="days-word">days</div>
|
||||
<div class="num-separator"></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>
|
||||
<a target="_blank" class="cd-none-lg btn btn-primary btn-arrow view-all-events-btn" href="events.html">{% trans %}View All Events{% endtrans %}</a>
|
||||
</section>
|
||||
<section class="carousel">
|
||||
<div class="image-container">
|
||||
@@ -144,37 +146,48 @@
|
||||
</section>
|
||||
|
||||
<section class="community-funding">
|
||||
<a class="cd-none-lg btn btn-primary btn-arrow view-all-events-btn get-funding-btn" href="developer-funding.html">{% trans %}Get Funding{% endtrans %}</a>
|
||||
<a target="_blank" class="cd-none-lg btn btn-primary btn-arrow view-all-events-btn get-funding-btn" href="developer-funding.html">{% trans %}Get Funding{% endtrans %}</a>
|
||||
<div class="stats">
|
||||
<div class="stacked-stats">
|
||||
<div class="stat">
|
||||
<span class="small-text">funding been awarded</span>
|
||||
<div id="staticImage" class="number gradient-num" >$13M+</div>
|
||||
<div id="staticImage" class="number gradient-num" >
|
||||
<span class="surround-gradient">$</span>
|
||||
13
|
||||
<span class="surround-gradient">M+</span>
|
||||
</div>
|
||||
<div class=" ml-8 stat-separator"></div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="small-text">teams awarded globally</span>
|
||||
<div class="number gradient-num-two" >120+</div>
|
||||
<div class="number gradient-num-two" >120+
|
||||
</div>
|
||||
<div class="ml-14 stat-separator"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="small-text">countries represented</span>
|
||||
<div class="number gradient-num-three">28+</div>
|
||||
<div class="number gradient-num-three">28+
|
||||
</div>
|
||||
<div class="ml-19 stat-separator"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="funding-section">
|
||||
<span class="small-text">XRPL Developer Funding</span>
|
||||
<span class="funding-text">XRPL Developer Funding</span>
|
||||
<h2>Funding Opportunities for Blockchain Businesses</h2>
|
||||
<p>If you're a software developer or team looking to build your next blockchain business on the XRP Ledger (XRPL), numerous funding opportunities like grants and hackathons await your innovation.</p>
|
||||
<a class="cd-none-sm btn btn-primary btn-arrow view-all-events-btn" href="developer-funding.html">{% trans %}Get Funding{% endtrans %}</a>
|
||||
<a class="cd-none-sm btn btn-primary btn-arrow view-all-events-btn" target="_blank" href="developer-funding.html">{% trans %}Get Funding{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="community-spotlight-wrapper">
|
||||
<div class="community-spotlight">
|
||||
<h6 class="spotlight-title">XRPL Community Spotlight</h6>
|
||||
<h4 class="spotlight-subtitle">Showcase your blockchain project, application, or product</h4>
|
||||
<h6 class="funding-text">XRPL Community Spotlight</h6>
|
||||
<h2 class="spotlight-subtitle">Showcase your blockchain project, application, or product</h2>
|
||||
<p class="spotlight-description">Get featured on the Developer Reflections blog or Ecosystem page, and amplify your innovation within the blockchain community.</p>
|
||||
<a class="w-222 btn btn-primary btn-arrow view-all-events-btn" href="developer-funding.html">{% trans %}Submit Your Project{% endtrans %}</a>
|
||||
<a target="_blank" class="w-222 btn btn-primary btn-arrow view-all-events-btn" href="developer-funding.html">{% trans %}Submit Your Project{% endtrans %}</a>
|
||||
</div>
|
||||
<div class="projects-wrapper">
|
||||
<div class="project-card top-left">
|
||||
@@ -332,7 +345,7 @@ const parseDate = (dateString) => {
|
||||
});
|
||||
|
||||
if (closestEvent) {
|
||||
document.getElementById('days-count').textContent = `${minDaysDiff} days`;
|
||||
document.getElementById('days-count').textContent = `${minDaysDiff}`;
|
||||
document.getElementById('upcoming-event-name').textContent = closestEvent.name;
|
||||
document.getElementById('upcoming-event-date').textContent = closestEvent.date;
|
||||
document.getElementById('upcoming-event-location').textContent = closestEvent.location;
|
||||
|
||||
Reference in New Issue
Block a user