fix: wrong date

content/blog/server-setup-media.md

@@ -0,0 +1,299 @@
++++
+title = "Server Setup: Media Server"
+date = 2025-08-05
+extra.image = "assets/starrs-jellyfin.png"
+description = "Streaming Without Subscriptions"
++++
+
+{% paragraph(class="m-8") %}
+In the 90s, people started buying movies, shows, and music with their own money and wanted to preserve their collections. To protect their purchases from physical damage or data rot, many began ripping their media into digital formats. As the internet expanded in the early 2000s, people started sharing these digital files with others through various methods — one of the most popular being torrents. This caught the attention of the film and music industries, leading to a widespread crackdown on piracy. In response to the growing demand for convenient, legal access to content, Netflix launched a streaming service that offered movies and shows at affordable prices while handling licensing fees with content owners. As internet speeds improved, major media companies saw the potential and began pulling their content from Netflix to launch their own platforms. This led to a fragmented market where consumers now need multiple subscriptions just to watch their favorite shows
+{% end %}
+
+{% paragraph(class="m-8") %}
+The issue doesn't end there. Streaming services control access to content, if they remove a show or movie from their servers, you lose the ability to watch it, even if it was part of your watchlist. A similar shift has occurred in gaming. In the past, buying a game meant owning a physical copy that you could keep forever. Today, digital game purchases typically give you a license to download and play the game. If the developer or store decides to remove it, you can lose access entirely, meaning you don’t truly own the game, you're just borrowing it under certain conditions. While online streaming services and digital stores have had their ups and downs, many people still choose to support their favorite shows and movies by purchasing them on physical media and creating digital backups to preserve them. However, some also share these backups with others, which continues to fuel the fire of digital piracy.
+{% end %}
+
+{% paragraph(class="m-8") %}
+**Enter media automation**, a set of services and tools that help users organize and access their personal media collections from anywhere in the world, in whatever way they prefer.
+{% end %}
+
+{{ subheading(text="Radarr") }}
+
+{% paragraph(class="m-8") %}
+Radarr is Selfhost Application that is used to organise and Manage Movies, it also helps in tracking for upcoming movies and movies collection.
+
+There are plenty of guides on Internet for setting this up using Docker, I am helping for setting up using Podman, since there are not that much guides on it.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/radarr.container") %}
+```ini
+[Unit]
+Description=Radarr Container
+
+[Container]
+Pod=starrs.pod #explained at the end.
+ContainerName=radarr
+Image=ghcr.io/linuxserver/radarr:latest
+
+# Enable auto-update container
+AutoUpdate=registry # for container auto-update feature, you don't need watchtower anymore
+EnvironmentFile=./.env # this file should be present in same location as this config file
+
+Volume=%h/podman/starrs/radarr:/config # resolves to ~/podman/starrs/radarr directory on host
+Volume=${DATA}:/data
+
+[Service]
+# this below line is used to define all the variables above so that, all variables can be resolved
+EnvironmentFile=%h/.config/containers/systemd/starrs/.env
+Restart=always
+TimeoutStartSec=300
+
+[Install]
+# this will restart the container on boot, you have to run "loginctl enable-linger $USER" for this to be worky.
+WantedBy=default.target
+```
+{% end %}
+
+{{ subheading(text="Sonarr") }}
+
+{% paragraph(class="m-8") %}
+Sonarr is used to organise and Manage TV shows and anime, it also helps in tracking for upcoming seasons of shows.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/sonarr.container") %}
+```ini
+[Unit]
+Description=Sonarr Container
+
+[Container]
+Pod=starrs.pod #explained at the end.
+ContainerName=sonarr
+Image=ghcr.io/linuxserver/sonarr:latest
+
+# Enable auto-update container
+AutoUpdate=registry # for container auto-update feature, you don't need watchtower anymore
+EnvironmentFile=./.env # this file should be present in same location as this config file
+
+Volume=%h/podman/starrs/sonarr:/config # resolves to ~/podman/starrs/sonarr directory on host
+Volume=${DATA}:/data
+
+[Service]
+# this below line is used to define all the variables above so that, all variables can be resolved
+EnvironmentFile=%h/.config/containers/systemd/starrs/.env
+Restart=always
+TimeoutStartSec=300
+
+[Install]
+# this will restart the container on boot, you have to run "loginctl enable-linger $USER" for this to be worky.
+WantedBy=default.target
+```
+{% end %}
+
+{{ subheading(text="Prowlarr") }}
+
+{% paragraph(class="m-8") %}
+Prowlarr is used by sonarr and radarr, to search for shows and movies.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/prowlarr.container") %}
+```ini
+[Unit]
+Description=Prowlarr Container
+
+[Container]
+Pod=starrs.pod #explained at the end.
+ContainerName=prowlarr
+Image=ghcr.io/linuxserver/prowlarr:latest
+
+# Enable auto-update container
+AutoUpdate=registry # for container auto-update feature, you don't need watchtower anymore
+EnvironmentFile=./.env # this file should be present in same location as this config file
+
+Volume=%h/podman/starrs/prowlarr:/config # resolves to ~/podman/starrs/prowlarr directory on host
+Volume=${DATA}:/data
+
+[Service]
+# this below line is used to define all the variables above so that, all variables can be resolved
+EnvironmentFile=%h/.config/containers/systemd/starrs/.env
+Restart=always
+TimeoutStartSec=300
+
+[Install]
+# this will restart the container on boot, you have to run "loginctl enable-linger $USER" for this to be worky.
+WantedBy=default.target
+```
+{% end %}
+
+{{ subheading(text="Bazarr") }}
+
+{% paragraph(class="m-8") %}
+Bazarr is used to manage subtitles, it checks for content in directory and also communicate to sonarr and radarr via their APIs for new content to automatically download subtitles.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/bazarr.container") %}
+```ini
+[Unit]
+Description=Bazarr Container
+
+[Container]
+Pod=starrs.pod #explained at the end.
+ContainerName=bazarr
+Image=ghcr.io/linuxserver/bazarr:latest
+
+# Enable auto-update container
+AutoUpdate=registry # for container auto-update feature, you don't need watchtower anymore
+EnvironmentFile=./.env # this file should be present in same location as this config file
+
+Volume=%h/podman/starrs/bazarr:/config # resolves to ~/podman/starrs/bazarr directory on host
+Volume=${DATA}:/data
+
+[Service]
+# this below line is used to define all the variables above so that, all variables can be resolved
+EnvironmentFile=%h/.config/containers/systemd/starrs/.env
+Restart=always
+TimeoutStartSec=300
+
+[Install]
+# this will restart the container on boot, you have to run "loginctl enable-linger $USER" for this to be worky.
+WantedBy=default.target
+```
+{% end %}
+
+{{ subheading(text="Jellyfin") }}
+
+{% paragraph(class="m-8") %}
+Jellyfin is used to stream media from anywhere and on any devices as long as it has internet access.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/jellyfin.container") %}
+```ini
+[Unit]
+Description=Jellyfin Container
+
+[Container]
+Pod=starrs.pod #explained at the end.
+ContainerName=jellyfin
+Image=ghcr.io/linuxserver/jellyfin:latest
+
+# Enable auto-update container
+AutoUpdate=registry # for container auto-update feature, you don't need watchtower anymore
+EnvironmentFile=./.env # this file should be present in same location as this config file
+
+Volume=%h/podman/starrs/jellyfin:/config # resolves to ~/podman/starrs/jellyfin directory on host
+Volume=${DATA}/media:/data
+
+# gpu acceleration
+AddDevice=/dev/dri
+GroupAdd=989
+
+[Service]
+# this below line is used to define all the variables above so that, all variables can be resolved
+EnvironmentFile=%h/.config/containers/systemd/starrs/.env
+Restart=always
+TimeoutStartSec=300
+
+[Install]
+# this will restart the container on boot, you have to run "loginctl enable-linger $USER" for this to be worky.
+WantedBy=default.target
+```
+{% end %}
+
+{{ subheading(text="qBittorrent") }}
+
+{% paragraph(class="m-8") %}
+If you know torrent, you probably know this app.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/qBittorrent.container") %}
+```ini
+[Unit]
+Description=qBittorrent Container
+
+[Container]
+Pod=starrs.pod #explained at the end.
+ContainerName=qbittorrent
+Image=ghcr.io/linuxserver/qbittorrent:latest
+
+# Enable auto-update container
+AutoUpdate=registry # for container auto-update feature, you don't need watchtower anymore
+EnvironmentFile=./.env # this file should be present in same location as this config file
+Environment=WEBUI_PORT=9090
+Environment=TORRENTING_PORT=6881
+Environment=DOCKER_MODS=ghcr.io/vuetorrent/vuetorrent-lsio-mod:latest
+
+Volume=%h/podman/starrs/qbittorrent:/config # resolves to ~/podman/starrs/qbittorrent directory on host
+Volume=${DATA}/downloads:/downloads
+
+[Service]
+# this below line is used to define all the variables above so that, all variables can be resolved
+EnvironmentFile=%h/.config/containers/systemd/starrs/.env
+Restart=always
+TimeoutStartSec=300
+
+[Install]
+# this will restart the container on boot, you have to run "loginctl enable-linger $USER" for this to be worky.
+WantedBy=default.target
+```
+{% end %}
+
+{{ subheading(text="Important") }}
+
+{% paragraph(class="m-8") %}
+Podman has this feature called Pods, which can group multiple containers and create a virtual system in which container can access to each other using localhost, instead of their name. This also helps in which port needs to be bind with host for outside access.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/starrs.pod") %}
+```ini
+[Unit]
+Description=STARRs Pod (Radarr, Sonarr, Bazarr, Prowlarr, qBittorrent, Jellyfin)
+
+[Pod]
+PodName=starrs
+# you can specify which ports to bind to host
+#PublishPort=7878:7878
+#PublishPort=8989:8989
+#PublishPort=6767:6767
+#PublishPort=9696:9696
+#PublishPort=9091:9091
+#PublishPort=51413:51413
+#PublishPort=51413:51413/udp
+#PublishPort=8096:8096
+#PublishPort=7359:7359/udp
+#PublishPort=1900:1900/udp
+
+# or you can make the pod network use the host network.
+Network=host
+```
+{% end %}
+
+{% paragraph(class="m-8") %}
+And the ENV file, How can we forget that.
+{% end %}
+
+{% code(file="~/.config/containers/systemd/.env") %}
+```sh
+PUID=0 # set to 0 to run with podman rootless without uidmap
+PGID=0 # set to 0 to run with podman rootless without uidmap
+TZ=Etc/UTC
+DATA=/path/to/data
+```
+{% end %}
+
+{% paragraph(class="m-8") %}
+The directory structure should be like this.
+{% end %}
+
+{% code() %}
+```
+data
+├── downloads
+│ ├── complete
+│ │ ├── radarr
+│ │ └── tv-sonarr
+│ └── incomplete
+├── media
+│ ├── movies
+│ └── tv
+└── watch
+```
+{% end %}

tailwind.css

@@ -1 +1,30 @@
 @import "tailwindcss";
+
+pre {
+  padding: 1rem;
+  overflow: auto;
+  border-radius: 20px;
+}
+/* The line numbers already provide some kind of left/right padding */
+pre[data-linenos] {
+  padding: 1rem 0;
+}
+pre table td {
+  padding: 0;
+}
+/* The line number cells */
+pre table td:nth-of-type(1) {
+  text-align: center;
+  vertical-align: top;
+  user-select: none;
+}
+pre mark {
+  /* If you want your highlights to take the full width */
+  display: block;
+  /* The default background colour of a mark is bright yellow */
+  background-color: rgba(254, 252, 232, 0.9);
+}
+pre table {
+  width: 100%;
+  border-collapse: collapse;
+}

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.startsWith('http')) {
-        if (decoded.includes("@") && !decoded.startsWith('http')) {
+            link.href = `#`;
-            // Email
-            link.href = `mailto:${decoded}`;
             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>