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

QA fixes. Updated images

Browse Source
This commit is contained in:
Jake
2022-06-09 18:33:22 -07:00
parent 0f43bbb13f
commit 3bb2eace34
7 changed files with 197 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,13 +30,9 @@
<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>
<!-- <a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Apply Now to XRPL 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 to XRPL Ambassadors</button>
<!-- style="all:unset;font-family:Helvetica,Arial,sans-serif;display:inline-block;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0445AF;color:#FFFFFF;font-size:20px;border-radius:25px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;" -->
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>
</section>
@@ -47,7 +43,7 @@
<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="d-flex flex-column-reverse mb-2 p-lg-3">
<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>
</div>
@@ -72,21 +68,6 @@
</div>
</section>
<!-- <section class="container-new py-5 mx-auto">
<div class="col-6 mx-auto">
<div class="">
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
region: "na1",
portalId: "8186536",
formId: "a640b235-8994-423d-9221-871f23855e46"
});
</script>
</div>
</div>
</section> -->
<!-- How it Works -->
@@ -95,7 +76,7 @@
<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="d-flex flex-column-reverse mb-2 p-lg-3">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Process to Become an Ambassador{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}How it Works{% endtrans %}</h6>
</div>
@@ -104,7 +85,6 @@
Developer Ambassador.{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<!-- <a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Apply Now to XRPL 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 to XRPL Ambassadors</button>
</div>
</div>
@@ -116,25 +96,28 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="p-lg-3 mb-lg-4 pb-3">
<img src="./assets/img/ambassadors/01.svg" class="">
<div class="p-3">
<div class="px-lg-3 pb-3">
<!-- <div class="h-100"> -->
<img src="./assets/img/ambassadors/01.svg" class="pl-lg-3">
<!-- </div> -->
<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>
</div>
</div>
<!-- Hide on large -->
<div class="p-lg-3 mb-lg-4 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/02.svg" class="">
<div class="p-3">
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Interview</h6>
<p class="">Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.</p>
</div>
</div>
<div class="p-lg-3 mb-lg-4 pb-3">
<img src="./assets/img/ambassadors/03.svg" class="">
<div class="p-3">
<div class="px-lg-3 pb-3">
<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>
</div>
@@ -142,8 +125,8 @@
<!-- Hide on large -->
<div class="p-lg-3 pb-3 d-lg-none">
<img src="./assets/img/ambassadors/04.svg" class="">
<div class="p-3">
<img src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Learn</h6>
<p class="">Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.</p>
</div>
@@ -154,16 +137,16 @@
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
<div class="p-lg-3 mb-lg-4 pb-3 mt-5">
<img src="./assets/img/ambassadors/02.svg" class="">
<div class="p-3">
<div class="px-lg-3 pb-3 mt-5">
<img src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Interview</h6>
<p class="">Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.</p>
</div>
</div>
<div class="p-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/04.svg" class="">
<div class="p-3 pb-lg-0">
<img src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">Learn</h6>
<p class="pb-lg-0">Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.</p>
</div>
@@ -176,7 +159,6 @@
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<!-- <a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Apply Now to XRPL 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 to XRPL Ambassadors</button>
</div>
@@ -191,7 +173,7 @@
<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="d-flex flex-column-reverse mb-2 p-lg-3">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Why Become an XRPL Ambassador?{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Benefits{% endtrans %}</h6>
</div>
@@ -204,7 +186,7 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="p-lg-3 mb-lg-4 pb-3">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/benefits-01.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Exclusive Opportunities</h6>
@@ -212,7 +194,7 @@
</div>
</div>
<!-- Hide on large -->
<div class="p-lg-3 mb-lg-4 pb-3 d-lg-none ">
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/benefits-02.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Education</h6>
@@ -220,7 +202,7 @@
</div>
</div>
<div class="p-lg-3 mb-lg-4 pb-3">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/benefits-03.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Swag</h6>
@@ -229,7 +211,7 @@
</div>
<!-- Hide on large -->
<div class="p-lg-3 mb-lg-4 pb-3 d-lg-none">
<div class="px-lg-3 pb-3 d-lg-none">
<img src="./assets/img/ambassadors/benefits-04.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Mentorship</h6>
@@ -237,7 +219,7 @@
</div>
</div>
<div class="p-lg-3 mb-lg-4 pb-3">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/benefits-05.svg" class="mb-3">
<div class="pb-lg-0">
<h6 class="mb-3">Career Acceleration</h6>
@@ -251,14 +233,14 @@
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
<div class="p-lg-3 mb-lg-4 pb-3 ">
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/benefits-02.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Education</h6>
<p class="">Tutorials and workshops from leading XRPL and blockchain developers</p>
</div>
</div>
<div class="p-lg-3 mb-lg-4 pb-3 ">
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/benefits-04.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Mentorship</h6>
@@ -281,18 +263,17 @@
<!-- Current Students -->
<section class="container-new py-26">
<div class="p-0 col-lg-7 mx-lg-auto">
<div class="d-flex flex-column-reverse mb-2 p-lg-3">
<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-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>
<!-- <a class="m-lg-3 btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Apply Now to XRPL Ambassadors{%endtrans %}</a> -->
<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-4 pt-3 px-0" data-ride="carousel">
<div id="carouselSlidesOnly" class="carousel slide col-lg-10 mx-auto mt-lg-4 pt-lg-3 px-0" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<!-- <img class="d-block w-100" src="..." alt="First slide"> -->
@@ -301,7 +282,7 @@
<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> Titose C.</strong><br >
<p class="p-lg-3 mb-2"><strong class="white"> Titose C.</strong><br >
University of Cape Town,<br >
Spring 2022 XRPL Campus Ambassador</p>
</div>
@@ -324,7 +305,7 @@
<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> Derrick N.</strong><br >
<p class="p-lg-3 mb-2"><strong class="white"> Derrick N.</strong><br >
Ryerson University,<br >
Spring 2022 XRPL Campus Ambassador</p>
</div>
@@ -335,7 +316,7 @@
</div>
<!-- Image Block -->
<div class=" mt-4 ">
<div class=" mt-3 ">
<img src="./assets/img/ambassadors/TEMP-students-large.png" class="w-100">
</div>
@@ -348,7 +329,7 @@
<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="d-flex flex-column-reverse mb-2 p-lg-3">
<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>
</div>
@@ -361,7 +342,7 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="p-lg-3 mb-lg-4 pb-3">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/eligibility-01.svg" class="mb-3">
<div class="">
<h6 class="mb-3">A Leader</h6>
@@ -369,7 +350,7 @@
</div>
</div>
<!-- Hide on large -->
<div class="p-lg-3 mb-lg-4 pb-3 d-lg-none ">
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/eligibility-02.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Active</h6>
@@ -377,7 +358,7 @@
</div>
</div>
<div class="p-lg-3 mb-lg-4 pb-3">
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/eligibility-03.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Curious</h6>
@@ -386,7 +367,7 @@
</div>
<!-- Hide on large -->
<div class="p-lg-3 mb-lg-4 pb-3 d-lg-none">
<div class="px-lg-3 pb-3 d-lg-none">
<img src="./assets/img/ambassadors/eligibility-04.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Passionate</h6>
@@ -408,14 +389,14 @@
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
<div class="p-lg-3 mb-lg-4 pb-3 ">
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/eligibility-02.svg" class="mb-3">
<div class="">
<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="p-lg-3 mb-lg-4 pb-3 ">
<div class="px-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/eligibility-04.svg" class="mb-3">
<div class="">
<h6 class="mb-3">Passionate</h6>
@@ -432,6 +413,8 @@
</div>
</section>
<style>
#container-scroll {
@@ -473,7 +456,7 @@
<section class="container-new pt-26">
<div class="p-0 col-lg-5 mx-lg-auto">
<div class="d-flex flex-column-reverse mb-2 p-lg-3">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Join a Global Cohort of Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Global Community{% endtrans %}</h6>
</div>
@@ -482,9 +465,9 @@
<div id="container-scroll">
<div class="photobanner">
<img src="./assets/img/ambassadors/TEMP-locations.png" alt="" height="160px">
<img src="./assets/img/ambassadors/TEMP-locations.png" alt="" height="160px">
<img src="./assets/img/ambassadors/TEMP-locations.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/TEMP-locations2.png" alt="" height="160px">
</div>
</div>
@@ -495,7 +478,7 @@
<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="d-flex flex-column-reverse mb-2 p-lg-3">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}Stay Connected to the XRPL Ambassadors{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Connect{% endtrans %}</h6>
</div>
@@ -503,13 +486,11 @@
<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>
<div class="d-none d-lg-block p-lg-3">
<!-- <a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Apply Now to XRPL 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 to XRPL Ambassadors</button>
</div>
</div>
<div class="order-2 half-on-large ml-lg-5">
<!-- Number blocks Here -->
<div class="row align-items-center m-0">
<div class="col-12 col-lg-6 p-0 pr-lg-4">
@@ -548,7 +529,6 @@
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<!-- <a class="btn btn-primary btn-arrow-out" target="_blank" href="#">{% trans %}Apply Now to XRPL 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 to XRPL Ambassadors</button>
</div>