adds appropriate alt text for all img tags

This commit is contained in:
akcodez
2023-06-09 10:27:25 -07:00
parent da8f37baa5
commit 464dd3a5ed

View File

@@ -18,7 +18,7 @@
{% block main %}
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/ambassador-purple.svg" class="position-absolute" style="top: 0; right:0">
<img alt="background purple waves" src="./img/backgrounds/ambassador-purple.svg" class="position-absolute" style="top: 0; right:0">
</div>
<section class="container-new py-26 text-lg-center">
@@ -55,7 +55,7 @@
<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">
<img alt="Person speaking and person taking photo" src="./assets/img/ambassadors/developer-hero@2x.png" class="w-100">
</div>
</div>
@@ -89,7 +89,7 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="px-lg-3 pb-3">
<img id="benefits-01" class="pl-lg-3">
<img alt="Smiley face" id="benefits-01" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Exclusive Opportunities{% endtrans %}</h6>
<p>{% trans %} Get access and invitations to Ambassador-only events, conferences, and opportunities{% endtrans %}</p>
@@ -97,7 +97,7 @@
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none ">
<img id="benefits-02" class="pl-lg-3">
<img alt="Book" id="benefits-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Education{% endtrans %}</h6>
<p >{% trans %}Tutorials and workshops from leading XRPL and blockchain developers{% endtrans %}</p>
@@ -105,7 +105,7 @@
</div>
<div class="px-lg-3 pb-3">
<img id="benefits-03" class="pl-lg-3">
<img alt="Gift" id="benefits-03" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Swag</h6>
<p >{% trans %}New XRPL swag for Ambassadors and swag to share with other students{% endtrans %}</p>
@@ -114,7 +114,7 @@
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="benefits-04" class="pl-lg-3">
<img alt="Medallion" id="benefits-04" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">Mentorship</h6>
<p>{% trans %}Serve as an advocate and receive support from notable members of the community{% endtrans %}</p>
@@ -122,7 +122,7 @@
</div>
<div class="px-lg-3 pb-3">
<img id="benefits-05" class="pl-lg-3">
<img alt="Up Arrow" 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">{% trans %}Gain hands-on experience building communities and grow your professional network in the blockchain industry{% endtrans %}</p>
@@ -131,7 +131,7 @@
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="benefits-06" class="pl-lg-3">
<img alt="Dollar Sign" id="benefits-06" class="pl-lg-3">
<div class="pb-lg-0">
<h6 class="mb-3">{% trans %}Stipend{% endtrans %}</h6>
<p class="pb-lg-0">{% trans %}Receive a stipend to fund your ideas and initiatives that fuel XRPL growth on your campus{% endtrans %}</p>
@@ -145,7 +145,7 @@
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
<div class="px-lg-3 pb-3 pt-5 mt-5">
<img id="benefits-02" class="pl-lg-3">
<img alt="Book" id="benefits-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Education{% endtrans %}</h6>
<p >{% trans %}Tutorials and workshops from leading XRPL and blockchain developers{% endtrans %}</p>
@@ -153,7 +153,7 @@
</div>
<div class="px-lg-3 pb-3 ">
<img id="benefits-04" class="pl-lg-3">
<img alt="Medallion" id="benefits-04" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Mentorship{% endtrans %}</h6>
<p >{% trans %}Serve as an advocate and receive support from notable members of the community{% endtrans %}</p>
@@ -161,7 +161,7 @@
</div>
<div class="px-lg-3 pb-3">
<img id="benefits-06" class="pl-lg-3">
<img alt="Dollar Sign" id="benefits-06" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">{% trans %}Stipend{% endtrans %}</h6>
<p class="pb-lg-0">{% trans %}Receive a stipend to fund your ideas and initiatives that fuel XRPL growth on your campus{% endtrans %}</p>
@@ -197,7 +197,7 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="px-lg-3 pb-3">
<img id="eligibility-01" class="pl-lg-3">
<img alt="Calendar" id="eligibility-01" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}A Leader{% endtrans %}</h6>
<p >{% trans %}Interested in leading meetups and workshops for your local campus community{% endtrans %}</p>
@@ -206,7 +206,7 @@
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none ">
<img id="eligibility-02" class="pl-lg-3">
<img alt="Book" id="eligibility-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Active{% endtrans %}</h6>
<p >{% trans %}An active participant in the XRPL community or interested in blockchain and crypto technologies{% endtrans %}</p>
@@ -214,7 +214,7 @@
</div>
<div class="px-lg-3 pb-3">
<img id="eligibility-03" class="pl-lg-3">
<img alt="CPU" id="eligibility-03" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Curious{% endtrans %}</h6>
<p >{% trans %}Eager to learn more about technical blockchain topics and the XRPL{% endtrans %}</p>
@@ -223,7 +223,7 @@
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="eligibility-04" class="pl-lg-3">
<img alt="Quote Bubble" id="eligibility-04" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">{% trans %}Passionate{% endtrans %}</h6>
<p >{% trans %}Passionate about increasing XRPL education and awareness through events, content, and classroom engagement{% endtrans %}</p>
@@ -231,7 +231,7 @@
</div>
<div class="p-lg-3 pb-3">
<img id="eligibility-05" class="pl-lg-3">
<img alt="People" id="eligibility-05" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">{% trans %}Creative{% endtrans %}</h6>
<p class="pb-lg-0 mb-0">{% trans %}Ability to think outside the box to grow the XRPL student community{% endtrans %}</p>
@@ -245,14 +245,14 @@
<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 id="eligibility-02" class="pl-lg-3">
<img alt="Book" id="eligibility-02" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Active{% endtrans %}</h6>
<p>{% trans %}An active participant in the XRPL community or interested in blockchain and crypto technologies{% endtrans %} </p>
</div>
</div>
<div class="px-lg-3 pb-3 ">
<img id="eligibility-04" class="pl-lg-3">
<img alt="Quote Bubble" id="eligibility-04" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">{% trans %}Passionate{% endtrans %}</h6>
<p > {% trans %}Passionate about increasing XRPL education and awareness through events, content, and classroom engagement{% endtrans %}</p>
@@ -349,7 +349,7 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="px-lg-3 pb-3">
<img alt="group-photo" src="./assets/img/ambassadors/01.svg" class="pl-lg-3">
<img alt="01." src="./assets/img/ambassadors/01.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Apply{% endtrans %}</h6>
<p>{% trans %}Submit an application to be considered for the Campus Ambassador program.{% endtrans %}</p>
@@ -358,7 +358,7 @@
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none ">
<img src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
<img alt="02." src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Interview{% endtrans %}</h6>
<p >{% trans %}Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.{% endtrans %}</p>
@@ -366,7 +366,7 @@
</div>
<div class="px-lg-3 pb-3">
<img src="./assets/img/ambassadors/03.svg" class="pl-lg-3">
<img alt="03." src="./assets/img/ambassadors/03.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Join{% endtrans %}</h6>
<p >{% trans %}Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.{% endtrans %}</p>
@@ -375,7 +375,7 @@
<!-- Hide on large -->
<div class="p-lg-3 pb-3 d-lg-none">
<img src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
<img alt="04." src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Learn{% endtrans %}</h6>
<p> {% trans %}Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.{% endtrans %}</p>
@@ -388,14 +388,14 @@
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
<div class="px-lg-3 pb-3 mt-5">
<img src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
<img alt="02." src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3">
<h6 class="mb-3">{% trans %}Interview{% endtrans %}</h6>
<p >{% trans %}Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.{% endtrans %}</p>
</div>
</div>
<div class="p-lg-3 pb-3 ">
<img src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
<img alt="04." src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
<div class="p-lg-3 pt-3 pb-lg-0">
<h6 class="mb-3">{% trans %}Learn{% endtrans %}</h6>
<p class="pb-lg-0">{% trans %}Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.{% endtrans %}</p>
@@ -419,7 +419,7 @@
<!-- Image Block -->
<div >
<img src="./assets/img/ambassadors/students-large.png" class="w-100">
<img alt="Ripple Conferences and two people Sitting" src="./assets/img/ambassadors/students-large.png" class="w-100">
</div>
@@ -472,14 +472,14 @@
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="p-lg-3 mb-3 pb-3">
<img src="./assets/img/ambassadors/icon_meetup.svg" class="mb-3">
<img alt="meetup" src="./assets/img/ambassadors/icon_meetup.svg" class="mb-3">
<div >
<h6 class="mb-3"><a class="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">MeetUp</a></h6>
<p >{% trans %}Attend an XRPL Meetup in your local area{% endtrans %}</p>
</div>
</div>
<div class="p-lg-3 mb-3 pb-3">
<img src="./assets/img/ambassadors/icon_devto.svg" class="mb-3">
<img alt="devto" src="./assets/img/ambassadors/icon_devto.svg" class="mb-3">
<div >
<h6 class="mb-3"><a class="btn-arrow" href="https://dev.to/t/xrpl">Dev.to Blog</a></h6>
<p >{% trans %}Read more about the activity of the XRPL Ambassadors{% endtrans %}</p>
@@ -491,7 +491,7 @@
<div class="col-12 col-lg-6 p-0 pl-lg-4">
<div class="p-lg-3 mb-3 pb-3 ">
<img src="./assets/img/ambassadors/icon_discord.svg" class="mb-3">
<img alt="discord" src="./assets/img/ambassadors/icon_discord.svg" class="mb-3">
<div >
<h6 class="mb-3"><a class="btn-arrow" href="https://xrpldevs.org">Discord</a></h6>
<p >{% trans %}Join the conversation on the XRPL Developer Discord{% endtrans %}</p>