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

✨ feat: update profile template and remove compiled Python file

Browse Source
This commit is contained in:
Till Tomczak
2025-05-02 18:42:56 +02:00
parent 084059449f
commit daf2704253
2 changed files with 82 additions and 35 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.

117
templates/profile.html
View File

@@ -381,103 +381,143 @@
}
/* Light Mode Anpassungen */
html.light .profile-container,
html.light .profile-tabs,
html.light .activity-card,
html.light .settings-card {
background: rgba(255, 255, 255, 0.85);
body:not(.dark) .profile-container,
body:not(.dark) .profile-tabs,
body:not(.dark) .activity-card,
body:not(.dark) .settings-card {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
html.light .avatar-container {
body:not(.dark) .glass-card {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
body:not(.dark) .avatar-container {
background: rgba(255, 255, 255, 0.9);
border: 3px solid rgba(126, 63, 242, 0.3);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 0 15px rgba(126, 63, 242, 0.15);
}
html.light .user-info h1 {
body:not(.dark) .user-info h1 {
background: linear-gradient(135deg, #7e3ff2, #3282f6);
text-shadow: none;
}
html.light .user-bio,
html.light .activity-content {
body:not(.dark) .user-bio,
body:not(.dark) .activity-content {
color: #1a202c;
text-shadow: none;
}
html.light .user-meta span {
body:not(.dark) .user-meta span {
color: #4a5568;
}
html.light .stat-item,
html.light .settings-input {
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);
}
html.light .stat-value {
body:not(.dark) .stat-value {
background: linear-gradient(135deg, #7e3ff2, #3282f6);
}
html.light .stat-label {
body:not(.dark) .stat-label {
color: #4a5568;
}
html.light .profile-tab {
body:not(.dark) .profile-tab {
color: #4a5568;
}
html.light .profile-tab:hover {
body:not(.dark) .profile-tab:hover {
background: rgba(0, 0, 0, 0.03);
color: #1a202c;
}
html.light .profile-tab.active {
body:not(.dark) .profile-tab.active {
color: #7e3ff2;
border-bottom: 3px solid #7e3ff2;
background: rgba(126, 63, 242, 0.08);
}
html.light .activity-title,
html.light .settings-card-header,
html.light .settings-label {
body:not(.dark) .activity-title,
body:not(.dark) .settings-card-header,
body:not(.dark) .settings-label {
color: #1a202c;
}
html.light .activity-date {
body:not(.dark) .activity-date {
color: #718096;
}
html.light .activity-footer {
body:not(.dark) .activity-footer {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
html.light .reaction-button {
body:not(.dark) .reaction-button {
color: #4a5568;
background: rgba(0, 0, 0, 0.03);
}
html.light .reaction-button:hover {
body:not(.dark) .reaction-button:hover {
background: rgba(126, 63, 242, 0.1);
color: #7e3ff2;
}
html.light .reaction-button.active {
body:not(.dark) .reaction-button.active {
background: rgba(126, 63, 242, 0.15);
color: #7e3ff2;
}
html.light .action-button {
body:not(.dark) .action-button {
background: rgba(126, 63, 242, 0.1);
color: #7e3ff2;
border: 1px solid rgba(126, 63, 242, 0.2);
}
html.light .action-button:hover {
body:not(.dark) .action-button:hover {
background: rgba(126, 63, 242, 0.2);
}
/* Verbesserte Styles für Card-Items im Light Mode */
body:not(.dark) .thought-item,
body:not(.dark) .mindmap-item,
body:not(.dark) .collection-item {
background: white !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
body:not(.dark) .thought-item:hover,
body:not(.dark) .mindmap-item:hover,
body:not(.dark) .collection-item:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
border: 1px solid rgba(126, 63, 242, 0.2) !important;
}
body:not(.dark) .edit-profile-btn {
background: #7e3ff2;
color: white;
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 500;
transition: all 0.2s ease;
border: none;
}
body:not(.dark) .edit-profile-btn:hover {
background: #6d28d9;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(109, 40, 217, 0.25);
}
</style>
{% endblock %}
@@ -660,20 +700,27 @@
{% if user_mindmaps %}
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{% for mindmap in user_mindmaps %}
<div class="mindmap-item bg-opacity-70 bg-gray-800 rounded-xl overflow-hidden border border-gray-700 transition-all duration-300 hover:transform hover:scale-105 hover:shadow-lg">
<div class="mindmap-item bg-opacity-70 rounded-xl overflow-hidden border transition-all duration-300 hover:transform hover:scale-105 hover:shadow-lg"
x-bind:class="darkMode ? 'bg-gray-800/80 border-gray-700/60' : 'bg-white/90 border-gray-200/60'">
<div class="p-5">
<h3 class="text-xl font-bold text-purple-400 mb-2">{{ mindmap.name }}</h3>
<p class="text-gray-300 mb-4 text-sm">{{ mindmap.description }}</p>
<div class="flex justify-between items-center text-xs text-gray-400">
<h3 class="text-xl font-bold mb-2"
x-bind:class="darkMode ? 'text-purple-400' : 'text-purple-700'">{{ mindmap.name }}</h3>
<p class="mb-4 text-sm"
x-bind:class="darkMode ? 'text-gray-300' : 'text-gray-600'">{{ mindmap.description }}</p>
<div class="flex justify-between items-center text-xs"
x-bind:class="darkMode ? 'text-gray-400' : 'text-gray-500'">
<span>Erstellt: {{ mindmap.created_at.strftime('%d.%m.%Y') }}</span>
<span>Zuletzt bearbeitet: {{ mindmap.last_modified.strftime('%d.%m.%Y') }}</span>
</div>
</div>
<div class="bg-gray-900 p-3 border-t border-gray-700 flex justify-between">
<a href="{{ url_for('mindmap') }}?id={{ mindmap.id }}" class="text-purple-400 hover:text-purple-300 transition-colors">
<div class="p-3 border-t flex justify-between"
x-bind:class="darkMode ? 'bg-gray-900/80 border-gray-700/60' : 'bg-gray-50/80 border-gray-200/60'">
<a href="{{ url_for('mindmap') }}?id={{ mindmap.id }}" class="transition-colors"
x-bind:class="darkMode ? 'text-purple-400 hover:text-purple-300' : 'text-purple-600 hover:text-purple-500'">
<i class="fas fa-eye mr-1"></i> Anzeigen
</a>
<a href="{{ url_for('edit_mindmap', mindmap_id=mindmap.id) }}" class="text-blue-400 hover:text-blue-300 transition-colors">
<a href="{{ url_for('edit_mindmap', mindmap_id=mindmap.id) }}" class="transition-colors"
x-bind:class="darkMode ? 'text-blue-400 hover:text-blue-300' : 'text-blue-600 hover:text-blue-500'">
<i class="fas fa-edit mr-1"></i> Bearbeiten
</a>
</div>
@@ -709,7 +756,7 @@
<div class="text-center py-12">
<i class="fas fa-folder-open text-5xl text-gray-400 mb-4"></i>
<p class="text-gray-500">Noch keine Sammlungen erstellt</p>
<a href="{{ url_for('create_collection') }}" class="mt-4 inline-block px-4 py-2 bg-purple-600 text-white rounded-lg">Erste Sammlung erstellen</a>
<a href="{{ url_for('profile') }}" class="mt-4 inline-block px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors">Zurück zum Profil</a>
</div>
{% endif %}
</div>