pages/_includes/resume/projects.liquid
Abhilesh Dhawanjewar 4a2984a400
Fix: date pill position on CV (#2455)
Fixes: #2393 

Changes made in this PR - 
Added `style="width: 75px; transform: translateX(-15px)
translateY(-5px);">` to move the date pill `15px` to the left and `5px`
to the top

| Before | After |
| :-----: | :----: |
|
![date_pill_before](https://github.com/alshedivat/al-folio/assets/2447878/be80f8ea-b41f-4013-ace2-2ce4b184f076)
|
![date_pill_after](https://github.com/alshedivat/al-folio/assets/2447878/6f627e98-45aa-4b9a-b111-4c6c2013820c)
|
2024-05-31 13:27:10 -03:00

33 lines
1.4 KiB
Plaintext

<ul class="card-text font-weight-light list-group list-group-flush">
{% for content in data[1] %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.startDate %}
{% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
{% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}
{% assign date = startDate | append: ' - ' %}
{% assign date = date | append: endDate %}
{% else %}
{% assign date = '' %}
{% endif %}
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px"> {{ date }} </span>
</div>
<div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
<h6 class="title font-weight-bold ml-1 ml-md-4">
<a href="{{ content.url }}">{{ content.name }}</a>
</h6>
<h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic">{{ content.summary }}</h6>
<ul class="items">
{% for item in content.highlights %}
<li>
<span class="item">{{ item }}</span>
</li>
{% endfor %}
</ul>
</div>
</div>
</li>
{% endfor %}
</ul>