mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
321 lines
11 KiB
Django/Jinja
321 lines
11 KiB
Django/Jinja
{% extends "base.html.jinja" %}
|
|
{% block head %}
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
{% endblock %}
|
|
|
|
{% block bodyclasses %}no-sidebar{% endblock %}
|
|
{% block mainclasses %}landing page-events{% endblock %}
|
|
|
|
{% block breadcrumbs %}{% endblock %}
|
|
|
|
{% block main %}
|
|
|
|
<div class="position-relative d-none-sm">
|
|
<img alt="" src="./img/backgrounds/events-orange.svg" id="events-orange">
|
|
</div>
|
|
|
|
<section class="text-center py-26">
|
|
<div class="mx-auto text-center col-lg-5">
|
|
<div class="d-flex flex-column-reverse">
|
|
<h1 class="mb-0">{% trans %}Find the XRPL Community Around the World{% endtrans %}</h1>
|
|
<h6 class="mb-3 eyebrow">{% trans %}Events{% endtrans %}</h6>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container-new py-26">
|
|
<div class="event-hero card-grid card-grid-2xN">
|
|
|
|
<div class="pr-2 col">
|
|
<img alt="" src="./assets/img/events/event-hero3@2x.png" class="w-100">
|
|
</div>
|
|
|
|
<div class="pt-5 pr-2 col">
|
|
<div class="d-flex flex-column-reverse">
|
|
<h2 class="mb-8 h4 h2-sm">{% trans %}The XRPL Developer Summit{% endtrans %}</h2>
|
|
<h6 class="mb-3 eyebrow">{% trans %}Save the Date{% endtrans %}</h6>
|
|
</div>
|
|
<p class="mb-4">{% trans %}Apex is back and headed to Amsterdam. Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.{% endtrans %}</p>
|
|
|
|
<div class="py-2 my-3 event-small-gray" >
|
|
Location: Amsterdam
|
|
</div>
|
|
|
|
<div class="py-2 my-3 event-small-gray" >
|
|
Date: June 11-13, 2024
|
|
</div>
|
|
|
|
<div class="d-lg-block">
|
|
<a class="btn btn-primary btn-arrow-out" target="_blank" href="https://www.apexdevsummit.com/">{% trans %}Learn More{% endtrans %}</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
{# Upcoming Events #}
|
|
<section class="container-new py-26" id="upcoming-events">
|
|
<div class="p-0 pb-2 mb-4 d-flex flex-column-reverse col-lg-6 pr-lg-5">
|
|
<h3 class="h4 h2-sm">{% trans %}Check out meetups, hackathons, and other events hosted by the XRPL Community{% endtrans %}</h3>
|
|
<h6 class="mb-3 eyebrow">{% trans %}Upcoming Events{% endtrans %}</h6>
|
|
</div>
|
|
|
|
<div class="filter row col-12 mt-lg-5 d-flex flex-column">
|
|
<h6 class="mb-3">Filter By:</h6>
|
|
<div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="conference" id="conference-upcoming" name="conference-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="conference-upcoming">Conference</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="meetup" id="meetup-upcoming" name="meetup-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="meetup-upcoming">Meetups</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="hackathon" id="hackathon-upcoming" name="hackathon-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="hackathon-upcoming">Hackathons</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="ama" id="ama-upcoming" name="ama-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="ama-upcoming">AMAs</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="cc" id="cc-upcoming" name="cc-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="cc-upcoming">Community Calls</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="zone" id="zone-upcoming" name="zone-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="zone-upcoming">XRPL Zone</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="info-session" id="info-session-upcoming" name="info-session-upcoming" type="checkbox" class="events-filter" checked />
|
|
<label for="info-session-upcoming">Info Session</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{#
|
|
Needs Link
|
|
{
|
|
"name": "APEX: The XRPL Developer Summit",
|
|
"description": "Save the date!",
|
|
"type": "conference",
|
|
"link": "",
|
|
"location": "Amsterdam",
|
|
"date": "June 11 - 13, 2024",
|
|
"image": "Conference.png",
|
|
"end_date": "June 13, 2024"
|
|
},
|
|
#}
|
|
{# Available Types - conference, hackathon, ama, cc, zone, meetup, info-session #}
|
|
{# Moved all dates to filter in order to be able to share it in other components #}
|
|
{% set results = categorize_dates() %}
|
|
{% set upcoming = results.upcoming %}
|
|
{% set past = results.past %}
|
|
|
|
<div class="mt-2 row row-cols-1 row-cols-lg-3 card-deck">
|
|
{% for event in upcoming %}
|
|
<a class="event-card {{event.type}}" href="{{event.link}}" style="{{event.style}}" target="_blank">
|
|
<div class="event-card-header" style="background: no-repeat url(assets/img/events/{{event.image}});">
|
|
<div class="event-card-title">{{event.name}}</div>
|
|
</div>
|
|
<div class="event-card-body">
|
|
<p>{{event.description}}</p>
|
|
</div>
|
|
<div class="mt-lg-auto event-card-footer d-flex flex-column">
|
|
<span class="mb-2 d-flex icon icon-location">{{event.location}}</span>
|
|
<span class="d-flex icon icon-date">{{event.date}}</span>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
|
|
{# Past events #}
|
|
<section class="container-new pt-26" id="past-events">
|
|
<div class="p-0 pb-2 mb-4 d-flex flex-column-reverse col-lg-6 pr-lg-5">
|
|
<h3 class="h4 h2-sm">{% trans %}Explore past community-hosted events{% endtrans %}</h3>
|
|
<h6 class="mb-3 eyebrow">{% trans %}Past Events{% endtrans %}</h6>
|
|
</div>
|
|
|
|
<div class="filter row col-12 mt-lg-5 d-flex flex-column">
|
|
<h6 class="mb-3">Filter By:</h6>
|
|
<div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="conference" id="conference-past" name="conference-past" type="checkbox" class="events-filter" checked />
|
|
<label for="conference-past">Conference</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="meetup" id="meetup-past" name="meetup-past" type="checkbox" class="events-filter" checked />
|
|
<label for="meetup-past">Meetups</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="hackathon" id="hackathon-past" name="hackathon-past" type="checkbox" class="events-filter" checked />
|
|
<label for="hackathon-past">Hackathons</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="ama" id="ama-past" name="ama-past" type="checkbox" class="events-filter" checked />
|
|
<label for="ama-past">AMAs</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="cc" id="cc-past" name="cc-past" type="checkbox" class="events-filter" checked />
|
|
<label for="cc-past">Community Calls</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="zone" id="zone-past" name="zone-past" type="checkbox" class="events-filter" checked />
|
|
<label for="zone-past">XRPL Zone</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input value="info-session" id="info-session-past" name="info-session-past" type="checkbox" class="events-filter" checked />
|
|
<label for="info-session-past">Info Session</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-2 mb-0 row row-cols-1 row-cols-lg-3 card-deck ">
|
|
{% for event in past|reverse %}
|
|
<a class="event-card {{event.type}}" href="{{event.link}}" target="_blank">
|
|
<div class="event-card-header" style="background: no-repeat url(assets/img/events/{{event.image}}); ">
|
|
<div class="event-card-title">{{event.name}}</div>
|
|
</div>
|
|
<div class="event-card-body">
|
|
<p>{{event.description}}</p>
|
|
</div>
|
|
<div class="mt-lg-auto event-card-footer d-flex flex-column">
|
|
<span class="mb-2 d-flex icon icon-location">{{event.location}}</span>
|
|
<span class="d-flex icon icon-date">{{event.date}}</span>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
$('#conference-upcoming').change(function () {
|
|
if ($('#conference-upcoming').is(':checked')) {
|
|
$('.conference-upcoming').show();
|
|
} else {
|
|
$('.conference-upcoming').hide();
|
|
}
|
|
});
|
|
$('#meetup-upcoming').change(function () {
|
|
if ($('#meetup-upcoming').is(':checked')) {
|
|
$('.meetup-upcoming').show();
|
|
} else {
|
|
$('.meetup-upcoming').hide();
|
|
}
|
|
});
|
|
$('#hackathon-upcoming').change(function () {
|
|
if ($('#hackathon-upcoming').is(':checked')) {
|
|
$('.hackathon-upcoming').show();
|
|
} else {
|
|
$('.hackathon-upcoming').hide();
|
|
}
|
|
});
|
|
$('#ama-upcoming').change(function () {
|
|
if ($('#ama-upcoming').is(':checked')) {
|
|
$('.ama-upcoming').show();
|
|
} else {
|
|
$('.ama-upcoming').hide();
|
|
}
|
|
});
|
|
$('#cc-upcoming').change(function () {
|
|
if ($('#cc-upcoming').is(':checked')) {
|
|
$('.cc-upcoming').show();
|
|
} else {
|
|
$('.cc-upcoming').hide();
|
|
}
|
|
});
|
|
$('#zone-upcoming').change(function () {
|
|
if ($('#zone-upcoming').is(':checked')) {
|
|
$('.zone-upcoming').show();
|
|
} else {
|
|
$('.zone-upcoming').hide();
|
|
}
|
|
});
|
|
$('#info-session-upcoming').change(function () {
|
|
if ($('#info-session-upcoming').is(':checked')) {
|
|
$('.info-session-upcoming').show();
|
|
} else {
|
|
$('.info-session-upcoming').hide();
|
|
}
|
|
});
|
|
|
|
|
|
$('#conference-past').change(function () {
|
|
if ($('#conference-past').is(':checked')) {
|
|
$('.conference-past').show();
|
|
} else {
|
|
$('.conference-past').hide();
|
|
}
|
|
});
|
|
$('#meetup-past').change(function () {
|
|
if ($('#meetup-past').is(':checked')) {
|
|
$('.meetup-past').show();
|
|
} else {
|
|
$('.meetup-past').hide();
|
|
}
|
|
});
|
|
$('#hackathon-past').change(function () {
|
|
if ($('#hackathon-past').is(':checked')) {
|
|
$('.hackathon-past').show();
|
|
} else {
|
|
$('.hackathon-past').hide();
|
|
}
|
|
});
|
|
$('#ama-past').change(function () {
|
|
if ($('#ama-past').is(':checked')) {
|
|
$('.ama-past').show();
|
|
} else {
|
|
$('.ama-past').hide();
|
|
}
|
|
});
|
|
$('#cc-past').change(function () {
|
|
if ($('#cc-past').is(':checked')) {
|
|
$('.cc-past').show();
|
|
} else {
|
|
$('.cc-past').hide();
|
|
}
|
|
});
|
|
$('#zone-past').change(function () {
|
|
if ($('#zone-past').is(':checked')) {
|
|
$('.zone-past').show();
|
|
} else {
|
|
$('.zone-past').hide();
|
|
}
|
|
});
|
|
$('#info-session-past').change(function () {
|
|
if ($('#info-session-past').is(':checked')) {
|
|
$('.info-session-past').show();
|
|
} else {
|
|
$('.info-session-past').hide();
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block analytics %}
|
|
<script type="application/javascript">
|
|
window.dataLayer = window.dataLayer || [];
|
|
window.dataLayer.push({
|
|
"event": "page_info",
|
|
"page_type": "Splash Page",
|
|
"page_group": "Events"
|
|
})
|
|
</script>
|
|
{% endblock analytics %}
|