feat(template): add logo on email templates

sudip-khanal · sudip-khanal · commit c34d82cee8f6 · 2026-04-08T15:58:54.000+05:45
diff --git a/apps/common/templatetags/__init__.py b/apps/common/templatetags/__init__.py
diff --git a/apps/common/templatetags/custom_tags.py b/apps/common/templatetags/custom_tags.py
@@ -0,0 +1,15 @@
+from django import template
+from django.conf import settings
+from django.templatetags.static import static
+
+register = template.Library()
+
+
+@register.filter(is_safe=True)
+def static_full_path(path):
+    static_path = static(path)
+    # Domain from URL object
+    domain = f"{settings.APP_DOMAIN.scheme}://{settings.APP_DOMAIN.hostname}"
+    if settings.APP_DOMAIN.port:
+        domain += f":{settings.APP_DOMAIN.port}"
+    return f"{domain}{static_path}"
diff --git a/main/settings.py b/main/settings.py
@@ -76,7 +76,7 @@
 APP_ENVIRONMENT = env("APP_ENVIRONMENT").upper()
 APP_TYPE = env("APP_TYPE").upper()
 SECRET_KEY = env("DJANGO_SECRET_KEY")
-
+STATICFILES_DIRS = (str(BASE_DIR.joinpath("static")),)
 DEBUG = env("DEBUG")
 
 ALLOWED_HOSTS = [
diff --git a/static/images/rc-select-logo.png b/static/images/rc-select-logo.png
diff --git a/templates/email/base.html b/templates/email/base.html
@@ -1,10 +1,9 @@
-<!DOCTYPE html>
-<html lang="en">
+
+<html>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{% block title %}RC Select{% endblock %}</title>
-
   <style>
     body {
       margin: 0;
diff --git a/templates/email/contact_request.html b/templates/email/contact_request.html
@@ -1,9 +1,14 @@
 {% extends "email/base.html" %}
 
 {% block content %}
+{% load custom_tags %}
 <div style="margin-bottom: 20px;">
-  <!-- TODO: Add Logo link here -->
-  <img src="../assets/logos.png" alt="logos" style="width: 100%; max-width: 600px; height: auto; display: block;">
+ <img
+    alt="image description" height="auto"
+    src="{{ 'images/rc-select-logo.png' | static_full_path }}"
+    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:30%;font-size:14px;"
+    width="10"
+        />
 </div>
 
 <p style="font-size: 14px; margin-bottom: 15px; font-weight: bold; font-family: Arial, sans-serif; color: #000000;">
@@ -18,11 +23,11 @@
   <li style="margin-bottom: 8px;">
     <strong style="color: #000000;">Name:</strong> {{ name }}
   </li>
-  
+
   <li style="margin-bottom: 8px;">
     <strong style="color: #000000;">Email:</strong> {{ email }}
   </li>
-  
+
   <li style="margin-bottom: 8px;">
     <strong style="color: #000000;">National Society:</strong> {{ national_society }}
   </li>
diff --git a/templates/email/request_demo.html b/templates/email/request_demo.html
@@ -1,24 +1,23 @@
 {% extends "email/base.html" %}
 
 {% block content %}
-
+{% load custom_tags %}
 <div style="margin-bottom: 20px;">
-  <!-- TODO: Add Logo link here -->
-  <img src="../assets/logos.png" alt="logos" style="width: 100%; max-width: 600px; height: auto; display: block;">
+ <img
+    alt="image description" height="auto"
+    src="{{ 'images/rc-select-logo.png' | static_full_path }}"
+    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:30%;font-size:14px;"
+    width="10"
+        />
 </div>
 
 <p style="font-size: 14px; margin-bottom: 15px; font-weight: bold; font-family: Arial, sans-serif; color: #000000;">
   You got a new Request for Demo!
 </p>
 
-<!-- TODO: Add tool owner name here -->
-<div style="font-size: 14px; margin-bottom: 15px; font-family: Arial, sans-serif; color: #000000;">
-  Hi {{name}},
-</div>
-
 <!-- TODO: Add tool name here -->
 <div style="font-size: 14px; margin-bottom: 15px; font-family: Arial, sans-serif; color: #000000;">
-  You've received a new demo request from a user through {{name}}:
+  You've received a new demo request from a user through {{tool}}
 </div>
 
 <div style="font-size: 14px; margin-bottom: 15px; font-family: Arial, sans-serif; color: #000000;">
@@ -29,11 +28,11 @@
   <li style="margin-bottom: 8px;">
     <strong style="color: #000000;">Name:</strong> {{ name }}
   </li>
-  
+
   <li style="margin-bottom: 8px;">
     <strong style="color: #000000;">Email:</strong> {{ email }}
   </li>
-  
+
   <li style="margin-bottom: 8px;">
     <strong style="color: #000000;">National Society:</strong> {{ national_society }}
   </li>
