From 4d0504f69fc185035f2dbaacba38ca5421f0c5b3 Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Tue, 4 Nov 2025 23:44:44 +0100
Subject: [PATCH] :lipstick: Add documentation and emojis in About

---
 .../components/dashboard/dashboard.component.html  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/src/app/components/dashboard/dashboard.component.html b/src/src/app/components/dashboard/dashboard.component.html
index e6e0f53..792a720 100644
--- a/src/src/app/components/dashboard/dashboard.component.html
+++ b/src/src/app/components/dashboard/dashboard.component.html
@@ -192,22 +192,28 @@
           </div>
 
           <div class="flex flex-col md:flex-row justify-center md:justify-start items-center gap-4 mt-8 md:mt-4">
-            <a href="https://ko-fi.com/itskovacs" target="_blank" class="custom-button flex items-center">Support
-              TRIP ☕</a>
+            <a href="https://itskovacs.github.io/trip/docs/intro" target="_blank"
+              class="custom-button flex items-center">📘 Documentation</a>
+            <span class="text-center text-gray-400">Learn more here</span>
+          </div>
+
+          <div class="flex flex-col md:flex-row justify-center md:justify-start items-center gap-4 mt-8 md:mt-4">
+            <a href="https://ko-fi.com/itskovacs" target="_blank" class="custom-button flex items-center">☕ Support
+              TRIP</a>
             <span class="text-center text-gray-400">Support development through optional donations. Thank you!</span>
           </div>
 
           <div class="flex flex-col md:flex-row justify-center md:justify-start items-center gap-4 mt-8 md:mt-4">
             @if (this.info?.update) {
             <button class="custom-button orange" (click)="toGithub()">
-              Open Github
+              🚀 Open Github
             </button>
             <div class="text-center text-gray-400">TRIP {{ this.info?.update }} available on
               Github. <a [href]="'https://github.com/itskovacs/trip/releases/tag/' + this.info?.update"
                 class="text-blue-500 font-semibold" target="_blank">Changelog</a></div>
             } @else {
             <button class="custom-button" (click)="check_update()">
-              Check for updates
+              👀 Check for updates
             </button>
             <span class="text-center flex items-center gap-2 text-gray-400">TRIP {{ info?.version }}</span>
             }