mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 11:45:50 +00:00
base for new community page
This commit is contained in:
akcodez
File diff suppressed because one or more lines are too long
BIN
assets/img/community/ic_Discord.png
Normal file
BIN
assets/img/community/ic_Discord.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
assets/img/community/ic_Twitter.png
Normal file
BIN
assets/img/community/ic_Twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
assets/img/community/ic_XRPL.png
Normal file
BIN
assets/img/community/ic_XRPL.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
assets/img/community/ic_YouTube.png
Normal file
BIN
assets/img/community/ic_YouTube.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
100
styles/_contribute.scss
Normal file
100
styles/_contribute.scss
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
.page-community {
|
||||||
|
.builders-wrap {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
|
||||||
|
.builders-wrap {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#community-table {
|
||||||
|
padding: 20px 40px;
|
||||||
|
width: 85%;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding-top: 165px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eyebrow-convo {
|
||||||
|
text-align: start;
|
||||||
|
font-family: Work Sans;
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 26px;
|
||||||
|
/* 130% */
|
||||||
|
}
|
||||||
|
|
||||||
|
#community-table h4 {
|
||||||
|
text-align: start;
|
||||||
|
margin: 10px 0;
|
||||||
|
font-family: Work Sans;
|
||||||
|
font-size: 32px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 38px;
|
||||||
|
/* 118.75% */
|
||||||
|
}
|
||||||
|
|
||||||
|
#community-table table {
|
||||||
|
border: 1px solid #343437;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 31px;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
#community-table tr {
|
||||||
|
padding: 10px 10px;
|
||||||
|
border-bottom: 1px solid #343437;
|
||||||
|
}
|
||||||
|
|
||||||
|
#community-table img {
|
||||||
|
width: 52px;
|
||||||
|
height: 29px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.td-img {
|
||||||
|
padding: 10px;
|
||||||
|
width: 69px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-external-link {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link-contribute {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding-right: 41px;
|
||||||
|
height: 16px;
|
||||||
|
background: url(../img/icons/arrow-up-right.svg) no-repeat center center;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
/* smooth transition effect */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-external-link:hover .external-link-contribute {
|
||||||
|
transform: translate(5px, -5px);
|
||||||
|
/* move 5px to the right and 5px up */
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
position: relative;
|
||||||
|
padding-right: 25px;
|
||||||
|
/* Give some space for the arrow */
|
||||||
|
}
|
||||||
|
|
||||||
|
table td .text-external-link {
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
@@ -1013,11 +1013,12 @@
|
|||||||
.page-docs-index,
|
.page-docs-index,
|
||||||
.page-community {
|
.page-community {
|
||||||
#community-heading {
|
#community-heading {
|
||||||
padding-top: 2.5rem;
|
padding-top: 18.5rem;
|
||||||
padding-bottom: 5rem;
|
padding-bottom: 5rem;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
|
|
||||||
@include media-breakpoint-up(lg) {
|
@include media-breakpoint-up(lg) {
|
||||||
padding-top: 5rem;
|
padding-top: 16rem;
|
||||||
padding-bottom: 15rem;
|
padding-bottom: 15rem;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -67,12 +67,12 @@ $line-height-base: 1.5;
|
|||||||
@import "_blog.scss";
|
@import "_blog.scss";
|
||||||
@import "_feedback.scss";
|
@import "_feedback.scss";
|
||||||
@import "_video.scss";
|
@import "_video.scss";
|
||||||
|
@import "_contribute.scss";
|
||||||
// @import "_top-banner.scss";
|
// @import "_top-banner.scss";
|
||||||
@import "_toml-checker.scss";
|
@import "_toml-checker.scss";
|
||||||
@import "_tutorials.scss";
|
@import "_tutorials.scss";
|
||||||
@import "_docs-landing.scss";
|
@import "_docs-landing.scss";
|
||||||
@import "_xrplai.scss";
|
@import "_xrplai.scss";
|
||||||
|
|
||||||
// Light/Dark theme settings ---------------------------------------------------
|
// Light/Dark theme settings ---------------------------------------------------
|
||||||
// Option to only change theme on user system settings. No toggle.
|
// Option to only change theme on user system settings. No toggle.
|
||||||
|
|
||||||
|
|||||||
@@ -18,289 +18,59 @@
|
|||||||
{% block main %}
|
{% block main %}
|
||||||
|
|
||||||
|
|
||||||
<section class="text-center" id="community-heading">
|
<section class="text-center" id="community-heading" style="position: relative;">
|
||||||
|
|
||||||
<div class="d-lg-block d-none">
|
<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="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 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="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="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" >
|
<img alt="Person speaking at Apex" class="parallax five" width="216px" height="160px" src="./assets/img/community/community-five@2x.png">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-6 mx-auto text-left text-md-center">
|
<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">
|
<div class="d-flex flex-column-reverse">
|
||||||
<h1 class="mb-0">{% trans %}Open for Business, <br class="until-sm"/> Driven to Innovate{% endtrans %}</h1>
|
<h1 class="mb-0">
|
||||||
<h6 class="eyebrow mb-3">{% trans %}The XRPL Community{% endtrans %}</h6>
|
{% 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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Join conversation -->
|
<section id="community-table" class="hot-topics">
|
||||||
<section class="container-new" id="find-us-on-platforms">
|
<h6 class="eyebrow-convo">Join the Conversation</h6>
|
||||||
<div class="d-flex flex-column-reverse col-sm-8 p-0">
|
<h4 >Hot Topics Happening Now</h4>
|
||||||
<h3 class="h4 h2-sm">{% trans %}Find the community on the platforms below{% endtrans %}</h3>
|
<table>
|
||||||
<h6 class="eyebrow mb-3">{% trans %}Join the Conversation{% endtrans %}</h6>
|
<tr>
|
||||||
</div>
|
<td class="td-img"><img src="./assets/img/community/ic_Discord.png" alt="discord icon"></td>
|
||||||
|
<td>Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis
|
||||||
{% set platforms = [
|
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
|
||||||
{ "name": "Twitter",
|
</td>
|
||||||
"id": "twitter",
|
</tr>
|
||||||
"link": "https://twitter.com/XRPLF/"},
|
<tr>
|
||||||
{ "name": "Discord",
|
<td class="td-img"><img src="./assets/img/community/ic_Twitter.png" alt="twitter icon"></td>
|
||||||
"id": "discord",
|
<td>Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis
|
||||||
"link": "https://xrpldevs.org"},
|
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
|
||||||
{ "name": "YouTube",
|
</td>
|
||||||
"id": "youtube",
|
</tr>
|
||||||
"link": "https://www.youtube.com/channel/UC6zTJdNCBI-TKMt5ubNc_Gg"},
|
<tr>
|
||||||
{ "name": "GitHub",
|
<td class="td-img"><img src="./assets/img/community/ic_Youtube.png" alt="youtube icon"></td>
|
||||||
"id": "github",
|
<td>Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis
|
||||||
"link": "https://github.com/XRPLF/xrpl-dev-portal",
|
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
|
||||||
"imgclasses": "invertible-img"},
|
</td>
|
||||||
{ "name": "Stack Overflow",
|
</tr>
|
||||||
"id": "stack-overflow",
|
<tr>
|
||||||
"link": "https://stackoverflow.com/questions/tagged/xrp"},
|
<td class="td-img"><img src="./assets/img/community/ic_XRPL.png" alt="youtube icon"></td>
|
||||||
] %}
|
<td>Donec venenatis orci ac turpis aliquet aliquam. Etiam vehicula sem nec justo lobortis
|
||||||
<div class="row row-cols-2 row-cols-lg-4 card-deck">
|
<a href="YOUR_LINK_HERE" class="text-external-link"><span class="external-link-contribute"></span></a>
|
||||||
{% for plat in platforms %}
|
</td>
|
||||||
<a class="card mb-10" href="{{plat.link}}" target="_blank">
|
</tr>
|
||||||
<div class="card-body">
|
</table>
|
||||||
<div class="circled-logo"><img id="platform-{{plat.id}}" alt="(logo)" {% if plat.imgclasses %}class="{{plat.imgclasses}}"{% endif %}/></div>
|
|
||||||
<h4 class="card-title h5">{{plat.name}}</h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer"> </div>
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Contribute -->
|
|
||||||
<section class="container-new" id="run-a-network-node">
|
|
||||||
<div class="card-grid card-grid-2xN">
|
|
||||||
<div class="col d-none d-lg-block align-self-center">
|
|
||||||
<div class="mt-10" id="networkNode"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col pt-lg-5">
|
|
||||||
<div class="d-flex flex-column-reverse mb-8 pl-0">
|
|
||||||
<h2 class="h4 h2-sm">{% trans %}Run an XRP Ledger network node{% endtrans %}</h2>
|
|
||||||
<h6 class="eyebrow mb-3">{% trans %}Contribute to Consensus{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col d-lg-none d-block">
|
|
||||||
<div class="mt-10" id="networkNode-small"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="pt-2 pt-lg-5 card-grid card-grid-2xN text-cards">
|
|
||||||
{% set curated_links = [
|
|
||||||
"the-rippled-server.html",
|
|
||||||
"run-rippled-as-a-validator.html",
|
|
||||||
"install-rippled.html",
|
|
||||||
"troubleshoot-the-rippled-server.html"
|
|
||||||
] %}
|
|
||||||
{% for cc in curated_links %}
|
|
||||||
{% set page = pages|selectattr("html", "defined_and_equalto", cc)|first %}
|
|
||||||
<div class="text-card">
|
|
||||||
<a class="btn-arrow" href="{{currentpage.prefix}}{{page.html}}">{% if page.top_nav_name is defined %}{{page.top_nav_name}}{% else %}{{page.name}}{% endif %}</a>
|
|
||||||
<p class="mt-3 mb-0">{{page.blurb}}</p>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Grants -->
|
|
||||||
<section class="container-new" id="xrpl-grants">
|
|
||||||
<div class="card-grid card-grid-2xN">
|
|
||||||
<div class="col pr-2">
|
|
||||||
<div class="d-flex flex-column-reverse">
|
|
||||||
<h2 class="h4 h2-sm">{% trans %}Apply for funding to build your XRPL project{% endtrans %}</h2>
|
|
||||||
<h6 class="eyebrow mb-3">{% trans %}XRPL Grants{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<p class="mb-lg-3 py-lg-4 pt-4 mb-0">{% trans %}The XRPL Grants program funds select open-source projects that solve problems and grow the XRP Ledger community.{% endtrans %}</p>
|
|
||||||
|
|
||||||
<div class="d-lg-block d-none">
|
|
||||||
<div class="mb-4 pb-3" id="xrplGrantsDark"></div>
|
|
||||||
<a class="btn btn-primary btn-arrow" target="_blank" href="https://xrplgrants.org/">{% trans %}Apply for a Grant{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
|
|
||||||
<h6 class="eyebrow mb-2">{% trans %}Awarded in a single grant{% endtrans %}</h6>
|
|
||||||
<img alt="$10K - $200K" src="./assets/img/community/community-grants-1.svg">
|
|
||||||
</div>
|
|
||||||
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
|
|
||||||
<h6 class="eyebrow mb-2">{% trans %}Distributed to grant recipients{% endtrans %}</h6>
|
|
||||||
<img alt="$6.0M" src="./assets/img/community/community-grants-2.svg">
|
|
||||||
</div>
|
|
||||||
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
|
|
||||||
<h6 class="eyebrow mb-2">{% trans %}Open-source projects funded {% endtrans %}</h6>
|
|
||||||
<img alt="50+" src="./assets/img/community/community-grants-3.svg">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="d-lg-none d-block mt-4 pt-3">
|
|
||||||
<div class="mb-4 pb-3" id="xrplGrantsDark-small"></div>
|
|
||||||
<a class="btn btn-primary btn-arrow" target="_blank" href="https://xrplgrants.org/">{% trans %}Learn More{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Blog -->
|
|
||||||
<section class="container-new" id="xrpl-blog">
|
|
||||||
<div class="card-grid card-grid-2xN align-items-lg-center">
|
|
||||||
|
|
||||||
<div class="col pr-2 d-lg-block d-none">
|
|
||||||
<img alt="Bubbles with people inside" src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
<div class="d-flex flex-column-reverse mb-lg-2 pl-0">
|
|
||||||
<h2 class="h4 h2-sm">{% trans %}Showcase your XRPL project, application or product{% endtrans %}</h2>
|
|
||||||
<h6 class="eyebrow mb-3">{% trans %}XRPL Community Spotlight{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<p class="mb-3 py-4">{% trans %}Get featured on the Developer Reflections blog or <a href='uses.html'>Blockchain Use Cases</a> page, and explore XRPL community highlights.{% endtrans %}</p>
|
|
||||||
|
|
||||||
<div class="d-lg-none d-block">
|
|
||||||
<img alt="Bubbles with people inside" src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-lg-left text-center">
|
|
||||||
<a class="btn btn-primary btn-arrow mb-4 mb-md-0" data-tf-popup="ssHZA7Ly" data-tf-iframe-props="title=Developer Reflections" data-tf-medium="snippet">{% trans %}Submit Your Projects{% endtrans %}</a>
|
|
||||||
<a class="ml-lg-4 video-external-link" target="_blank" href="https://xrpl.org/blog/">{% trans %}Read the Blog{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Events -->
|
|
||||||
<section class="container-new" id="xrpl-events">
|
|
||||||
<div class="card-grid card-grid-2xN ">
|
|
||||||
|
|
||||||
<div class="col pr-2 d-lg-block d-none">
|
|
||||||
<!-- Large. 3 image in col -->
|
|
||||||
<div class="d-flex flex-row h-100">
|
|
||||||
<div class=" pr-1 mr-3 align-self-start">
|
|
||||||
<img alt="People standing at Apex" src="./assets/img/community/community-events-apex-small@2x.png" class="w-100">
|
|
||||||
<p class="bold text-light mt-3">{% trans %}Welcome to Apex 2021{% endtrans %}</p>
|
|
||||||
</div>
|
|
||||||
<div class=" px-1 mx-3 align-self-center">
|
|
||||||
<img alt="People standing in a circle" src="./assets/img/community/community-events-meetup-small@2x.png" class="w-100">
|
|
||||||
<p class="bold text-light mt-3">{% trans %}XRPL Community Meetup{% endtrans %}</p>
|
|
||||||
</div>
|
|
||||||
<div class=" pl-1 ml-3 align-self-end">
|
|
||||||
<img alt="Blue and pink card" src="./assets/img/community/community-events-hackathon-small@2x.png" class="w-100">
|
|
||||||
<p class="bold text-light mt-3">{% trans %}XRPL Hackathon 2022{% endtrans %}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col pt-5">
|
|
||||||
<div class="d-flex flex-column-reverse mb-lg-2 pl-0">
|
|
||||||
<h2 class="h4 h2-sm">{% trans %}Check out global events across the XRPL community{% endtrans %}</h2>
|
|
||||||
<h6 class="eyebrow mb-3">{% trans %}XRPL Events{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<p class="mb-3 py-4">{% trans %}Meet the XRPL community at meetups, hackathons, conferences, and more across global regions.{% endtrans %}</p>
|
|
||||||
|
|
||||||
<!-- Mobile. 3 inline images. -->
|
|
||||||
<div class="col pr-2 d-lg-none d-block">
|
|
||||||
|
|
||||||
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
|
|
||||||
<img alt="People standing at Apex" src="./assets/img/community/community-events-apex@2x.png" class="w-100">
|
|
||||||
<h6 class="mt-3">{% trans %}Welcome to Apex 2021{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
|
|
||||||
<img alt="People standing in a circle" src="./assets/img/community/community-events-meetup@2x.png" class="w-100">
|
|
||||||
<h6 class="mt-3">{% trans %}XRPL Community Meetup{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
|
|
||||||
<img alt="Blue and pink card" src="./assets/img/community/community-events-hackathon@2x.png" class="w-100">
|
|
||||||
<h6 class="mt-3">{% trans %}XRPL Hackathon 2022{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div >
|
|
||||||
<a class="btn btn-primary btn-arrow" target="_blank" href="/events.html">{% trans %}View All Events{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Careers -->
|
|
||||||
<section class="container-new" id="xrpl-careers">
|
|
||||||
<div class="card-grid card-grid-2xN">
|
|
||||||
|
|
||||||
<div class="col pr-2 d-lg-block d-none">
|
|
||||||
<div class="mb-4 pb-3" id="careersDark"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col pt-5">
|
|
||||||
<div class="d-flex flex-column-reverse mb-lg-2 pl-0">
|
|
||||||
<h2 class="h4 h2-sm">{% trans %}Discover your next career opportunity in the XRPL community{% endtrans %}</h2>
|
|
||||||
<h6 class="eyebrow mb-3">{% trans %}XRPL Careers{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<p class="mb-3 py-4">{% trans %}Teams across the XRPL community are looking for talented individuals to help build their next innovation.{% endtrans %}</p>
|
|
||||||
|
|
||||||
<div class="d-lg-none d-block">
|
|
||||||
<div class="mb-4 pb-3" id="careersDark-small"></div>
|
|
||||||
</div>
|
|
||||||
<div class="d-lg-block">
|
|
||||||
<a class="btn btn-primary btn-arrow" target="_blank" href="https://jobs.xrpl.org/jobs">{% trans %}View Open Roles{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- XRPL Design Assets -->
|
|
||||||
<section class="container-new" id="xrpl-design-assets">
|
|
||||||
<div class="card-grid card-grid-2xN ">
|
|
||||||
<div class="col pt-5">
|
|
||||||
<div class="d-flex flex-column-reverse mb-lg-2 pl-0">
|
|
||||||
<h2 class="h4 h2-sm">{% trans %}Review guidelines for using XRPL design assets{% endtrans %}</h2>
|
|
||||||
<h6 class="eyebrow mb-3">{% trans %}XRPL Assets{% endtrans %}</h6>
|
|
||||||
</div>
|
|
||||||
<p class="mb-3 py-4">{% trans %}Just like the technology itself, XRPL assets are open source and available for anyone to use. Check out this helpful framework for using XRPL visuals. {% endtrans %}</p>
|
|
||||||
<div class="col pr-2 d-lg-none d-block mb-4 pb-3 mb-lg-3">
|
|
||||||
<div class=" pr-1 mr-3">
|
|
||||||
<img alt="Preview of xrpl community design assets webpages" src="./assets/img/community/community-design-assets.png" class="w-100">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div >
|
|
||||||
<a class="btn btn-primary btn-arrow" target="_blank" href="{{target.github_forkurl}}/raw/{{target.github_branch}}/content/XRPL_Logo_Kit.zip">{% trans %}Download the PDF and Assets{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col pr-2 d-lg-block d-none">
|
|
||||||
<div class=" pr-1 mr-3">
|
|
||||||
<img alt="Preview of xrpl community design assets webpages" src="./assets/img/community/community-design-assets.png" class="w-100">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="container-new">
|
|
||||||
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
|
|
||||||
<img alt="" src="./img/backgrounds/cta-community-purple.svg" class="d-none-sm cta cta-top-left">
|
|
||||||
<img alt="" src="./img/backgrounds/cta-community-green.svg" class="cta cta-bottom-right">
|
|
||||||
<div class="z-index-1 position-relative">
|
|
||||||
<div class="d-flex flex-column-reverse">
|
|
||||||
<h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}A community-driven resource for all things XRPL.org{% endtrans %}</h2>
|
|
||||||
<h5 class="eyebrow mb-3">{% trans %}Contribute to XRPL.org{% endtrans %}</h5>
|
|
||||||
</div>
|
|
||||||
<p class="mb-10">{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created as an XRPL community resource and is meant to be a living, breathing source of truth for XRP Ledger resources. This portal is open-source and anyone can suggest changes.{% endtrans %}</p>
|
|
||||||
<a class="btn btn-primary btn-arrow" href="https://github.com/XRPLF/xrpl-dev-portal/blob/master/CONTRIBUTING.md" target="_blank">{% trans %}Read Contributor Guidelines{% endtrans %}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
@@ -310,89 +80,12 @@
|
|||||||
<!-- TypeFrom for blog -->
|
<!-- TypeFrom for blog -->
|
||||||
<script src="//embed.typeform.com/next/embed.js"></script>
|
<script src="//embed.typeform.com/next/embed.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/bodymovin.min.js"></script>
|
|
||||||
|
|
||||||
<!-- Light version for network node looks ok for both light/dark.-->
|
<!-- 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 -->
|
<!-- Dark version for other two and using filter invert and adjust brightness for light mode -->
|
||||||
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/network-node-light.json"></script>
|
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/network-node-light.json"></script>
|
||||||
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/XRPL-grants-dark.json"></script>
|
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/XRPL-grants-dark.json"></script>
|
||||||
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/careers-dark.json"></script>
|
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/careers-dark.json"></script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
function networkNodeAnimation(){
|
|
||||||
bodymovin.loadAnimation({
|
|
||||||
container: document.getElementById('networkNode'),
|
|
||||||
renderer: 'svg',
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
animationData: networkNodeLight
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
function networkNodeSmallAnimation(){
|
|
||||||
bodymovin.loadAnimation({
|
|
||||||
container: document.getElementById('networkNode-small'),
|
|
||||||
renderer: 'svg',
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
animationData: networkNodeLight
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
function xrplGrantsAnimation(){
|
|
||||||
bodymovin.loadAnimation({
|
|
||||||
container: document.getElementById('xrplGrantsDark'),
|
|
||||||
renderer: 'svg',
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
animationData: xrplGrantsDark
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
function xrplGrantsSmallAnimation(){
|
|
||||||
bodymovin.loadAnimation({
|
|
||||||
container: document.getElementById('xrplGrantsDark-small'),
|
|
||||||
renderer: 'svg',
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
animationData: xrplGrantsDark
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
function careersAnimation(){
|
|
||||||
bodymovin.loadAnimation({
|
|
||||||
container: document.getElementById('careersDark'),
|
|
||||||
renderer: 'svg',
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
animationData: careersDark
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
function careersSmallAnimation(){
|
|
||||||
bodymovin.loadAnimation({
|
|
||||||
container: document.getElementById('careersDark-small'),
|
|
||||||
renderer: 'svg',
|
|
||||||
loop: true,
|
|
||||||
autoplay: true,
|
|
||||||
animationData: careersDark
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
careersAnimation();
|
|
||||||
careersSmallAnimation();
|
|
||||||
|
|
||||||
|
|
||||||
xrplGrantsAnimation();
|
|
||||||
xrplGrantsSmallAnimation();
|
|
||||||
|
|
||||||
|
|
||||||
networkNodeSmallAnimation();
|
|
||||||
networkNodeAnimation();
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user