marwinm/website
3
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"Refactor UIKern:000:2 amend template.pycache__/app.00/app.c file modifications to enhance user experience in-0000usability."

Browse Source
This commit is contained in:
Till Tomczak
2025-05-02 19:53:04 +02:00
parent 700a8a3b89
commit bfa155628e
2 changed files with 154 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
__pycache__/app.cpython-313.pyc
View File

Binary file not shown.

196
templates/profile.html
View File

@@ -4,17 +4,53 @@
{% block extra_css %} {% block extra_css %}
<style> <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 */ /* Grundstile für das Profil mit verbessertem Glasmorphismus */
.profile-container { .profile-container {
background: rgba(24, 28, 45, 0.75); background: rgba(24, 28, 45, 0.75);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
-webkit-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; 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; padding: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
transition: all 0.3s ease; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
} }
.profile-container:hover { .profile-container:hover {
@@ -189,34 +225,62 @@
overflow-x: auto; overflow-x: auto;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: rgba(179, 143, 255, 0.5) rgba(255, 255, 255, 0.05); 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 { .profile-tab {
padding: 1rem 1.5rem; padding: 0.75rem 1.25rem;
font-weight: 600; font-weight: 600;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
transition: all 0.3s ease; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
border-radius: 12px;
position: relative;
overflow: hidden;
} }
.profile-tab:hover { .profile-tab:hover {
color: rgba(255, 255, 255, 0.9); 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 { .profile-tab.active {
color: #b38fff; color: #b38fff;
border-bottom: 3px solid #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 */ /* Aktivitäten und Beiträge */
.activity-feed { .activity-feed {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1.25rem; gap: 1.5rem;
padding: 0.5rem;
} }
.activity-card { .activity-card {
@@ -224,15 +288,18 @@
border-radius: 20px; border-radius: 20px;
overflow: hidden; overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1); 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); backdrop-filter: blur(15px);
-webkit-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 { .activity-card:hover {
transform: translateY(-3px); transform: translateY(-5px);
border: 1px solid rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 0 15px rgba(179, 143, 255, 0.15); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25),
0 8px 24px rgba(179, 143, 255, 0.15);
} }
.activity-header { .activity-header {
@@ -418,18 +485,49 @@
color: #4a5568; color: #4a5568;
} }
body:not(.dark) .stat-item, /* Light Mode Statistik-Karten */
body:not(.dark) .settings-input { body:not(.dark) .stat-item {
background: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.95);
border: 1px solid rgba(0, 0, 0, 0.05); 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 { 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 { 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 { body:not(.dark) .profile-tab {
@@ -616,50 +714,60 @@
</div> </div>
<!-- Statistiken --> <!-- 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 --> <!-- Gedanken -->
<div class="stat-item"> <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"> <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"></i> <i class="fas fa-lightbulb text-xl text-gradient-purple-blue"></i>
</div> </div>
<div class="stat-value">{{ stats.thought_count if stats and stats.thought_count else 0 }}</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">
<div class="stat-label">Gedanken</div> {{ stats.thought_count if stats and stats.thought_count else 0 }}
</div>
<div class="stat-label text-sm text-gray-400">Gedanken</div>
</div> </div>
<!-- Verbindungen --> <!-- Verbindungen -->
<div class="stat-item"> <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"> <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"></i> <i class="fas fa-project-diagram text-xl text-gradient-blue-cyan"></i>
</div> </div>
<div class="stat-value">{{ stats.connections_count if stats and stats.connections_count else 0 }}</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">
<div class="stat-label">Verbindungen</div> {{ stats.connections_count if stats and stats.connections_count else 0 }}
</div>
<div class="stat-label text-sm text-gray-400">Verbindungen</div>
</div> </div>
<!-- Follower --> <!-- Follower -->
<div class="stat-item"> <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"> <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"></i> <i class="fas fa-users text-xl text-gradient-cyan-teal"></i>
</div> </div>
<div class="stat-value">{{ stats.followers_count if stats and stats.followers_count else 0 }}</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">
<div class="stat-label">Follower</div> {{ stats.followers_count if stats and stats.followers_count else 0 }}
</div>
<div class="stat-label text-sm text-gray-400">Follower</div>
</div> </div>
<!-- Beiträge --> <!-- Beiträge -->
<div class="stat-item"> <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"> <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"></i> <i class="fas fa-comment-dots text-xl text-gradient-teal-green"></i>
</div> </div>
<div class="stat-value">{{ stats.contributions_count if stats and stats.contributions_count else 0 }}</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">
<div class="stat-label">Beiträge</div> {{ 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> </div>
<!-- Bewertung --> <!-- Bewertung -->
<div class="stat-item"> <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"> <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"></i> <i class="fas fa-star text-xl text-gradient-green-yellow"></i>
</div> </div>
<div class="stat-value">{{ stats.rating if stats and stats.rating else '0.0' }}</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">
<div class="stat-label">Bewertung</div> {{ 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> </div>
</div> </div>