pages/_layouts/profiles.liquid
George 6e215a1cdc
Lighthouse fixes (#2199)
Our score went down a little bit after the last few changes. Avoiding
lazy loading some images (as introduced in #2183), since [it is strongly
recommended to omit hero images and other images or iframes that are
likely to appear above the fold from being
lazy-loaded](https://web.dev/articles/browser-level-lazy-loading-for-cmss#avoid_lazy_loading_above-the-fold_elements).
Also added missing `alt` to google scholar field.

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>
2024-02-14 14:37:32 -03:00

37 lines
1.4 KiB
Plaintext

---
layout: page
---
<div class="post">
<article>
{% if page.profiles %}
{% for profile in page.profiles %}
<hr>
<div class="profile float-{% if profile.align == 'left' %}left{% else %}right{% endif %}">
{% if profile.image %}
{% assign profile_image_path = profile.image | prepend: 'assets/img/' %}
{% if profile.image_circular %}
{% assign profile_image_class = 'img-fluid z-depth-1 rounded-circle' %}
{% else %}
{% assign profile_image_class = 'img-fluid z-depth-1 rounded' %}
{% endif %}
{% capture sizes %}(min-width: {{site.max_width}}) {{ site.max_width | minus: 30 | times: 0.3}}px, (min-width: 576px) 30vw, 95vw"{% endcapture %}
{% include figure.liquid loading="eager" path=profile_image_path class=profile_image_class sizes=sizes alt=profile.image %}
{% endif %}
{% if profile.more_info %}
<div class="more-info">{{ profile.more_info }}</div>
{% endif %}
</div>
<div class="clearfix">
{% if profile.content %}
{% capture profile_content %}{% include_relative {{ profile.content }} %}{% endcapture %}
{{ profile_content | markdownify }}
{% else %}
{{ content }}
{% endif %}
</div>
{% endfor %}
{% endif %}
</article>
</div>