Files
FTCWebsite/templates/contributors.html
abhiramtx d7532b7134 Improve image loading by handling different storage paths
Add a custom Jinja filter `image_url` to `app.py` to correctly resolve image paths from object storage or local static files, and update all relevant templates (members, sponsors, competitions, contributors) to use this new filter instead of the `url_for('static', filename=...)` function, ensuring images are displayed correctly regardless of their storage location.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cd9a7d26-a4e5-4215-975c-c59f4ed1f06d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a02b1418-2e19-496d-9921-3a4afe97ac0d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/cd9a7d26-a4e5-4215-975c-c59f4ed1f06d/05bPjFc
2025-12-13 21:43:34 +00:00

78 lines
3.1 KiB
HTML

{% extends "base.html" %}
{% block title %}Technical Turbulence - Team{% endblock %}
{% block content %}
<div class="contributors">
<!-- <div class="team-info"> -->
<!-- <div class="stats-container" id="stats2">
<h1 class="heading"><span class="emoji stats">Our stats</span></h1>
<hr>
<div class="stats-cards">
<div class="stats-card">
<h1 class="stats-card-header">2</h1>
<p class="stats-card-info">seasons of robotics</p>
</div>
<div class="stats-card">
<h1 class="stats-card-header">6</h1>
<p class="stats-card-info">awards this season</p>
</div>
<div class="stats-card">
<h1 class="stats-card-header">11</h1>
<p class="stats-card-info">total awards won</p>
</div>
<div class="stats-card">
<h1 class="stats-card-header">9</h1>
<p class="stats-card-info">team members</p>
</div>
</div>
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
our log</button>
</div> -->
<!-- </div> -->
<br>
<br>
<br>
<h1 class="heading"><span class="emoji sponsors" id="team">Our mentors and coaches</span></h1>
<hr>
<p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
<div class="team-info">
<div class="content-container">
<div class="members-container">
{% for mentor in mentors %}
<div class="member-card">
{% if mentor.image_path %}
<img class="member-image" src="{{ mentor.image_path|image_url }}">
{% endif %}
<h2 class="member-name">{{ mentor.name }}</h2>
<p class="member-role">{{ mentor.role }}</p>
</div>
{% endfor %}
</div>
</div>
</div>
<h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
<hr>
<p class="info">⭐ meet our amazing team! ⭐</p>
<div class="team-info">
<div class="content-container">
<div class="members-container">
{% for member in members %}
<div class="member-card">
{% if member.image_path %}
<img class="member-image" src="{{ member.image_path|image_url }}">
{% endif %}
<h2 class="member-name">{{ member.name }}</h2>
<p class="member-role">{{ member.role }}</p>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock %}