Files
FTCWebsite/templates/competitions.html
abhiramtx 3439a747d5 Improve site layout and center content across mobile and desktop views
Updates CSS to center content and icons on various pages (competitions, contact, contributors, sponsors) and adjusts horizontal rule styling. Modifies HTML structure in competitions.html for better content organization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 07c2b9b6-4a76-4da2-ad04-fcaacb16832a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/SuPUNrT
2025-11-08 23:34:29 +00:00

63 lines
2.1 KiB
HTML

{% extends "base.html" %}
{% block title %}Technical Turbulence - Competition Log{% endblock %}
{% block content %}
<div class="competitions">
<div class="sidebar">
<div class="sidebar-content">
{% for season in competitions_by_season.keys() %}
<a href="#{{ season.replace(' ', '') }}">{{ season }}</a>
{% endfor %}
</div>
</div>
<div class="competitions-container">
<div class="competitions-inner">
<h1 class="heading" id="comp">Competition log</h1>
<hr id="comp-hr">
<div class="content-container">
{% for season, comps in competitions_by_season.items() %}
<h1 id="{{ season.replace(' ', '') }}" class="competition-year">{{ season }}</h1>
{% for comp in comps %}
<div class="competition-card">
{% if comp.image_path %}
<div class="competition-card-img">
<img src="{{ url_for('static', filename=comp.image_path) }}">
</div>
{% endif %}
<div class="competition-header">
<p class="competition-name">{{ comp.event_name }}</p>
<p class="middle-dot">·</p>
<p class="competition-date">{{ comp.date }}</p>
</div>
<p class="competition-subtitle">Description</p>
<p class="competition-description">{{ comp.description }}</p>
{% if comp.awards %}
<p class="competition-subtitle">Awards</p>
<ul class="competition-awards">
{% for award in comp.awards.split('|') %}
<li>{{ award }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock %}