55 lines
1.6 KiB
Plaintext
55 lines
1.6 KiB
Plaintext
<div id="events-button">
|
|
See all events
|
|
</div>
|
|
<div class="np-hidden events-wrapper">
|
|
<h3 class="np-card-heading">
|
|
{% t .header %}
|
|
</h3>
|
|
<div class="np-flex-column">
|
|
{% for event in course.events %}
|
|
<div class="np-course-events-content-item">
|
|
<div class="np-course-events-content-date np-button-background-color">
|
|
<div class="np-course-events-content-month">
|
|
{{ event.sessions.first.abbreviated_month }}
|
|
</div>
|
|
<div class="np-course-events-content-day">
|
|
{{ event.sessions.first.day }}
|
|
</div>
|
|
</div>
|
|
<div class="np-course-events-content-details">
|
|
<div class="np-course-events-content-name">
|
|
{{ event.title }}
|
|
</div>
|
|
<div class="np-course-events-content-type np-text-light">
|
|
{% t shared.event_types, key: event.event_type %}
|
|
</div>
|
|
<div class="np-course-events-content-time np-button-color">
|
|
{{ event.sessions.first.time_period }} {{ event.sessions.first.time_zone }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
#events-button {
|
|
color: #D7282F;
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
margin-top: 30px;
|
|
cursor: pointer;
|
|
}
|
|
.events-wrapper {
|
|
margin-top: 30px;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
window.addEventListener('load', function() {
|
|
document.getElementById('events-button').addEventListener('click', function() {
|
|
document.querySelector('.events-wrapper').classList.remove('np-hidden');
|
|
this.classList.add('np-hidden');
|
|
});
|
|
});
|
|
</script> |