2f035fa2a5
Fixed size of news and latest posts in about page when visualizing in mobile. Signed-off-by: George Araujo <george.gcac@gmail.com>
32 lines
1.3 KiB
HTML
32 lines
1.3 KiB
HTML
|
|
<div class="news">
|
|
{% if site.news != blank -%}
|
|
{%- assign news_size = site.news | size -%}
|
|
<div class="table-responsive" {% if site.news.scrollable and news_size > 3 %}style="max-height: 60vw"{% endif %}>
|
|
<script>console.log({{news_size}});</script>
|
|
<table class="table table-sm table-borderless">
|
|
{%- assign news = site.news | reverse -%}
|
|
{% if site.news.limit %}
|
|
{% assign news_limit = site.news.limit %}
|
|
{% else %}
|
|
{% assign news_limit = news_size %}
|
|
{% endif %}
|
|
{% for item in news limit: news_limit %}
|
|
<tr>
|
|
<th scope="row">{{ item.date | date: "%b %-d, %Y" }}</th>
|
|
<td>
|
|
{% if item.inline -%}
|
|
{{ item.content | remove: '<p>' | remove: '</p>' | emojify }}
|
|
{%- else -%}
|
|
<a class="news-title" href="{{ item.url | relative_url }}">{{ item.title }}</a>
|
|
{%- endif %}
|
|
</td>
|
|
</tr>
|
|
{%- endfor %}
|
|
</table>
|
|
</div>
|
|
{%- else -%}
|
|
<p>No news so far...</p>
|
|
{%- endif %}
|
|
</div>
|