98 lines
3.4 KiB
HTML
98 lines
3.4 KiB
HTML
{% set volunteer = page.resume.volunteer %}
|
|
{% if volunteer %}
|
|
<section class="section" id="volunteer-section">
|
|
<header>
|
|
<h2 class='section-title'><i class="fa-solid fa-handshake-angle"></i>{% trans %}resume volunteer title{% endtrans %}</h2>
|
|
</header>
|
|
<section id="volunteer">
|
|
{% for volunteer_item in volunteer %}
|
|
<section class="volunteer-item">
|
|
{% if volunteer_item.organization %}
|
|
|
|
{% if volunteer_item.summary %}
|
|
{% if loop.first %}
|
|
<input id="volunteer-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
|
{% else %}
|
|
<input id="volunteer-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
|
{% endif %}
|
|
<label for="volunteer-item-{{ loop.index }}"></label>
|
|
{% endif %}
|
|
|
|
<header class="clear">
|
|
<div class="header-left flex">
|
|
{% if volunteer_item.position %}
|
|
<div class="position">
|
|
{{ volunteer_item.position }}
|
|
</div>
|
|
{% endif %}
|
|
<div class="date flex-grow text-right">
|
|
{% if volunteer_item.startDate %}
|
|
<span class="startDate">{{ utils.format_date_short(volunteer_item.startDate) }}</span>
|
|
{% endif %}
|
|
{% if not utils.isinfinite(volunteer_item.endDate) %}
|
|
<span class="endDate">- {{ utils.format_date_short(volunteer_item.endDate) }}</span>
|
|
{% else %}
|
|
<span class="endDate">- {% trans %}resume present phrase{% endtrans %}</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="organization">
|
|
<i class="fa-solid fa-building-ngo mr-2"></i>
|
|
{{ volunteer_item.organization }}
|
|
{% if volunteer_item.url %}
|
|
<span class="website text-italic">
|
|
<i>
|
|
<a href="{{ volunteer_item.url }}">(website)</a>
|
|
</i>
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</header>
|
|
{% endif %}
|
|
|
|
{% if volunteer_item.location %}
|
|
<span class="location">
|
|
<span class="fas fa-map-marker-alt"></span>
|
|
{% if volunteer_item.city %}
|
|
<span class="city">
|
|
{{ volunteer_item.city }},
|
|
</span>
|
|
{% endif %}
|
|
{% if volunteer_item.countryCode %}
|
|
<span class="countryCode">
|
|
({{ volunteer_item.countryCode }})
|
|
</span>
|
|
{% endif %}
|
|
{% if volunteer_item.region %}
|
|
<span class="region">
|
|
{{ volunteer_item.region }}
|
|
</span>
|
|
{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
{% if volunteer_item.keywords %}
|
|
<ul class="keywords">
|
|
{% for keyword in volunteer_item.keywords %}
|
|
<li>{{ keyword }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
<div class="item">
|
|
{% if volunteer_item.summary %}
|
|
<div class="summary">{{ volunteer_item.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
|
{% endif %}
|
|
{% if volunteer_item.highlights %}
|
|
<ul class="highlights grid grid-cols-4 gap-4">
|
|
{% for highlight in volunteer_item.highlights %}
|
|
<li class="bg-slate-700 rounded-md ring-2 ring-blue-500/50 text-center">{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
{% endfor %}
|
|
</section>
|
|
</section>
|
|
{% endif %}
|