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

Adjust layout and text changes

Browse Source
This commit is contained in:
Jake
2022-06-15 15:09:08 -07:00
parent 3bb2eace34
commit 79cb0f88c8
18 changed files with 8692 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

274
template/page-ambassadors.html.jinja
View File

@@ -24,45 +24,45 @@
<section class="container-new py-26 text-lg-center">
<div class="p-0 col-lg-8 mx-lg-auto">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}Become an XRP Ledger Ambassador{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}Join the Cohort{% endtrans %}</h6>
<h1 class="mb-0">{% trans %}Become an XRP Ledger Campus Ambassador{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}Join the Student Cohort{% endtrans %}</h6>
</div>
<p class="mt-3 py-3 col-lg-8 mx-lg-auto p-0">{% trans %}The XRPL Developer and Campus Ambassador program engages, supports, connects and
recognizes champions of the XRPL and empowers them to further advance awareness of and development on the
ledger.{% endtrans %}</p>
<p class="mt-3 py-3 col-lg-8 mx-lg-auto p-0">{% trans %}The XRPL Campus Ambassador program engages, supports, connects, and recognizes a group of student champions of the XRPL and empowers them to further advance engagement on the XRP Ledger.{% endtrans %}</p>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet"
class="btn btn-primary btn-arrow-out"
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now to XRPL Ambassadors</button>
class="btn btn-primary btn-arrow-out"
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now for Fall 2022</button>
</div>
</section>
<!-- Current Developers -->
<!-- Current Students -->
<section class="container-new py-26">
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-lg-2 ml-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 half-on-large">
<div class="order-lg-2 mx-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 pr-lg-5">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}XRPL Developer Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Current Developers{% endtrans %}</h6>
<h3 class="h4 h2-sm">{% trans %}XRPL Campus Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Current Students{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}XRPL Developer Ambassadors connect the community through events,
workshops, hackathons, content creation and more. Ambassadors help answer questions, share resources on
how to build on the XRPL and provide updates on community developments.{% endtrans %}</p>
<p class="p-lg-3 mb-2 longform">{% trans %}The XRPL Campus Ambassador program aims to elevate the impact of college students who are passionate about blockchain technology. In their role, Campus Ambassadors help educate other students about crypto and how to start building on the XRPL.{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Connect with Ambassadors{%endtrans %}</a>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet"
class="btn btn-primary btn-arrow-out"
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now for Fall 2022</button>
</div>
</div>
<div class="order-lg-1 half-on-large mr-lg-4">
<div class="row m-0">
<div class="order-lg-1 col-lg-6 px-0 mr-lg-4">
<div class="row m-0">
<img src="./assets/img/ambassadors/developer-hero@2x.png" class="w-100">
</div>
</div>
<div class="d-lg-none order-3 mt-4 pt-3 p-lg-3">
<a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Connect with Ambassadors{%endtrans %}</a>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet"
class="btn btn-primary btn-arrow-out"
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now for Fall 2022</button>
</div>
</div>
@@ -75,37 +75,36 @@
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-1 mr-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 half-on-large">
<div class="order-1 mr-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Process to Become an Ambassador{% endtrans %}</h3>
<h3 class="h4 h2-sm">{% trans %}Process to become a Campus Ambassador{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}How it Works{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}Begin an application to get started in the process of becoming either a XRPL Campus or
Developer Ambassador.{% endtrans %}</p>
<p class="p-lg-3 mb-2 longform">{% trans %}Apply now to become an XRPL Campus Ambassador.{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet" class="btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now to XRPL Ambassadors</button>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet"
class="btn btn-primary btn-arrow-out"
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now for Fall 2022</button>
</div>
</div>
<div class="order-2 half-on-large mr-lg-4">
<div class="order-2 col-lg-6 px-0 ml-lg-2">
<div class="row m-0">
<div class="row m-0">
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="px-lg-3 pb-3">
<!-- <div class="h-100"> -->
<img src="./assets/img/ambassadors/01.svg" class="pl-lg-3">
<!-- </div> -->
<img src="./assets/img/ambassadors/01.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Apply</h6>
<p class="">Submit an application to be considered for the Developer or Campus Ambassador program.</p>
<p class="">Submit an application to be considered for the Campus Ambassador program.</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
@@ -119,7 +118,7 @@
<img src="./assets/img/ambassadors/03.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Join</h6>
<p class="">Congrats on your new role! Join the global cohort of Ambassadors and meet with the community participants during onboarding.</p>
<p class="">Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.</p>
</div>
</div>
@@ -159,7 +158,9 @@
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet" class="btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now to XRPL Ambassadors</button>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet"
class="btn btn-primary btn-arrow-out"
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now for Fall 2022</button>
</div>
</div>
@@ -172,81 +173,100 @@
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 half-on-large ml-lg-4">
<div class="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Why Become an XRPL Ambassador?{% endtrans %}</h3>
<h3 class="h4 h2-sm">{% trans %}Why become an XRPL Campus Ambassador?{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Benefits{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}Join a global cohort of Ambassadors.{% endtrans %}</p>
<p class="p-lg-3 mb-2 longform">{% trans %}Join a global cohort of students empowering others to build on the XRPL.{% endtrans %}</p>
</div>
<div class="order-2 order-lg-1 half-on-large mr-lg-4">
<div class="order-2 order-lg-1 col-lg-6 px-0 mr-lg-5">
<div class="row align-items-center m-0">
<div class="row align-items-center m-0" id="benefits-list">
<!-- benefitslist -->
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/benefits-01.svg" class="mb-3">
<div class="">
<img id="benefits-01" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Exclusive Opportunities</h6>
<p class="">Get access and invitations to Ambassador-only events, conferences, and opportunities</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/benefits-02.svg" class="mb-3">
<div class="">
<img id="benefits-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Education</h6>
<p class="">Tutorials and workshops from leading XRPL and blockchain developers</p>
</div>
</div>
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/benefits-03.svg" class="mb-3">
<div class="">
<img id="benefits-03" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Swag</h6>
<p class="">New XRPL swag for Ambassadors and swag to share with their communities</p>
<p class="">New XRPL swag for Ambassadors and swag to share with other students</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img src="./assets/img/ambassadors/benefits-04.svg" class="mb-3">
<div class="">
<img id="benefits-04" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Mentorship</h6>
<p class="">Serve as an advocate and receive support from notable members of the community</p>
</div>
</div>
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/benefits-05.svg" class="mb-3">
<div class="pb-lg-0">
<img id="benefits-05" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">Career Acceleration</h6>
<p class="pb-lg-0">Gain hands-on experience building communities and grow your professional network in the blockchain industry</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="benefits-06" class="pl-lg-3">
<div class="pb-lg-0">
<h6 class="mb-3">Stipend</h6>
<p class="pb-lg-0">Receive a stipend to fund your ideas and initiatives that fuel XRPL growth on your campus</p>
</div>
</div>
</div>
<!-- end col 1 -->
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/benefits-02.svg" class="mb-3">
<div class="">
<div class="px-lg-3 pb-3 pt-5 mt-5">
<img id="benefits-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Education</h6>
<p class="">Tutorials and workshops from leading XRPL and blockchain developers</p>
</div>
</div>
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/benefits-04.svg" class="mb-3">
<div class="">
<img id="benefits-04" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Mentorship</h6>
<p class="">Serve as an advocate and receive support from notable members of the community</p>
</div>
</div>
<div class="px-lg-3 pb-3">
<img id="benefits-06" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">Stipend</h6>
<p class="pb-lg-0">Receive a stipend to fund your ideas and initiatives that fuel XRPL growth on your campus</p>
</div>
</div>
</div>
<!-- end col 2 -->
@@ -258,31 +278,19 @@
</section>
<!-- Current Students -->
<section class="container-new py-26">
<div class="p-0 col-lg-7 mx-lg-auto mb-4 pb-3">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}XRPL Campus Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Current Students{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-4 pb-3 longform">{% trans %}The XRPL Campus Ambassador Program aims to elevate the impact of college students who are passionate about blockchain technology. In their role, Campus Ambassadors help educate other students about crypto and how to start building on the XRPL.{% endtrans %}</p>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet" class=" m-lg-3 btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now to XRPL Ambassadors</button>
</div>
<!-- Quotes -->
<div id="carouselSlidesOnly" class="carousel slide col-lg-10 mx-auto mt-lg-4 pt-lg-3 px-0" data-ride="carousel">
<div id="carouselSlidesOnly" class="carousel slide col-lg-10 mx-auto px-0" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<!-- <img class="d-block w-100" src="..." alt="First slide"> -->
<div class="p-0 ambassador-quote">
<div class="p-0 ambassador-quote">
<div class="mb-4 p-lg-3">
<img src="./assets/img/ambassadors/TEMP-quote2-small.svg" class="h-100 d-lg-none mb-4">
<img src="./assets/img/ambassadors/TEMP-quote2.svg" class="h-100 d-none d-lg-block">
<div class="p-0 col-lg-7 mx-lg-auto">
<p class="p-lg-3 mb-2"><strong class="white"> Titose C.</strong><br >
<p class="p-lg-3 mb-2"><strong>Titose C.</strong><br >
University of Cape Town,<br >
Spring 2022 XRPL Campus Ambassador</p>
</div>
@@ -290,22 +298,13 @@
</div>
</div>
<!-- <div class="carousel-item">
<img class="d-block w-100" src="..." alt="Second slide">
<div class="p-0 ambassador-quote">
<div class="mb-4 p-lg-3">
<img src="./assets/img/ambassadors/TEMP-quote2.svg" class="w-100">
</div>
</div>
</div> -->
<div class="carousel-item">
<!-- <img class="d-block w-100" src="..." alt="Third slide"> -->
<div class="p-0 ambassador-quote">
<div class="p-0 ambassador-quote">
<div class="mb-4 p-lg-3">
<img src="./assets/img/ambassadors/TEMP-quote3-small.svg" class="h-100 d-lg-none mb-4">
<img src="./assets/img/ambassadors/TEMP-quote3.svg" class="h-100 d-none d-lg-block">
<div class="p-0 col-lg-7 mx-lg-auto">
<p class="p-lg-3 mb-2"><strong class="white"> Derrick N.</strong><br >
<p class="p-lg-3 mb-2"><strong>Derrick N.</strong><br >
Ryerson University,<br >
Spring 2022 XRPL Campus Ambassador</p>
</div>
@@ -316,7 +315,7 @@
</div>
<!-- Image Block -->
<div class=" mt-3 ">
<div class="">
<img src="./assets/img/ambassadors/TEMP-students-large.png" class="w-100">
</div>
@@ -328,39 +327,40 @@
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 half-on-large mr-lg-5">
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 mr-lg-5">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Should You Apply?{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Eligibility{% endtrans %}</h6>
<h6 class="eyebrow mb-3">{% trans %}Eligibility for XRPL Campus Ambassadors{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}Interested in empowering and growing the global XRPL developer community.{% endtrans %}</p>
<p class="p-lg-3 mb-2 longform">{% trans %}Students currently enrolled in an undergraduate or postgraduate program at an accredited college or university are eligible to apply.{% endtrans %}</p>
</div>
<div class="order-2 half-on-large ml-lg-4">
<div class="order-2 col-lg-6 px-0">
<div class="row align-items-center m-0">
<div class="row align-items-center m-0" id="eligibility-list">
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/eligibility-01.svg" class="mb-3">
<div class="">
<img id="eligibility-01" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">A Leader</h6>
<p class="">Interested in leading meetups and workshops for your local community or campus</p>
<p class="">Interested in leading meetups and workshops for your local campus community</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/eligibility-02.svg" class="mb-3">
<div class="">
<img id="eligibility-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Active</h6>
<p class="">An active participant in the XRPL community or interested in blockchain and crypto technologies</p>
</div>
</div>
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/eligibility-03.svg" class="mb-3">
<div class="">
<img id="eligibility-03" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Curious</h6>
<p class="">Eager to learn more about technical blockchain topics and the XRPL</p>
</div>
@@ -368,18 +368,18 @@
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img src="./assets/img/ambassadors/eligibility-04.svg" class="mb-3">
<div class="">
<img id="eligibility-04" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">Passionate</h6>
<p class="">Passionate about increasing XRPL education and awareness through events, content and community forums</p>
<p class="">Passionate about increasing XRPL education and awareness through events, content, and classroom engagement</p>
</div>
</div>
<div class="p-lg-3 pb-3">
<img src="./assets/img/ambassadors/eligibility-05.svg" class="mb-3">
<div class="pb-lg-0">
<img id="eligibility-05" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">Creative</h6>
<p class="pb-lg-0 mb-0">Ability to think outside the box to grow the XRPL community</p>
<p class="pb-lg-0 mb-0">Ability to think outside the box to grow the XRPL student community</p>
</div>
</div>
@@ -390,17 +390,17 @@
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/eligibility-02.svg" class="mb-3">
<div class="">
<img id="eligibility-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Active</h6>
<p class="">An active participant in the XRPL community or interested in blockchain and crypto technologies</p>
</div>
</div>
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/eligibility-04.svg" class="mb-3">
<div class="">
<img id="eligibility-04" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">Passionate</h6>
<p class="">Passionate about increasing XRPL education and awareness through events, content and community forums</p>
<p class="">Passionate about increasing XRPL education and awareness through events, content, and classroom engagement</p>
</div>
</div>
@@ -431,7 +431,11 @@
left:0px;
overflow:hidden;
white-space: nowrap;
animation: bannermove 20s linear infinite;
animation: bannermove 40s linear infinite;
}
.photobanner-bottom {
top:112px;
}
.photobanner img {
@@ -447,6 +451,35 @@
}
}
h6 {
font-size: 1.25rem;
}
.btn-arrow::after {
display: inline-block;
content: url(../assets/img/icons/arrow-right-purple.svg);
vertical-align: middle;
padding-left: 8px;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.btn-arrow:hover {
color: white;
text-decoration: none;
background: none !important;
border: none;
}
.btn-arrow:hover::after {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
</style>
@@ -455,9 +488,9 @@
<!-- Global Community Carousel -->
<section class="container-new pt-26">
<div class="p-0 col-lg-5 mx-lg-auto">
<div class="p-0 col-lg-5">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Join a Global Cohort of Ambassadors{% endtrans %}</h3>
<h3 class="h4 h2-sm">{% trans %}Join a global cohort of Student Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Global Community{% endtrans %}</h6>
</div>
</div>
@@ -465,9 +498,14 @@
<div id="container-scroll">
<div class="photobanner">
<img src="./assets/img/ambassadors/TEMP-locations2.png" alt="" height="160px">
<img src="./assets/img/ambassadors/TEMP-locations2.png" alt="" height="160px">
<img src="./assets/img/ambassadors/TEMP-locations2.png" alt="" height="160px">
<img src="./assets/img/ambassadors/locations-row-1.png" alt="" height="48px" class="px-5">
<img src="./assets/img/ambassadors/locations-row-1.png" alt="" height="48px" class="px-5">
<img src="./assets/img/ambassadors/locations-row-1.png" alt="" height="48px" class="px-5">
</div>
<div class="photobanner photobanner-bottom">
<img src="./assets/img/ambassadors/locations-row-2.png" alt="" height="48px" class="px-5">
<img src="./assets/img/ambassadors/locations-row-2.png" alt="" height="48px" class="px-5">
<img src="./assets/img/ambassadors/locations-row-2.png" alt="" height="48px" class="px-5">
</div>
</div>
@@ -477,20 +515,20 @@
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 half-on-large">
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Stay Connected to the XRPL Ambassadors{% endtrans %}</h3>
<h3 class="h4 h2-sm">{% trans %}Stay connected to the XRPL Campus Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Connect{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}To stay up-to-date on the latest activity, meetups, and events of the XRPL Developer Ambassadors and XRPL Campus Ambassadors be sure to follow these channels:{% endtrans %}</p>
<p class="p-lg-3 mb-2 longform">{% trans %}To stay up-to-date on the latest activity, meetups, and events of the XRPL Campus Ambassadors be sure to follow these channels:{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet" class="btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now to XRPL Ambassadors</button>
<button data-tf-popup="vXU4VN5c" data-tf-iframe-props="title=XRPL Ambassador Program" data-tf-medium="snippet" class="btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply Now for Fall 2022</button>
</div>
</div>
<div class="order-2 half-on-large ml-lg-5">
<div class="order-2 col-lg-6 px-0 ml-lg-5">
<div class="row align-items-center m-0">
<div class="col-12 col-lg-6 p-0 pr-lg-4">
@@ -498,14 +536,14 @@
<div class="p-lg-3 mb-3 pb-3">
<img src="./assets/img/ambassadors/icon_meetup.svg" class="mb-3">
<div class="">
<h6 class="mb-3">MeetUp</h6>
<h6 class="mb-3"><a class="btn-arrow" href="#">MeetUp</a></h6>
<p class="">Attend an XRPL Meetup in your local area</p>
</div>
</div>
<div class="p-lg-3 mb-3 pb-3">
<img src="./assets/img/ambassadors/icon_devto.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Dev.to Blog</h6>
<h6 class="mb-3"><a class="btn-arrow" href="#">Dev.to Blog</a></h6>
<p class="">Read more about the activity of the XRPL Ambassadors</p>
</div>
</div>
@@ -517,7 +555,7 @@
<div class="p-lg-3 mb-3 pb-3 ">
<img src="./assets/img/ambassadors/icon_discord.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Discord</h6>
<h6 class="mb-3"><a class="btn-arrow" href="#">Discord</a></h6>
<p class="">Join the conversation on the XRPL Developer Discord</p>
</div>
</div>