I have redesigned the CV to have some options that I have in my pdf CV.
I'm not too inspired to include more example data, if anyone wants to
add data, go ahead.
With my data the CV looks like this:
[https://jmrplens.github.io/cv/](https://jmrplens.github.io/cv/ ).
My data: [VIEW
FILE](ce8b5b67db/_data/cv.yml)
Some screenshots:
<img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-09-51)"
src="https://user-images.githubusercontent.com/28966312/233200752-e49afa44-1c07-42eb-b38c-337f81b60406.png"><img
width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-10-22)"
src="https://user-images.githubusercontent.com/28966312/233200844-0201d061-df3e-4e80-8107-3b6f7c72faa3.png">
<img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-10-37)"
src="https://user-images.githubusercontent.com/28966312/233200898-77040d1a-bf9a-47f1-a46d-3008f7331020.png"><img
width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-10-54)"
src="https://user-images.githubusercontent.com/28966312/233200949-055fe27e-ce06-4929-91e8-cab2983b4850.png">
Mobile:
<img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-21-36)"
src="https://user-images.githubusercontent.com/28966312/233203168-8b5cc777-e3f8-4387-96d4-a5d405d7032b.png"><img
width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-21-48)"
src="https://user-images.githubusercontent.com/28966312/233203238-5ccc424e-b0e3-41a1-bd2b-2c64e01cfc85.png">
<img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-22-00)"
src="https://user-images.githubusercontent.com/28966312/233203297-7174be99-08a1-427a-a414-5bded2d6c2d8.png"><img
width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-22-14)"
src="https://user-images.githubusercontent.com/28966312/233203312-f5067ce7-134f-4a39-bb5b-aaa3d247b3e7.png">
---------
Co-authored-by: George <31376482+george-gca@users.noreply.github.com>
106 lines
4.3 KiB
HTML
106 lines
4.3 KiB
HTML
<ul class="card-text font-weight-light list-group list-group-flush">
|
|
{% for content in entry.contents %}
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
{% if content.year %}
|
|
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
|
|
<table class="table-cv">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px;">{{ content.year }}</span>
|
|
</td>
|
|
</tr>
|
|
{% if content.location %}
|
|
<tr>
|
|
<td>
|
|
<p class="location"><i class="fas fa-map-marker-alt iconlocation"></i> {{ content.location }}</p>
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
{% endif %}
|
|
<div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
|
|
{% if content.title %}
|
|
<h6 class="title font-weight-bold ml-1 ml-md-4">{{content.title}}</h6>
|
|
{% endif %}
|
|
{% if content.department or content.institution %}
|
|
<table class="table-cv ml-1 ml-md-4 institution">
|
|
<tbody>
|
|
{% if content.institution %}
|
|
<tr>
|
|
<td style="vertical-align: top; text-align: center;" class="institution"><i class="fas fa-university iconinstitution"></i></td>
|
|
<td class="institution">{{content.institution}}</td>
|
|
</tr>
|
|
{% endif %}
|
|
{% if content.department %}
|
|
<tr>
|
|
<td style="vertical-align: top; text-align: center;" class="department"><i class="far fa-dot-circle icondepartment"></i></td>
|
|
<td class="department">{{content.department}}</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|
|
{% if content.maindescription %}
|
|
<div class="ml-1 ml-md-4 ">{{ content.maindescription }}</div>
|
|
{% endif %}
|
|
{% if content.description %}
|
|
<ul class="items">
|
|
{% for item in content.description %}
|
|
<li>
|
|
{% if item.contents %}
|
|
<span class="item-title">{{ item.title }}</span>
|
|
<ul class="subitems">
|
|
{% for subitem in item.contents %}
|
|
<li><span class="subitem">{{ subitem }}</span></li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<span class="item">{{ item }}</span>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% if content.items %}
|
|
<ul class="items">
|
|
{% for item in content.items %}
|
|
<li>
|
|
{% if item.contents %}
|
|
<span class="item-title">{{ item.title }}</span>
|
|
<ul class="subitems">
|
|
{% for subitem in item.contents %}
|
|
<li><span class="subitem">{{ subitem }}</span></li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<span class="item">{{ item }}</span>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% if content.linkitems %}
|
|
<div class="container-links ml-1 ml-md-4">
|
|
{% for item in content.linkitems %}
|
|
{% if item.link %}
|
|
<div class="container-link-button">
|
|
{% if item.linkname %}
|
|
<a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">{{ item.linkname}}</a>
|
|
{% else %}
|
|
<a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">doc</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul> |