blog: server setup starrs

templates/base.html

@@ -7,7 +7,7 @@
         <link rel="icon" href="/assets/favicon.ico">
         <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
         {% block rss %}
-          <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path='rss.xml', trailing_slash=false) }}">
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path='rss.xml', trailing_slash=false) }}">
         {% endblock %}
         <link
             rel="stylesheet"
@@ -155,7 +155,7 @@
                 class="container mx-auto lg:px-6 sm:px-4"
             >
                 <div
-                    class="p-8 rounded-2xl bg-gray-900/80 border border-gray-800 shadow-xl backdrop-blur-md text-center text-sm"
+                    class="p-8 rounded-2xl bg-gray-900/80 border border-gray-800 shadow-xl backdrop-blur-md text-sm"
                 >
                 {% block content %}{% endblock content %}
                 </div>

templates/index.html

@@ -7,11 +7,11 @@
 {% endblock head_extra %}
 
 {% block content %}
-<h1 class="text-4xl md:text-5xl font-extrabold leading-tight">
+<h1 class="text-4xl md:text-5xl font-extrabold leading-tight text-center">
     HI <br> I'm Tanveer Ahmed Ansari <br>Full Stack Developer & Self-Taught SysAdmin.
 </h1>
 
-<p class="mt-6 text-lg text-gray-300">
+<p class="mt-6 text-lg text-gray-300 text-center">
     I build performant, secure, and maintainable web applications using
     <span class="text-white font-semibold">Laravel</span>. Beyond web
     development, I handle Linux servers, automate deployment pipelines, and
@@ -20,17 +20,17 @@
     <span class="font-semibold">Docker</span>.
 </p>
 
-<p class="mt-4 text-lg text-gray-300">
+<p class="mt-4 text-lg text-gray-300 text-center">
     From building REST APIs and scalable backends to managing uptime and DevOps
     workflows — I care deeply about clean code, automation, and reliability.
 </p>
 
-<p class="mt-4 text-lg text-gray-300">
+<p class="mt-4 text-lg text-gray-300 text-center">
     My goal? Deliver fast, secure, and elegant solutions that make an impact —
     whether for a side project, startup, or enterprise system.
 </p>
 
-<div class="pt-6">
+<div class="pt-6 text-center">
     <a
         href="{{ get_url(path='@/blog/_index.md') }}"
         class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg shadow transition"
@@ -51,7 +51,7 @@
 
 <hr class="my-10 border-gray-700" />
 
-<div>
+<div class="text-center">
     <h2 class="text-2xl font-bold mb-4">📬 Get in Touch</h2>
     <p class="text-lg text-gray-300 mb-4">
         I'm always open to collaborating, freelancing, or just chatting tech.
@@ -62,7 +62,7 @@
             <a
                 href="#"
                 class="obfuscated-link text-blue-400 hover:underline text-lg"
-                data-encoded="bWVAY29vbGFucy5kZXY="
+                data-encoded="bWVbYXRdY29vbGFuc1tkb3RdZGV2"
                 >Loading...</a
             >
         </li>
@@ -110,10 +110,8 @@
 
         const decoded = atob(encoded);
 
-        // Determine if email, phone, or URL by simple checks:
-        if (decoded.includes("@") && !decoded.startsWith('http')) {
-            // Email
-            link.href = `mailto:${decoded}`;
+        if (!decoded.startsWith('http')) {
+            link.href = `#`;
             link.textContent = decoded;
             return;
         }

templates/page.html

@@ -15,7 +15,7 @@
     {{ page.title }}
 </h1>
 
-<p class="subtitle">
+<p class="subtitle text-center">
     {% if page.updated %}
     Last Updated:
     <strong class="text-sky-400">
@@ -40,7 +40,7 @@
         {% set image_url = get_url(path=image) %}
     {% endif %}
 
-    <div class="flex justify-center my-4">
+    <div class="flex justify-center my-4 mx-6">
         <img
             src="{{ image_url | safe }}"
             alt="{{ page.title }}"
@@ -52,7 +52,7 @@
     </div>
 {% endif %}
 
-<div class="mt-6 text-xl text-gray-300">
+<div class="mt-6 mx-6 text-lg text-gray-300">
     {{ page.content | safe }}
 </div>
 {% endblock content %}

templates/shortcodes/code.html

@@ -0,0 +1,13 @@
+<div class="my-4 text-white space-y-4">
+    <!-- File name -->
+    {% if file %}
+    <p class="text font-semibold text-gray-400 ml-2 break-words">
+        {{ file }}
+    </p>
+    {% endif %}
+
+    <!-- Body content -->
+    <div>
+        {{ body | markdown | safe }}
+    </div>
+</div>

templates/shortcodes/cost.html

@@ -4,4 +4,4 @@
 {%- set amount_in_usd = amount * usd_rate -%}
 {%- set amount_in_eur = amount * eur_rate -%}
 
-₹{{ amount }} (${{ amount_in_usd | round }} or €{{ amount_in_eur | round }})
+₹{{ amount | num_format }} (${{ amount_in_usd | round }} or €{{ amount_in_eur | round }})

templates/shortcodes/subheading.html

@@ -5,6 +5,8 @@
 %}
 
 <hr class="border-gray-700 my-4">
-<a id="{{ href }}" class="text-3xl font-bold focus:outline-none focus:ring-0" href="#{{ href }}" aria-label="Anchor link for : {{ href }}">
+<div class="flex justify-center">
+<a id="{{ href }}" class="justify-center text-3xl font-bold focus:outline-none focus:ring-0" href="#{{ href }}" aria-label="Anchor link for : {{ href }}">
   {{ text | safe }}
 </a>
+</div>