diff --git a/README.md b/README.md
index e69de29..e19ea29 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,13 @@
+### Step 1: Preparing configuration
+
+Prepare the `config.toml` at the base of the repository. It is important to adjust the database configuration as well as the `browser_path`.
+
+
+### Step 2: Install dependencies
+
+Use `pip install -r requirements.txt` to install the requirements. The usage of a venv is recommended.
+
+
+### Further
+
+![activity diagram](activity_diagram.svg)
\ No newline at end of file
diff --git a/activity_diagram.svg b/activity_diagram.svg
new file mode 100644
index 0000000..823e7b0
--- /dev/null
+++ b/activity_diagram.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than diagrams.net -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="421px" height="442px" viewBox="-0.5 -0.5 421 442" content="&lt;mxfile host=&quot;drawio-plugin&quot; modified=&quot;2026-03-21T16:38:10.227Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36&quot; etag=&quot;CLPcN5-eA_jbQwORrcrF&quot; version=&quot;22.1.22&quot; type=&quot;embed&quot;&gt;&lt;diagram id=&quot;23iRSUPoRavnBvh4doch&quot; name=&quot;Page-1&quot;&gt;3VlNb9s4EP01BnYPMfRl2T7GSdrtogEK5LDbU0FLtMSGIlWKiu399TsUSckUnW4WTozUOTji4wzJeXwcjuVJfFPtPgpUl/c8x3QSBfluEt9OomixmMOnAvYaSJJAA4UguYbCAXgg/2ADWrOW5LhxDCXnVJLaBTPOGM6kgyEh+NY123DqzlqjAnvAQ4aoj/5FclmasKL5gP+BSVHamcN0qXsqZI1NJE2Jcr49gOK7SXwjOJf6qdrdYKq4s7xovw/P9PYLE5jJlzgkZhlyb2PDOYRqmlzIkhecIXo3oCvBW5ZjNUAArcHmM+c1gCGA37GUe7NvqJUcoFJW1PTC2sT+b+U/ndnmVzNc17jdOa29aem1qgU+G62BGt6KzFhFRiBIFNhYxT3ToFDMKwyzgInAFEny5I6OjFaK3m6gEx4Mo8fZNVM/IdqaQX26KQXVKlq3JZH4oUbdurdwblzSUFNrKW/ITpFv2HjCQuLdz/nwIzUO0cLI0JxD29wOorYnszzQs8VOoSa9fOHFvvBmZxJe7AnvM0c5IG2DhUq8SCKV+ASvTGuNQITjLXEJ/w+BvoYeE1ePYeoLMozeSJGLy1fkzFfk8kRFGtcvnMC8/UbGgbuRcTTaIL0E4zXao34ZL9q2mSf1TwxELj2xA/XAxlOhHnFVQ3zvT/B9+xyCD0Mv/otT/NJXfBgc35JXT8JLT5l31RqrLCxLbOR5pQUJx4D3eEfWOxZpf5jPItL48kVqv9Y4Ko3OpFI7+YFMP2KGRac8rdE1UgFBGPnm3YkxCc4pxl+toE/OWNGHyVuSsyGU3nDKRTcQ1Bfq77VIm09nI9p65IA4W2ocEmexk4jzSxifOJZfqxcX0MooahqSuXy5x/Clacin5CDc2RGdWOzE8jAZH+Jxeaizo1ce+nXmWO9vV2eGqbdL19Bcq7dJXZlJGvhgGOf6ilf3eTEkUlWBfrn9MJ1EKQUyV2twSQvZbdYYuUePyqVpBbYjofx728i+RHjEe7sUAl6oUseHrZv66HgTxYoGmxoxR1npj1a9a1ptOJNXG1QRCnxcaw89rDH4E8uVQISpKO854+P+SQQUBhX0NPpUq2nXKHssOm1eZfrwqqFFsf5Ncakc1Ncu9T+Z/a5dxnZBog3C2HjMl9oy7Sc2UaZ9lLCXOlCX4V8u+DA1BuF8Zh6WwfHojQ6/1eoN44XR8EoacE4JYd08bEOKqeQVnXopFy4U6SbZRgr+iO0txDjDo4vJQIiSgqlMDdkWUkO8UtcTyRC9Nh0VyXP63C14LJWfdL+Ns228WEznR663Y1VTGk3//w0HzeENtk61w88A8d2/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 60 40 L 60 73.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 60 78.88 L 56.5 71.88 L 60 73.63 L 63.5 71.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="60" cy="20" rx="20" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 60 120 L 60 153.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 60 158.88 L 56.5 151.88 L 60 153.63 L 63.5 151.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="80" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 100px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Load user data from database</div></div></div></foreignObject><text x="60" y="104" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Load user data from...</text></switch></g><path d="M 60 200 L 60 233.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 60 238.88 L 56.5 231.88 L 60 233.63 L 63.5 231.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="160" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 180px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Insert user data to svg template</div></div></div></foreignObject><text x="60" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Insert user data to...</text></switch></g><path d="M 60 280 L 60 313.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 60 318.88 L 56.5 311.88 L 60 313.63 L 63.5 311.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="240" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 260px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Embed the user-svg into the html template</div></div></div></foreignObject><text x="60" y="264" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Embed the user-svg i...</text></switch></g><path d="M 60 360 L 60 393.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 60 398.88 L 56.5 391.88 L 60 393.63 L 63.5 391.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="320" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Generate user-badge pdf</div></div></div></foreignObject><text x="60" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Generate user-badge...</text></switch></g><ellipse cx="60" cy="420" rx="20" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><ellipse cx="60" cy="420" rx="12.5" ry="12.5" fill="#000000" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 200 340 L 146.37 340" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 141.12 340 L 148.12 336.5 L 146.37 340 L 148.12 343.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="200" y="308.75" width="220" height="62.5" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 340px; margin-left: 201px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">A browser is needed to generate a PDF.<br /><br />Make sure to adjust the key valuei <br /> <span style="font-family: &quot;JetBrains Mono&quot;, monospace; background-color: rgb(22, 28, 45); color: rgb(204, 132, 79);">`</span><span style="font-family: &quot;JetBrains Mono&quot;, monospace; background-color: rgb(22, 28, 45); color: rgb(168, 175, 190);">browser_path</span><span style="font-family: &quot;JetBrains Mono&quot;, monospace; background-color: rgb(22, 28, 45); color: rgb(204, 132, 79);">`</span> in config.toml.</div></div></div></foreignObject><text x="310" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">A browser is needed to generate a PD...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/ezgg_badge_generator.py b/ezgg_badge_generator.py
index ea1c9e5..bd879a5 100644
--- a/ezgg_badge_generator.py
+++ b/ezgg_badge_generator.py
@@ -11,6 +11,7 @@ async def main():
     badges = await db.get_user_badges()
 
     badge_generator = BadgeGeneratorService("config.toml")
+
     for user_badge in badges:
         badge_generator.generate_badge(
             user_name=user_badge["user_name"],
diff --git a/template/default_user_image.png b/template/default_user_image.png
new file mode 100644
index 0000000..265d8b5
Binary files /dev/null and b/template/default_user_image.png differ