feat: result post

Author: Tony-Rome

theme/static/css/style.css

@@ -169,22 +169,35 @@ body, html, root {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     font-size: 90%;
-    margin: 0.5rem auto;
+    margin: 0 auto;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 
+.preview-date {
+    display: flex;
+    justify-content: end;
+    margin-right: 1rem;
+}
+
 .preview-author {
     font-style: italic;
-    margin: 0.5rem auto;
+    display: flex;
+    justify-content: end;
+    margin-right: 1rem;
     font-size: 90%;
 }
 
 /* Tags del Post */
 .preview-tags-container {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: 1rem auto;
     display: flex;
     justify-content: center;
     gap: 5px;

theme/templates/base.html

@@ -77,15 +77,16 @@
                     const li = document.createElement("li");
                     li.className = "preview-post";
                     li.innerHTML = `
-                      <a class="preview-link" href="${article.url}">
-                        <img class="preview-img" src="${article.image || '{{ SITEURL }}/img/otros/default.webp'}" alt="">
-                        <div class="preview-title">${article.title}</div>
-                        <div class="preview-summary">${article.summary || ""}</div>
-                        <div class="preview-author">${article.date || ""} ${article.author ? "Por " + article.author : ""}</div>
+                        <a class="preview-link" href="${article.url}">
+                            <img class="preview-img" src="${article.image || '{{ SITEURL }}/img/otros/default.webp'}" alt="">
+                            <div class="preview-title">${article.title}</div>
+                            <div class="preview-summary">${article.summary || ""}</div>
+                            <div class="preview-date">${article.date || ""}</div>
+                            <div class="preview-author">${article.author ? "Por " + article.author : ""}</div>
+                        </a>
                         <div class="preview-tags-container">
-                          ${(article.tags || []).map(tag => `<div class="preview-tag">${tag}</div>`).join("")}
+                            ${(article.tags || []).map(tag => `<div class="preview-tag">${tag}</div>`).join("")}
                         </div>
-                      </a>
                     `;
                     previewContainer.appendChild(li);
                 });

theme/templates/index.html

@@ -23,13 +23,14 @@ <h1 class="welcome-msg-title">¡Hola Pythonista!</h1>
                     <img class="preview-img" src="{{ SITEURL }}/{{ article.image }}" alt="">
                     <div class="preview-title">{{ article.title }}</div>
                     <div class="preview-summary">{{ article.summary }}</div>
-                    <div class="preview-author">{{ article.date.strftime('%Y-%m-%d') }} Por {{ article.author }}</div>
-                    <div class="preview-tags-container">
-                        {% for tag in article.tags %}
-                            <div class="preview-tag"> {{ tag.name }} </div>
-                        {% endfor %}
-                    </div>
+                    <div class="preview-date">{{ article.date.strftime('%Y-%m-%d') }}</div>
+                    <div class="preview-author">Por {{ article.author }}</div>
                 </a>
+                <div class="preview-tags-container">
+                    {% for tag in article.tags %}
+                        <div class="preview-tag"> {{ tag.name }} </div>
+                    {% endfor %}
+                </div>
             </li>
         {% endfor %}
 </ul>

theme/templates/search.json

@@ -1,10 +1,11 @@
 [
   {% for article in articles %}
     {
-      "title": {{ article.title|tojson }},
       "date": "{{ article.date }}",
-      "url": "{{ SITEURL }}/{{ article.url }}",
+      "title": {{ article.title|tojson }},
       "summary": {{ article.summary|striptags|tojson }},
+      "author": "{{ article.author }}",
+      "url": "{{ SITEURL }}/{{ article.url }}",
       "image": "{{ SITEURL }}/{{ article.image }}",
       "tags": [{% for tag in article.tags %}{{ tag.name|tojson }}{% if not loop.last %}, {% endif %}{% endfor %}]
     }{% if not loop.last %},{% endif %}