masq
/
pelican-papyrus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/resume.css
View File

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

43
templates/partials/work.html
View File

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