mirror of
https://github.com/welpo/tabi.git
synced 2025-11-23 02:00:25 +01:00
✨ feat(micro): add microblogging section to homepage
- Add micro section display on homepage with RSS feed - Support configurable section name via micro_section_name - Add toggle via show_micro config option - Create templates/partials/main_page_micro_list.html - Add sass/parts/_micro.scss for styling - Include RSS icon next to section heading Closes #1
This commit is contained in:
parent
393c5a8cb9
commit
06c55da7b7
11 changed files with 256 additions and 0 deletions
48
templates/partials/main_page_micro_list.html
Normal file
48
templates/partials/main_page_micro_list.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
{% if section.extra.show_micro | default(value=true) %}
|
||||
{% if section.extra.micro_path %}
|
||||
{%- set micro_section = get_section(path=section.extra.micro_path) -%}
|
||||
{%- if micro_section -%}
|
||||
{%- set show_pages = micro_section.pages -%}
|
||||
{%- set max_micro = section.extra.max_micro | default(value=5) -%}
|
||||
{%- set section_name = section.extra.micro_section_name | default(value="Latest Thoughts") -%}
|
||||
|
||||
<div id="micro-posts">
|
||||
<div class="micro-card">
|
||||
<div class="micro-header">
|
||||
<h2>
|
||||
{{ section_name }}
|
||||
{%- if micro_section.generate_feeds -%}
|
||||
<a href="{{ get_url(path=micro_section.path ~ 'atom.xml', trailing_slash=false) | safe }}"
|
||||
title="RSS Feed"
|
||||
aria-label="RSS Feed">
|
||||
<svg class="feed-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<circle cx="6.18" cy="17.82" r="2.18"/>
|
||||
<path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/>
|
||||
</svg>
|
||||
</a>
|
||||
{%- endif -%}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="micro-content-column">
|
||||
{% for post in show_pages | slice(end=max_micro) %}
|
||||
<div class="micro-item">
|
||||
<time datetime="{{ post.date | date(format='%Y-%m-%d') }}">
|
||||
{{ post.date | date(format='%d %b %Y · %H:%M') }}
|
||||
</time>
|
||||
<div class="micro-text">
|
||||
{{ post.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{%- if show_pages | length > max_micro -%}
|
||||
<div class="all-posts">
|
||||
<a href="{{ get_url(path=micro_section.path, lang=lang) }}/">All {{ section_name | lower }} <span class="arrow">⟶</span></a>
|
||||
</div>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
{%- endif -%}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
|
@ -52,6 +52,10 @@
|
|||
{%- include "partials/main_page_posts_list.html" -%}
|
||||
{%- include "partials/main_page_projects_list.html" -%}
|
||||
{%- endif -%}
|
||||
|
||||
{# Add micro posts section #}
|
||||
{%- include "partials/main_page_micro_list.html" -%}
|
||||
|
||||
</main>
|
||||
|
||||
{%- include "partials/extra_features.html" -%}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue