[css] work on the work part of the resume template
This commit is contained in:
parent
153ccc0833
commit
adfba765d8
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
Loading…
Reference in New Issue