[css] work on the work part of the resume template

This commit is contained in:
max/sooulix 2024-08-15 03:57:48 +02:00
parent 153ccc0833
commit adfba765d8
2 changed files with 38 additions and 27 deletions

View File

@ -106,7 +106,6 @@ section .location {
}
.position,
.company,
.organization,
.institution,
.date,
@ -126,13 +125,6 @@ section .location {
font-weight: 600;
}
.company::before,
.institution::before,
.organization::before,
.awarder::before {
content: "at ";
}
.company,
.institution,
.organization,
@ -272,3 +264,15 @@ section .location {
margin-bottom: 0.5rem;
}
.company i {
margin-right: 0.5rem;
}
.company .website {
font-style: italic;
margin-left: 0.5rem;
}
.highlights li {
display: inline-block;
}

View File

@ -20,19 +20,29 @@
{% endif %}
<header class="clear">
{% if work_item.position %}
<div class="position">{{ work_item.position }}</div>
{% endif %}
<div class="company">{{ work_item.name }}</div>
<div class="date">
{% if work_item.startDate %}
<span class="startDate">{{ utils.format_date_short(work_item.startDate) }}</span>
<div class="flex">
{% if work_item.position %}
<div class="position">{{ work_item.position }}</div>
{% endif %}
{{ locale }}
{% if not utils.isinfinite(work_item.endDate) %}
<span class="endDate">- {{ utils.format_date_short(work_item.endDate) }}</span>
{% else %}
<span class="endDate">- {{ language.phrases.present }}</span>
<div class="date flex-grow text-right">
{% if work_item.startDate %}
<span class="startDate">{{ utils.format_date_short(work_item.startDate) }}</span>
{% endif %}
{% if not utils.isinfinite(work_item.endDate) %}
<span class="endDate">- {{ utils.format_date_short(work_item.endDate) }}</span>
{% else %}
<span class="endDate">- {{ language.phrases.present }}</span>
{% endif %}
</div>
</div>
<div class="company">
<i class="fa-solid fa-building"></i>
{{ work_item.name }}
{% if work_item.url %}
<span class="website">
<a href="{{ work_item.url }}">(website)</a>
</span>
{% endif %}
</div>
</header>
@ -45,10 +55,7 @@
</span>
{% endif %}
{% if work_item.url %}
<span class="website">
<a href="{{ work_item.url }}">{{ work_item.url }}</a>
</span> {% endif %} {% if work_item.keywords %}
{% if work_item.keywords %}
<ul class="keywords">
{% for keyword in keywords %}
<li>{{ keyword }}</li>
@ -60,9 +67,9 @@
<div class="summary">{{ work_item.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
{% endif %}
{% if work_item.highlights %}
<ul class="highlights">
<ul class="highlights grid grid-cols-4 gap-4">
{% for highlight in work_item.highlights %}
<li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
<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 %}