Feat:New blog weeb unlocked and new page anime

templates/base.html

@@ -134,6 +134,9 @@
                         <li>
                             <a href="/blog" class="hover:text-blue-400 block py-3">Blogs</a>
                         </li>
+                        <li>
+                            <a href="/anime" class="hover:text-blue-400 block py-3">Anime</a>
+                        </li>
                         <li>
                             <a href="/rss.xml" class="text-orange-400 py-3 flex">
                                 RSS

templates/blog-page.html

@@ -12,10 +12,25 @@
 {% block content %}
 
 <h1 class="text-4xl md:text-5xl font-extrabold mb-8 text-center">
-  {{ page.title }}
+    {{ page.title }}
 </h1>
 
-<p class="subtitle text-sky-400"><strong>{{ page.date | date(format="%B %d, %Y") }}</strong></p>
+<p class="subtitle">
+    {% if page.updated %}
+    Last Updated:
+    <strong class="text-sky-400">
+        <time datetime="{{ page.updated | date(format="%Y-%m-%d") }}">
+            {{ page.updated | date(format="%B %d, %Y") }}
+        </time>
+    </strong>
+    {% else %}
+    <strong class="text-sky-400">
+        <time datetime="{{ page.date | date(format="%Y-%m-%d") }}">
+            {{ page.date | date(format="%B %d, %Y") }}
+        </time>
+    </strong>
+    {% endif %}
+</p>
 
 {% if page.extra.image %}
     {% set image = page.extra.image %}

templates/index.html

@@ -16,9 +16,8 @@
     <span class="text-white font-semibold">Laravel</span>. Beyond web
     development, I handle Linux servers, automate deployment pipelines, and
     optimize infrastructure using tools like
-    <span class="font-semibold">NGINX</span>,
-    <span class="font-semibold">Docker</span>, and
-    <span class="font-semibold">systemd</span>.
+    <span class="font-semibold">Jenkins</span> and
+    <span class="font-semibold">Docker</span>.
 </p>
 
 <p class="mt-4 text-lg text-gray-300">
@@ -34,9 +33,19 @@
 <div class="pt-6">
     <a
         href="{{ get_url(path='@/blog/_index.md') }}"
-        class="inline-block px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg shadow transition"
+        class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg shadow transition"
     >
-        Read My Blog →
+        Read My Blogs
+        <svg
+            class="ml-2 h-5 w-5"
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            stroke-width="2"
+        >
+            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
+        </svg>
     </a>
 </div>
 

templates/page.html

@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+
+{% block title %}{{ page.title }}{% endblock title %}
+
+{% block head_extra %}
+    {% if page.description %}
+        <meta name="description" content="{{ page.description | safe }}">
+    {% endif %}
+{% endblock head_extra %}
+
+
+{% block content %}
+
+<h1 class="text-4xl md:text-5xl font-extrabold mb-8 text-center">
+  {{ page.title }}
+</h1>
+
+<p class="subtitle">
+    {% if page.updated %}
+    Last Updated:
+    <strong class="text-sky-400">
+        <time datetime="{{ page.updated | date(format="%Y-%m-%d") }}">
+            {{ page.updated | date(format="%B %d, %Y") }}
+        </time>
+    </strong>
+    {% else %}
+    <strong class="text-sky-400">
+        <time datetime="{{ page.date | date(format="%Y-%m-%d") }}">
+            {{ page.date | date(format="%B %d, %Y") }}
+        </time>
+    </strong>
+    {% endif %}
+</p>
+
+{% if page.extra.image %}
+    {% set image = page.extra.image %}
+    {% if image is starting_with("http") %}
+        {% set image_url = image %}
+    {% else %}
+        {% set image_url = get_url(path=image) %}
+    {% endif %}
+
+    <div class="flex justify-center my-4">
+        <img
+            src="{{ image_url | safe }}"
+            alt="{{ page.title }}"
+            class="max-w-full max-h-100 object-cover border border-gray-600 rounded-2xl"
+            loading="lazy"
+            decoding="async"
+            onclick="openFullscreenImage(this)"
+        />
+    </div>
+{% endif %}
+
+<div class="mt-6 text-xl text-gray-300">
+    {{ page.content | safe }}
+</div>
+{% endblock content %}

templates/shortcodes/table.html

@@ -0,0 +1,20 @@
+<div class="relative overflow-x-auto shadow-md sm:rounded-lg my-8">
+    <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+                {% for head in heading %}
+                <th scope="col" class="px-6 py-3">{{ head }}</th>
+                {% endfor %}
+            </tr>
+        </thead>
+        <tbody>
+            {% for row in rows %}
+            <tr class="odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 border-b dark:border-gray-700 border-gray-200">
+                {% for item in row %}
+                <td class="px-6 py-4">{{ item }}</td>
+                {% endfor %}
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>