pelican-papyrus/templates/partials/basics.html

87 lines
2.3 KiB
HTML
Raw Normal View History

2024-08-14 20:42:10 +02:00
{% set basics = page.resume.basics %}
{% if basics %}
<header id="header" class="clear">
{% if basics.image_b64 %}
<img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
<div class="middle">
<h1 class="name">{{ basics.name }}</h1>
<h2 class="label">{{ basics.label }}</h2>
</div>
{% else %}
<div>
<h1 class="name">{{ basics.name }}</h1>
<h2 class="label">{{ basics.label }}</h2>
</div>
{% endif %}
{% if basics.location %}
<span class="location">
{% if basics.location.city %}
<span class="city">{{ basics.location.city }},</span>
{% endif %}
{% if basics.location.region %}
<span class="region">{{ basics.location.region }}</span>
{% endif %}
{% if basics.location.countryCode %}
<span class="countryCode {{ basics.location.countryCode }}"></span>
{% endif %}
</span>
{% endif %}
{% if basics.birth %}
{{ basics.birth }}
{% endif %}
<div id="contact">
{% if basics.url %}
<div class="website">
<span class="fas fa-external-link-alt"></span>
<a href="{{ basics.url }}">{{ basics.url }}</a>
</div>
{% endif %}
{% if basics.email %}
<div class="email">
<span class="far fa-envelope"></span>
<a href="mailto:{{ basics.email }}">{{ basics.email }}</a>
</div>
{% endif %}
{% if basics.phone %}
<div class="phone">
<span class="fas fa-mobile-alt"></span>
<a href="tel:{{ basics.phone }}">{{ basics.phone }}</a>
</div>
{% endif %}
</div>
{% if basics.profiles %}
<div id="profiles">
{% for profile in basics.profiles %}
<div class="item">
{% if profile.network %}
<div class="username">
<span class="{{ profile.icon | d('fab fa-' + profile.network | replace(' ', '-') | lower) }} {{ profile.network | replace(' ', '-') | lower }} social"></span>
{% if profile.url %}
<span class="url">
<a href="{{ profile.url }}">{{ profile.username }}</a>
</span>
{% else %}
<span>{{ profile.username }}</span>
{% endif %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
</header>
{% if basics.summary %}
<section class="section">
<section class="main-summary">
<div>{{ basics.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
</section>
</section>
{% endif %}
{% endif %}