0e3cff9137
This PR replaces the jekyll-responsive-images with jekyll-imagemagick for responsive WebP images. WebP images are much smaller compared to PNG and JPEG, faster to load and most of the modern browsers recommend it. More information about WebP images: https://developers.google.com/speed/webp
35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
<div class="grid-item">
|
|
{% if project.redirect %}
|
|
<a href="{{ project.redirect }}">
|
|
{% else %}
|
|
<a href="{{ project.url | relative_url }}">
|
|
{% endif %}
|
|
<div class="card hoverable">
|
|
{% if project.img %}
|
|
{% include figure.html
|
|
path=project.img
|
|
alt="project thumbnail" %}
|
|
{% endif %}
|
|
<div class="card-body">
|
|
<h2 class="card-title text-lowercase">{{ project.title }}</h2>
|
|
<p class="card-text">{{ project.description }}</p>
|
|
<div class="row ml-1 mr-1 p-0">
|
|
{% if project.github %}
|
|
<div class="github-icon">
|
|
<div class="icon" data-toggle="tooltip" title="Code Repository">
|
|
<a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a>
|
|
</div>
|
|
{% if project.github_stars %}
|
|
<span class="stars" data-toggle="tooltip" title="GitHub Stars">
|
|
<i class="fas fa-star"></i>
|
|
<span id="{{ project.github_stars }}-stars"></span>
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|