style: Refactor team member card structure for improved readability and maintainability
This commit is contained in:
+16
-15
@@ -11,27 +11,28 @@
|
||||
<section class="team-grid" aria-label="Team Cards">
|
||||
{% if team_members and team_members|length > 0 %}
|
||||
{% for member in team_members %}
|
||||
<article class="member-card">
|
||||
{% if member and member.photo %}
|
||||
<img class="member-photo" src="{{ url_for('static', filename=member.photo) }}" alt="Teamfoto {{ member.name }}">
|
||||
{% endif %}
|
||||
|
||||
<div class="member-content">
|
||||
<p class="member-slot">Teammitglied</p>
|
||||
<h2>{{ member.name }}</h2>
|
||||
<p class="member-role">{{ member.role }}</p>
|
||||
<p><strong>Arbeit:</strong> {{ member.work }}</p>
|
||||
{% if member.bio %}
|
||||
<p>{{ member.bio }}</p>
|
||||
<article class="member-card">
|
||||
{% if member and member.photo %}
|
||||
<img class="member-photo" src="{{ url_for('static', filename=member.photo) }}" alt="Teamfoto {{ member.name }}">
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<div class="member-content">
|
||||
<p class="member-slot">Teammitglied</p>
|
||||
<h2>{{ member.name }}</h2>
|
||||
<p class="member-role">{{ member.role }}</p>
|
||||
<p><strong>Arbeit:</strong> {{ member.work }}</p>
|
||||
{% if member.bio %}
|
||||
<p>{{ member.bio }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
{% if not team_members or team_members|length == 0 %}
|
||||
<p>Derzeit sind keine Teammitglieder eingetragen. </p>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<section class="values">
|
||||
<h2>Arbeitsprinzipien</h2>
|
||||
|
||||
Reference in New Issue
Block a user