- Flask-App mit SQLite, Projekt-Einreichung und Bewerbungen - Suche und Filter nach Kategorie - Modernes UI mit Bootstrap 5 und Custom CSS - 6 Demo-Projekte via seed_demo_data.py - Docker und docker-compose Support Made-with: Cursor
55 lines
2.5 KiB
HTML
55 lines
2.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ projekt.titel }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="detail-hero">
|
|
<div class="container">
|
|
<a href="{{ url_for('index') }}" class="back-link">← Zurück zur Übersicht</a>
|
|
<span class="detail-badge">{{ projekt.kategorie }}</span>
|
|
<h1 class="detail-title">{{ projekt.titel }}</h1>
|
|
<div class="detail-meta">
|
|
<span class="detail-behoerde">{{ projekt.behoerde }}</span>
|
|
<span class="detail-status status-{{ projekt.status }}">{{ projekt.status }}</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="detail-content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="detail-card">
|
|
<h2>Projektbeschreibung</h2>
|
|
<p class="detail-description">{{ projekt.beschreibung }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="apply-card">
|
|
<h3>Als Mitarbeitende bewerben</h3>
|
|
<form method="post" action="{{ url_for('bewerbung_abgeben') }}">
|
|
<input type="hidden" name="projekt_id" value="{{ projekt.id }}">
|
|
<div class="mb-3">
|
|
<label for="name" class="form-label">Name</label>
|
|
<input type="text" id="name" name="name" class="form-control" required placeholder="Ihr Name">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">E-Mail</label>
|
|
<input type="email" id="email" name="email" class="form-control" required placeholder="ihre@email.de">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label for="nachricht" class="form-label">Nachricht (optional)</label>
|
|
<textarea id="nachricht" name="nachricht" class="form-control" rows="4" placeholder="Kurze Vorstellung und Motivation..."></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-lg w-100">Bewerbung absenden</button>
|
|
</form>
|
|
</div>
|
|
<div class="contact-info">
|
|
<p><strong>Kontakt:</strong> <a href="mailto:{{ projekt.kontakt_email }}">{{ projekt.kontakt_email }}</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|