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

First pass re org page

Browse Source
This commit is contained in:
Jake
2022-04-24 17:51:26 -07:00
parent 4899072e6a
commit 9d25765eaa
11 changed files with 208 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2022-v3.css
View File

File diff suppressed because one or more lines are too long

BIN
assets/img/community/temp_community_grants_logos@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
assets/img/community/temp_community_open_roles@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
assets/img/community/temp_community_stats@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
assets/img/community/temp_community_types_of_events@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 310 KiB

BIN
assets/img/community/temp_community_xrp_ledger@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 542 KiB

6
img/logos/devto.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20" r="20" fill="#343437"/>
<path d="M13.982 12.1172H14.4156V11H13.982C13.5222 10.9996 13.067 11.09 12.6422 11.2661C12.2174 11.4422 11.8314 11.7005 11.5063 12.0262C11.1813 12.352 10.9235 12.7387 10.7478 13.1644C10.572 13.59 10.4818 14.0463 10.4822 14.5069V17.0517C10.4831 17.5906 10.2783 18.1094 9.90975 18.5017C9.5412 18.8941 9.03682 19.1304 8.5 19.1621L8.53097 19.7207L8.5 20.2793C9.03682 20.311 9.5412 20.5473 9.90975 20.9396C10.2783 21.332 10.4831 21.8508 10.4822 22.3897V25.3224C10.4805 26.2956 10.8646 27.2296 11.5498 27.9192C12.2351 28.6088 13.1656 28.9975 14.1368 29V27.8828C13.4634 27.8823 12.8176 27.6141 12.3415 27.1369C11.8653 26.6598 11.5976 26.0127 11.5972 25.3379V22.3897C11.5976 21.8633 11.4694 21.3448 11.2238 20.8796C10.9781 20.4143 10.6225 20.0164 10.1879 19.7207C10.6212 19.4237 10.9759 19.0255 11.2214 18.5606C11.4669 18.0956 11.5959 17.5778 11.5972 17.0517V14.5069C11.6 13.874 11.8522 13.2678 12.2988 12.8203C12.7454 12.3728 13.3503 12.1201 13.982 12.1172Z" fill="#F5F5F7"/>
<path d="M26.8672 12.1172H26.4336V11H26.8672C27.7932 11.0025 28.6804 11.3732 29.3337 12.0308C29.9871 12.6884 30.3531 13.579 30.3515 14.5069V17.0517C30.3506 17.5906 30.5554 18.1094 30.9239 18.5017C31.2925 18.8941 31.7968 19.1304 32.3337 19.1621L32.3027 19.7207L32.3337 20.2793C31.7968 20.311 31.2925 20.5473 30.9239 20.9396C30.5554 21.332 30.3506 21.8508 30.3515 22.3897V25.3224C30.3531 26.2956 29.9691 27.2296 29.2838 27.9192C28.5985 28.6088 27.668 28.9975 26.6969 29V27.8828C27.3703 27.8823 28.016 27.6141 28.4922 27.1369C28.9684 26.6598 29.2361 26.0127 29.2365 25.3379V22.3897C29.236 21.8633 29.3642 21.3448 29.6099 20.8796C29.8555 20.4143 30.2112 20.0164 30.6457 19.7207C30.2124 19.4237 29.8577 19.0255 29.6122 18.5606C29.3667 18.0956 29.2378 17.5778 29.2365 17.0517V14.5069C29.2381 14.1939 29.1781 13.8837 29.0598 13.5941C28.9415 13.3044 28.7673 13.041 28.5471 12.819C28.327 12.597 28.0653 12.4207 27.777 12.3003C27.4887 12.1798 27.1795 12.1176 26.8672 12.1172Z" fill="#F5F5F7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1828 15.271H24.6099L22.1239 17.7346C21.3736 18.4781 20.1573 18.4781 19.4071 17.7346L16.9211 15.271H15.3482L18.6206 18.514C19.8052 19.6879 21.7258 19.6879 22.9104 18.514L26.1828 15.271ZM15.3281 24.289H16.901L19.4072 21.8053C20.1575 21.0618 21.3738 21.0618 22.124 21.8053L24.6303 24.289H26.2032L22.9105 21.026C21.7259 19.8521 19.8054 19.8521 18.6208 21.026L15.3281 24.289Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

4
img/logos/discord.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="20" fill="#343437"/>
<path d="M27.5088 13.34C26.1708 12.714 24.7402 12.2591 23.2446 12C23.0609 12.3321 22.8463 12.7788 22.6983 13.1341C21.1084 12.895 19.5331 12.895 17.9724 13.1341C17.8245 12.7788 17.605 12.3321 17.4197 12C15.9224 12.2591 14.4902 12.7157 13.1522 13.3433C10.4536 17.4214 9.72199 21.3981 10.0878 25.3184C11.8777 26.655 13.6123 27.467 15.3177 27.9984C15.7387 27.4189 16.1142 26.8028 16.4378 26.1536C15.8216 25.9195 15.2315 25.6306 14.6739 25.2952C14.8218 25.1856 14.9665 25.071 15.1063 24.9531C18.5073 26.5438 22.2025 26.5438 25.5628 24.9531C25.7043 25.071 25.849 25.1856 25.9953 25.2952C25.436 25.6322 24.8443 25.9211 24.2281 26.1553C24.5517 26.8028 24.9256 27.4205 25.3482 28C27.0552 27.4687 28.7915 26.6567 30.5814 25.3184C31.0106 20.7738 29.8482 16.8336 27.5088 13.34ZM16.9011 22.9075C15.8802 22.9075 15.0429 21.9543 15.0429 20.7937C15.0429 19.6331 15.8623 18.6783 16.9011 18.6783C17.9399 18.6783 18.7772 19.6314 18.7593 20.7937C18.7609 21.9543 17.9399 22.9075 16.9011 22.9075ZM23.7681 22.9075C22.7471 22.9075 21.9099 21.9543 21.9099 20.7937C21.9099 19.6331 22.7292 18.6783 23.7681 18.6783C24.8069 18.6783 25.6441 19.6314 25.6263 20.7937C25.6263 21.9543 24.8069 22.9075 23.7681 22.9075Z" fill="#4153E4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

5
img/logos/youttube.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20" r="20" fill="#343437"/>
<path d="M29.7607 15.234C29.5503 14.4419 28.9306 13.8181 28.1436 13.6064C26.7172 13.2217 20.9975 13.2217 20.9975 13.2217C20.9975 13.2217 15.2778 13.2217 13.8514 13.6064C13.0644 13.8181 12.4446 14.4419 12.2343 15.234C11.8521 16.6697 11.8521 19.6651 11.8521 19.6651C11.8521 19.6651 11.8521 22.6604 12.2343 24.0962C12.4446 24.8882 13.0644 25.5119 13.8514 25.7237C15.2778 26.1084 20.9975 26.1084 20.9975 26.1084C20.9975 26.1084 26.7172 26.1084 28.1436 25.7237C28.9306 25.5119 29.5503 24.8882 29.7607 24.0963C30.1429 22.6604 30.1429 19.6651 30.1429 19.6651C30.1429 19.6651 30.1429 16.6697 29.7607 15.234Z" fill="#E73621"/>
<path d="M19.1268 22.3844L23.9074 19.665L19.1268 16.9453V22.3844Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 853 B

2
styles/_pages.scss
View File

@@ -715,7 +715,7 @@
}
.page-community {
@each $platform in "github", "twitch", "stack-overflow", "twitter" {
@each $platform in "github", "twitch", "stack-overflow", "twitter", "discord", "youtube", "devto" {
#platform-#{$platform} {
content: url("../img/logos/#{$platform}.svg")
}

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

@@ -17,38 +17,17 @@
{% block main %}
<div class="position-relative">
<img src="./img/backgrounds/community-magenta.svg" class="landing-bg" id="community-magenta">
</div>
<section class="py-26 text-center">
<div class="col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}Participate in the XRPL Community{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}Join and Contribute{% endtrans %}</h6>
<h1 class="mb-0">{% trans %}A Global Community of Builders and Innovators{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}The XRPL Community{% endtrans %}</h6>
</div>
</div>
</section>
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/community-purple.svg" id="community-purple">
</div>
<section class="container-new py-26" id="run-a-network-node">
<div class="d-flex flex-column-reverse col-sm-8 p-0">
<h3 class="h4 h2-sm">{% trans %}Run an XRP Ledger Network Node{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Contribute to Consensus{% endtrans %}</h6>
</div>
{% set curated_cards = [
"the-rippled-server.html",
"install-rippled.html",
"run-rippled-as-a-validator.html",
"troubleshoot-the-rippled-server.html"
] %}
{% include 'component-curated-cards.html.jinja' %}
</section><!--/#run-a-network-node-->
<!-- Join conversation -->
<section class="container-new py-26" id="find-us-on-platforms">
<div class="d-flex flex-column-reverse col-sm-8 p-0">
<h3 class="h4 h2-sm">{% trans %}Find us on the platforms below{% endtrans %}</h3>
@@ -56,6 +35,17 @@
</div>
{% set platforms = [
{ "name": "Twitter",
"id": "twitter",
"link": "https://twitter.com/XRPLF/"},
{ "name": "Discord",
"id": "discord",
"link": "",
"imgclasses": "invertible-img"},
{ "name": "YouTube",
"id": "youtube",
"link": "#",
"imgclasses": "invertible-img"},
{ "name": "GitHub",
"id": "github",
"link": "https://github.com/XRPLF/xrpl-dev-portal",
@@ -66,9 +56,10 @@
{ "name": "Stack Overflow",
"id": "stack-overflow",
"link": "https://stackoverflow.com/questions/tagged/xrp"},
{ "name": "Twitter",
"id": "twitter",
"link": "https://twitter.com/XRPLF/"},
{ "name": "Dev.to",
"id": "devto",
"link": "",
"imgclasses": "invertible-img"},
] %}
<div class="row row-cols-2 row-cols-lg-4 card-deck">
{% for plat in platforms %}
@@ -82,6 +73,179 @@
{% endfor %}
</div>
</section>
<!-- TEMP -->
<style>
.text-cards a {
width: 50%;
}
.text-cards a:hover {
text-decoration: none;
}
.text-cards h6::before {
margin-top: 0;
height: unset;
}
</style>
<!-- Contribute -->
<section class="container-new py-26" id="run-a-network-node">
<div class="card-grid card-grid-2xN">
<div class="col pr-2">
<img src="./assets/img/community/temp_community_xrp_ledger@2x.png" class="w-100">
</div>
<div class="col pt-5 pr-2">
<div class="d-flex flex-column-reverse mb-lg-4 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>
<!-- Grid -->
<div class="d-flex align-content-stretch flex-wrap flex-column flex-md-row text-cards ">
<a class="" href="#">
<div class="">
<h6 class="h6">About the Server -></h6>
<p class="">rippled is the core peer-to-peer server that manages the XRP Ledger.</p>
</div>
</a>
<a class="" href="#">
<div class="">
<h6 class="h6">Become a Validator -></h6>
<p class="">Join the Unique Node List (UNL) to contribute to consensus on XRPL.</p>
</div>
</a>
<a class="" href="#">
<div class="">
<h6 class="h6">Install & Configure -></h6>
<p class="">Install, run, and update the rippled server.</p>
</div>
</a>
<a class="" href="#">
<div class="">
<h6 class="h6">Troubleshooting -></h6>
<p class="">Troubleshoot any issues you’re having with the rippled server.</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Grants -->
<section class="container-new py-26">
<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 for your next XRPL project{% endtrans %}</h2>
<h6 class="eyebrow mb-3">{% trans %}XRPL Grants{% endtrans %}</h6>
</div>
<p class="mb-4">{% trans %}The XRPL Grants program funds select open-source projects that help the growing XRP Ledger community. Wave 3 of XRPL Grants with the theme “Contributing to Open Source” is now open!{% endtrans %}</p>
<img src="./assets/img/community/temp_community_grants_logos@2x.png" class="w-100">
<div class="d-lg-block mt-4">
<a class="btn btn-primary btn-arrow" target="_blank" href="http://apexdevsummit.com">{% trans %}Apply for a Grant{% endtrans %}</a>
</div>
</div>
<div class="col order-1 order-lg-2 pt-5 pr-2">
<img src="./assets/img/community/temp_community_stats@2x.png" class="w-100">
</div>
</div>
</section>
<!-- Events -->
<section class="container-new py-26">
<div class="event-hero card-grid card-grid-2xN">
<div class="col pr-2">
<img src="./assets/img/community/temp_community_types_of_events@2x.png" class="w-100">
</div>
<div class="col pt-5 pr-2">
<div class="d-flex flex-column-reverse mb-lg-4 pl-0 ">
<h2 class="h4 h2-sm">{% trans %}Check out global events hosted by the XRPL community {% endtrans %}</h2>
<h6 class="eyebrow mb-3">{% trans %}XRPL Events{% endtrans %}</h6>
</div>
<p class="mb-4">{% trans %}Meet the XRPL community at meetups, hackathons, conferences like Apex, and more, across global regions.{% endtrans %}</p>
<div class="d-lg-block">
<a class="btn btn-primary btn-arrow" target="_blank" href="/events.html">{% trans %}View All Events{% endtrans %}</a>
</div>
</div>
</div>
</section>
<!-- Dev spotlight -->
<section class="container-new py-26">
<div class="d-flex flex-column-reverse col-xl-6 mb-lg-4 pl-0 ">
<h2 class="h4 h2-sm">{% trans %}Watch community members tell their stories of building on XRPL {% endtrans %}</h2>
<h6 class="eyebrow mb-3">{% trans %}Developer Spotlights{% endtrans %}</h6>
</div>
<div class="row row-cols-1 row-cols-lg-3 d-flex justify-content-between w-100 mx-0 mx-md-n3 mt-md-5">
<div class="px-md-3 pt-5 pt-md-0">
<a href="#" class="btn1" data-url="https://www.youtube.com/embed/k6VqEkqRTmk?rel=0&amp;showinfo=0&amp;autoplay=1">
<img src="./assets/img/overview/video_explainer_consensus@2x.png" id="xrpl-overview-video-consensus" class="w-100 video-image">
</a>
<div class="mt-2">
<h4 class="video-title mt-3 mb-0">{% trans %}Company Name{% endtrans %}</h4>
</div>
</div>
<div class="px-md-3 pt-5 pt-md-0">
<a href="#" class="btn1" data-url="https://www.youtube.com/embed/JjaVDXPqnbA?rel=0&amp;showinfo=0&amp;autoplay=1">
<img src="./assets/img/overview/video_explainer_nodes@2x.png" id="xrpl-overview-video-nodes" class="w-100 video-image">
</a>
<div class="mt-2">
<h4 class="video-title mt-3 mb-0">{% trans %}Company Name{% endtrans %}</h4>
</div>
</div>
<div class="px-md-3 pt-5 pt-md-0">
<a href="#" class="btn1" data-url="https://www.youtube.com/embed/WsmldDNGQ9s?rel=0&amp;showinfo=0&amp;autoplay=1">
<img src="./assets/img/overview/video_explainer_sustainability@2x.png" id="xrpl-overview-video-sustainability" class="w-100 video-image">
</a>
<div class="mt-2">
<h4 class="video-title mt-3 mb-0">{% trans %}Company Name{% endtrans %}</h4>
</div>
</div>
</div>
<div class="pt-5 w-100">
<a class="btn btn-primary btn-arrow" target="_blank" href="https://www.youtube.com/channel/UC6zTJdNCBI-TKMt5ubNc_Gg">{% trans %}Watch Full Series on YouTube{% endtrans %}</a>
</div>
</section>
<!-- Careers -->
<section class="container-new py-26">
<div class="event-hero card-grid card-grid-2xN">
<div class="col pr-2">
<img src="./assets/img/community/temp_community_open_roles@2x.png" class="w-100">
</div>
<div class="col pt-5 pr-2">
<div class="d-flex flex-column-reverse mb-lg-4 pl-0 ">
<h2 class="h4 h2-sm">{% trans %}Discover your next career opportunity with XRPL{% endtrans %}</h2>
<h6 class="eyebrow mb-3">{% trans %}XRPL Careers{% endtrans %}</h6>
</div>
<p class="mb-4">{% trans %}Teams across the XRPL community are looking for talented individuals to help build their next innovation.{% endtrans %}</p>
<div class="d-lg-block">
<a class="btn btn-primary btn-arrow" target="_blank" href="/events.html">{% trans %}View Open Roles{% endtrans %}</a>
</div>
</div>
</div>
</section>
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-community-purple.svg" class="d-none-sm cta cta-top-left">