pages/_layouts/about.html
Rohan Deb Sarkar 0e3cff9137
Use WebP responsive images (#498)
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
2021-12-22 03:13:52 -05:00

54 lines
1.3 KiB
HTML

---
layout: default
---
<div class="post">
<header class="post-header">
<h1 class="post-title">
{% if site.title == "blank" %}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} {{ site.last_name }}{% else %}{{ site.title }}{% endif %}
</h1>
<p class="desc">{{ page.description }}</p>
</header>
<article>
{% if page.profile %}
<div class="profile float-{% if page.profile.align == 'left' %}left{% else %}right{% endif %}">
{% if page.profile.image %}
{% assign profile_image_path = page.profile.image | prepend: 'assets/img/' %}
{% include figure.html
path=profile_image_path
class="img-fluid z-dept-1 rounded"%}
{% endif %}
{% if page.profile.address %}
<div class="address">
{{ page.profile.address }}
</div>
{% endif %}
</div>
{% endif %}
<div class="clearfix">
{{ content }}
</div>
{% if page.news %}
{% include news.html %}
{% endif %}
{% if page.selected_papers %}
{% include selected_papers.html %}
{% endif %}
{% if page.social %}
<div class="social">
<div class="contact-icons">
{% include social.html %}
</div>
<div class="contact-note">{{ site.contact_note }}</div>
</div>
{% endif %}
</article>
</div>