From bfa155628e03117a292b86c8a9a424f820d730d4 Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Fri, 2 May 2025 19:53:04 +0200
Subject: [PATCH] "Refactor UIKern:000:2 amend template.pycache__/app.00/app.c
 file modifications to enhance user experience in-0000usability."

---
 __pycache__/app.cpython-313.pyc | Bin 82147 -> 83042 bytes
 templates/profile.html          | 200 ++++++++++++++++++++++++--------
 2 files changed, 154 insertions(+), 46 deletions(-)

diff --git a/__pycache__/app.cpython-313.pyc b/__pycache__/app.cpython-313.pyc
index 8178580503e36d39a8f6c20691f8d007dc8e1980..cbfd81530735d3cf09faed5a7a1d136830c77d17 100644
GIT binary patch
delta 1766
zcmah|ZERCz6u#$nw<{aBwB7B#*v8#p*+$o{ZY%)?jE?a!VRKNbA-IgY_GP`Hy(RCx
zWwIYGN<t?7(JbUH!9+vUfH8iAA6HF86Jx*_V55+cxkRJ>&}gJ_LPUP(d5cBn1pDLd
z^PY2_=RD`U?RU=!-;N8;c~LCl@M9Oe@g45>o!vM2A;(1ar@C`TZcf<iuX3E`3a<^X
z+bL=8{XSO7J`q<t+(Vit;-0Aex@xmlvcK$Jh~vUrA|5B##^;M<?txr)q-0?(yfxz4
z(=wriE6si<6tpT5$L%k?uf>PA1tG5#-oA#{`4wDvo#qO;R&n7S|HJKhfcyBrxH}hc
zYhreEzANJCz}AaA^iI5TyVAM9Rv(6Z@Wi=`w?A^ghKXZ;j*pFsVMB=?lJ`<2O4iHt
z2i#J+2lcvDB8RktR2e36TruR)w46{hybP0=k|xv$$X%*o5cvq9dO8{>njA(7(PjPc
zXRjNC%7khpZ3NWcQF641Dp;FPld3VgC)D5L--GvrI)-;Fq(qIz?<<Zd)X2-J8lv7*
zl4ypU)?$mh{oRFLW?j6hhMhGfA?t*qF(#d&v$pnNaCGZdT~>AMrlQka_8^ImC9p_I
z9~>qICD=3|M>M3$dx?^iN76J#<RPLd(KuxW)nOx$Cb*m~qRKHWdy-Iv4iVKzYr}F+
zoMI@yvwW*<B)+J}KZ~n*)aIJXPm1u)l35{<8X>evI{7gW_{CfaP}eYz<Iak?@dlGb
z*YTNVi*@#tg9dv_9e<LXESr4*{$h^jxHkok(^m`Dae#K4ZM`6w=L=v!$l5un(yS5S
z#8`zOedQ>hD_=etI%OXhZ<MZ>DP28Xx;j(ZJYM|0L!5H8yeFO+n{swub8Mb-h%bqg
zhb9N6oW5(0W|Ud#ofK!vebeQ>Ou0W(?4K*Cyx}UFs)%K6e3f&a<E3TaxJt4DFG;sJ
zUX+mHtehN}sSZw82Q$^JV;QkE&q+RlQ-4OBY3!J8?8r23%!nI5^<MO6LQmzH2Oh%w
zt%#GBqn|9tRfhQgD%yvh?q*wX3xDW4ad}^?4;A-%xG(Kp?CX-Js6Sx4R28c3Z?aup
z2Y9*MS%>&aEyGtD8WB$|V|dEzWO!u`Hwpa#D`<yKM;X0^Z+6y3ud}BsJVcI;q-c!Z
zF~^;-3Hq!HPFM?q9iM8q`GN-;ET0QRu-h;|3(QS!D9t4Y&3$fYghKOqH%wP8#cWdn
z9Y#sI22ImAJC-qy%S?H|o8t^I!R_ENr#<lUBE^(>tR$!Sb_rZqpcs6pqG6tupa&J_
zCHNffm>+s!OVQ8F1v|D`_ELDpCe)#i<JPeXcnNA(A=WX+$+Qp8*`nmpK_wbZr8R@r
zW9~(3&2m@?LIdJS>**>mcp-rJRqJ{U{OEu-^OFX6P3XYTc`Mcktu|pJ;xg-$4|otd
z5m#BKo52S{7vg&Bsvib<=r&t}&?#)kkk334gtx$F)jkH@d~q{|=x#Ql-#pv~6>!%&
z(FPyD0rqdnjX|0JoH@!|QD%p}%NTF432Zd2QRas-Ba}IytTkoL=q^^*%Z}W*jt$9F
iES(^msAipRhrLVO13XCcHjZz}@(lj^tX0?vbMO~L_|9zr

delta 994
zcma)4TS!zv7(V~Zj(c|3U61Q!cf-ov6faA-=B3p{@j_8~NmM8-OjI(|HOBixSPzCo
zM6$&6=u1%srK~aHdqjk?lA)|ZlD(9Kiz3p6YDO`zmpX9%`R4n-`M+;C=ff~ry-6&a
zX0uTd&u1LhI%1x%l&zy{dVhG$73f{}M<icR6rWb(t;stZ>x-_pNu_*hO6%RbNKxuE
zf99ag^ru%B?RUOU@Z`X*AW^B;?@4RW{)2lOi;{)>cemY87MR|iRw4F&4-BI;8+(A@
z8A`LVDhw^~g}uPwGHi&!T~;xY{lsw8^h0bP5kXzo@mw9`V4OlU=F`I^yb|MJK|S0a
z)Dvw<wJ)pYpq4R-$BP3IkNblb@4T8PxZ$e{7T27`_12O!uO@$tieHS33EFZeyQVS&
zz2mLHxS}vdcH^dkG}B6CRG1)5+ftB0`yMul!QZ-4M3&e2#ik0Y@+P80E;CkRWe%Q6
zD7I93@NBvP#BSC@Ds%XR0g6;dh_rY1wa_P+z7y#~`nHyVzE0Xqx0&7wg>ZtOw1O81
zMv79%)ObkYV=-U`=P#kAAlNP}JQEXd&`Pn=1xZVBIa`c{RM0VqgSlLTVA6E-itJ`f
zU8^jSf~96TL%d?fUn8od-zkV<=i*`HpN1D1vh5hUZSZQJq33@M8(FFyP76b7hnKL;
zybdTeuF1@@Wbq*f^kZ^Z2IlA>+ykdmV$oA}vxkfw0}YK$O`ScyZt4=fejYdkM}Q;=
zJj9m{LpLIBf$#8I7kpB|!wTInO1y%4%2(ZR43m6;b^JgEARq+-8@SU0ZXiVhTX}UR
zG$1Hu6IoD1$^>O+TUjs$seCjW%8)5dP_$ZJIGwHMf&;#C!*Q5`%ktmcxdxT_cfwJb
zipn_jxjgYuln|ypJ}UE28HCCNR9aJMM$4tHLKgY8Lux@sXLC<`OCfFJ&OE3!M4v&R
SZDIvwgpq_B=lQJ?SccySOWgqg

diff --git a/templates/profile.html b/templates/profile.html
index 3a14cab..68e8b04 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -4,17 +4,53 @@
 
 {% block extra_css %}
 <style>
+  /* Gradient Text Styles */
+  .text-gradient-purple-blue {
+    background: linear-gradient(135deg, #b38fff, #58a9ff);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-blue-cyan {
+    background: linear-gradient(135deg, #58a9ff, #38bdf8);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-cyan-teal {
+    background: linear-gradient(135deg, #38bdf8, #14b8a6);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-teal-green {
+    background: linear-gradient(135deg, #14b8a6, #22c55e);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-green-yellow {
+    background: linear-gradient(135deg, #22c55e, #eab308);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
   /* Grundstile für das Profil mit verbessertem Glasmorphismus */
   .profile-container {
     background: rgba(24, 28, 45, 0.75);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
-    border: 1px solid rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: 24px;
-    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
+    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35),
+                0 8px 16px rgba(179, 143, 255, 0.1);
     padding: 2rem;
     margin-bottom: 2rem;
-    transition: all 0.3s ease;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   }
   
   .profile-container:hover {
@@ -189,34 +225,62 @@
     overflow-x: auto;
     scrollbar-width: thin;
     scrollbar-color: rgba(179, 143, 255, 0.5) rgba(255, 255, 255, 0.05);
+    padding: 0.5rem;
+    background: rgba(24, 28, 45, 0.4);
+    border-radius: 16px 16px 0 0;
+    gap: 0.5rem;
   }
   
   .profile-tab {
-    padding: 1rem 1.5rem;
+    padding: 0.75rem 1.25rem;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.7);
     border-bottom: 3px solid transparent;
-    transition: all 0.3s ease;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
     white-space: nowrap;
+    border-radius: 12px;
+    position: relative;
+    overflow: hidden;
   }
   
   .profile-tab:hover {
     color: rgba(255, 255, 255, 0.9);
-    background: rgba(255, 255, 255, 0.05);
+    background: rgba(255, 255, 255, 0.1);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  }
+
+  .profile-tab::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, rgba(179, 143, 255, 0.1), rgba(88, 169, 255, 0.1));
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
+
+  .profile-tab:hover::before {
+    opacity: 1;
   }
   
   .profile-tab.active {
     color: #b38fff;
     border-bottom: 3px solid #b38fff;
-    background: rgba(179, 143, 255, 0.1);
+    background: rgba(179, 143, 255, 0.15);
+    box-shadow: 0 4px 15px rgba(179, 143, 255, 0.2);
+    transform: translateY(-2px);
   }
   
   /* Aktivitäten und Beiträge */
   .activity-feed {
     display: flex;
     flex-direction: column;
-    gap: 1.25rem;
+    gap: 1.5rem;
+    padding: 0.5rem;
   }
   
   .activity-card {
@@ -224,15 +288,18 @@
     border-radius: 20px;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.1);
-    transition: all 0.3s ease;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     backdrop-filter: blur(15px);
     -webkit-backdrop-filter: blur(15px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1),
+                0 4px 8px rgba(179, 143, 255, 0.05);
   }
   
   .activity-card:hover {
-    transform: translateY(-3px);
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 0 15px rgba(179, 143, 255, 0.15);
+    transform: translateY(-5px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25),
+                0 8px 24px rgba(179, 143, 255, 0.15);
   }
   
   .activity-header {
@@ -418,18 +485,49 @@
     color: #4a5568;
   }
   
-  body:not(.dark) .stat-item,
-  body:not(.dark) .settings-input {
-    background: rgba(255, 255, 255, 0.7);
-    border: 1px solid rgba(0, 0, 0, 0.05);
+  /* Light Mode Statistik-Karten */
+  body:not(.dark) .stat-item {
+    background: rgba(255, 255, 255, 0.95);
+    border: 1px solid rgba(0, 0, 0, 0.08);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   }
-  
+
+  body:not(.dark) .stat-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1),
+                0 4px 8px rgba(126, 63, 242, 0.1);
+    border-color: rgba(126, 63, 242, 0.2);
+  }
+
+  body:not(.dark) .stat-icon {
+    background: rgba(126, 63, 242, 0.1);
+  }
+
   body:not(.dark) .stat-value {
-    background: linear-gradient(135deg, #7e3ff2, #3282f6);
+    background: linear-gradient(135deg, #7c3aed, #3b82f6);
+    color: transparent;
+    -webkit-background-clip: text;
+    background-clip: text;
   }
-  
+
   body:not(.dark) .stat-label {
-    color: #4a5568;
+    color: #64748b;
+  }
+
+  /* Light Mode Einstellungen */
+  body:not(.dark) .settings-input {
+    background: rgba(255, 255, 255, 0.95);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    color: #1e293b;
+  }
+
+  body:not(.dark) .settings-input:focus {
+    border-color: rgba(124, 58, 237, 0.4);
+    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
+  }
+
+  body:not(.dark) .settings-input::placeholder {
+    color: #94a3b8;
   }
   
   body:not(.dark) .profile-tab {
@@ -616,50 +714,60 @@
     </div>
     
     <!-- Statistiken -->
-    <div class="profile-stats">
+    <div class="profile-stats grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mt-6">
       <!-- Gedanken -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-lightbulb"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-purple-500/20 to-blue-500/20 mb-3">
+          <i class="fas fa-lightbulb text-xl text-gradient-purple-blue"></i>
         </div>
-        <div class="stat-value">{{ stats.thought_count if stats and stats.thought_count else 0 }}</div>
-        <div class="stat-label">Gedanken</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-purple-400 to-blue-400 bg-clip-text text-transparent">
+          {{ stats.thought_count if stats and stats.thought_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Gedanken</div>
       </div>
       
       <!-- Verbindungen -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-project-diagram"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-blue-500/20 to-cyan-500/20 mb-3">
+          <i class="fas fa-project-diagram text-xl text-gradient-blue-cyan"></i>
         </div>
-        <div class="stat-value">{{ stats.connections_count if stats and stats.connections_count else 0 }}</div>
-        <div class="stat-label">Verbindungen</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent">
+          {{ stats.connections_count if stats and stats.connections_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Verbindungen</div>
       </div>
       
       <!-- Follower -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-users"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-cyan-500/20 to-teal-500/20 mb-3">
+          <i class="fas fa-users text-xl text-gradient-cyan-teal"></i>
         </div>
-        <div class="stat-value">{{ stats.followers_count if stats and stats.followers_count else 0 }}</div>
-        <div class="stat-label">Follower</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent">
+          {{ stats.followers_count if stats and stats.followers_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Follower</div>
       </div>
       
       <!-- Beiträge -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-comment-dots"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-teal-500/20 to-green-500/20 mb-3">
+          <i class="fas fa-comment-dots text-xl text-gradient-teal-green"></i>
         </div>
-        <div class="stat-value">{{ stats.contributions_count if stats and stats.contributions_count else 0 }}</div>
-        <div class="stat-label">Beiträge</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-teal-400 to-green-400 bg-clip-text text-transparent">
+          {{ stats.contributions_count if stats and stats.contributions_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Beiträge</div>
       </div>
       
       <!-- Bewertung -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-star"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-green-500/20 to-yellow-500/20 mb-3">
+          <i class="fas fa-star text-xl text-gradient-green-yellow"></i>
         </div>
-        <div class="stat-value">{{ stats.rating if stats and stats.rating else '0.0' }}</div>
-        <div class="stat-label">Bewertung</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-green-400 to-yellow-400 bg-clip-text text-transparent">
+          {{ stats.rating if stats and stats.rating else '0.0' }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Bewertung</div>
       </div>
     </div>
   </div>