|
| 1 | +--- |
| 2 | +layout: default |
| 3 | +refactor: true |
| 4 | +--- |
| 5 | + |
| 6 | +{% include lang.html %} |
| 7 | + |
| 8 | +<!-- Build merged list: site.posts + site.ai, sorted by date desc --> |
| 9 | +{% assign all_items = '' | split: '' %} |
| 10 | + |
| 11 | +{% for post in site.posts %} |
| 12 | + {% unless post.hidden %} |
| 13 | + {% capture elem %}{{ post.date | date: "%Y%m%d%H%M%S" }}::posts::{{ forloop.index0 }}{% endcapture %} |
| 14 | + {% assign all_items = all_items | push: elem %} |
| 15 | + {% endunless %} |
| 16 | +{% endfor %} |
| 17 | + |
| 18 | +{% for doc in site.ai %} |
| 19 | + {% capture elem %}{{ doc.date | date: "%Y%m%d%H%M%S" }}::ai::{{ forloop.index0 }}{% endcapture %} |
| 20 | + {% assign all_items = all_items | push: elem %} |
| 21 | +{% endfor %} |
| 22 | + |
| 23 | +{% assign all_items = all_items | sort | reverse %} |
| 24 | + |
| 25 | +<!-- Manual pagination using paginator's page info --> |
| 26 | +{% assign per_page = paginator.per_page %} |
| 27 | +{% assign page_num = paginator.page %} |
| 28 | +{% assign skip = page_num | minus: 1 | times: per_page %} |
| 29 | + |
| 30 | +<div id="post-list" class="flex-grow-1 px-xl-1"> |
| 31 | + {% for item in all_items limit: per_page offset: skip %} |
| 32 | + {% assign parts = item | split: '::' %} |
| 33 | + {% assign col = parts[1] %} |
| 34 | + {% assign index = parts[2] | plus: 0 %} |
| 35 | + |
| 36 | + {% if col == 'posts' %} |
| 37 | + {% assign post = site.posts[index] %} |
| 38 | + {% assign badge_class = 'post-badge--tech' %} |
| 39 | + {% assign badge_text = 'Tech' %} |
| 40 | + {% else %} |
| 41 | + {% assign post = site.ai[index] %} |
| 42 | + {% assign badge_class = 'post-badge--ai' %} |
| 43 | + {% assign badge_text = 'AI' %} |
| 44 | + {% endif %} |
| 45 | + |
| 46 | + <article class="card-wrapper card"> |
| 47 | + <a href="{{ post.url | relative_url }}" class="post-preview row g-0 flex-md-row-reverse"> |
| 48 | + {% assign card_body_col = '12' %} |
| 49 | + |
| 50 | + {% if post.image %} |
| 51 | + {% assign src = post.image.path | default: post.image %} |
| 52 | + {% unless src contains '//' %} |
| 53 | + {% assign src = post.img_path | append: '/' | append: src | replace: '//', '/' %} |
| 54 | + {% endunless %} |
| 55 | + |
| 56 | + {% assign alt = post.image.alt | xml_escape | default: 'Preview Image' %} |
| 57 | + |
| 58 | + {% assign lqip = null %} |
| 59 | + |
| 60 | + {% if post.image.lqip %} |
| 61 | + {% capture lqip %}lqip="{{ post.image.lqip }}"{% endcapture %} |
| 62 | + {% endif %} |
| 63 | + |
| 64 | + <div class="col-md-5"> |
| 65 | + <img src="{{ src }}" alt="{{ alt }}" {{ lqip }}> |
| 66 | + </div> |
| 67 | + |
| 68 | + {% assign card_body_col = '7' %} |
| 69 | + {% endif %} |
| 70 | + |
| 71 | + <div class="col-md-{{ card_body_col }}"> |
| 72 | + <div class="card-body d-flex flex-column"> |
| 73 | + <h1 class="card-title my-2 mt-md-0"> |
| 74 | + <span class="post-badge {{ badge_class }}">{{ badge_text }}</span> |
| 75 | + {{ post.title }} |
| 76 | + </h1> |
| 77 | + |
| 78 | + <div class="card-text content mt-0 mb-3"> |
| 79 | + <p> |
| 80 | + {% include no-linenos.html content=post.content %} |
| 81 | + {{ content | markdownify | strip_html | truncate: 200 | escape }} |
| 82 | + </p> |
| 83 | + </div> |
| 84 | + |
| 85 | + <div class="post-meta flex-grow-1 d-flex align-items-end"> |
| 86 | + <div class="me-auto"> |
| 87 | + <!-- posted date --> |
| 88 | + <i class="far fa-calendar fa-fw me-1"></i> |
| 89 | + {% include datetime.html date=post.date lang=lang %} |
| 90 | + |
| 91 | + <!-- categories --> |
| 92 | + {% if post.categories.size > 0 %} |
| 93 | + <i class="far fa-folder-open fa-fw me-1"></i> |
| 94 | + <span class="categories"> |
| 95 | + {% for category in post.categories %} |
| 96 | + {{ category }} |
| 97 | + {%- unless forloop.last -%},{%- endunless -%} |
| 98 | + {% endfor %} |
| 99 | + </span> |
| 100 | + {% endif %} |
| 101 | + </div> |
| 102 | + |
| 103 | + {% if post.pin %} |
| 104 | + <div class="pin ms-1"> |
| 105 | + <i class="fas fa-thumbtack fa-fw"></i> |
| 106 | + <span>{{ site.data.locales[lang].post.pin_prompt }}</span> |
| 107 | + </div> |
| 108 | + {% endif %} |
| 109 | + </div> |
| 110 | + <!-- .post-meta --> |
| 111 | + </div> |
| 112 | + <!-- .card-body --> |
| 113 | + </div> |
| 114 | + </a> |
| 115 | + </article> |
| 116 | + {% endfor %} |
| 117 | +</div> |
| 118 | +<!-- #post-list --> |
| 119 | + |
| 120 | +{% if paginator.total_pages > 1 %} |
| 121 | + {% include post-paginator.html %} |
| 122 | +{% endif %} |
0 commit comments