edward/bristol-eurostar
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Show Bristol departure on search form

Browse source
This commit is contained in:
Edward Betts 2026-04-01 12:46:30 +01:00
parent a9d5a0589d
commit c3d289e809
2 changed files with 28 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
templates/base.html
View file

@ -61,6 +61,26 @@
border-radius: 4px; border-radius: 4px;
} }
.fixed-station {
padding: 0.85rem 1rem;
border: 1px solid #cbd5e0;
border-radius: 10px;
background: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
}
.fixed-station strong {
display: block;
color: #0f172a;
font-size: 1rem;
margin-bottom: 0.2rem;
}
.fixed-station span {
display: block;
color: #475569;
font-size: 0.9rem;
}
.destination-grid { .destination-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

8
templates/index.html
View file

@ -3,6 +3,14 @@
<div class="card"> <div class="card">
<h2 style="margin-top:0">Plan your journey</h2> <h2 style="margin-top:0">Plan your journey</h2>
<form method="get" action="{{ url_for('search') }}"> <form method="get" action="{{ url_for('search') }}">
<div style="margin-bottom:1.2rem">
<span class="field-label">Departure point</span>
<div class="fixed-station" aria-label="Departure point">
<strong>Bristol Temple Meads</strong>
<span>Fixed starting station for all journeys</span>
</div>
</div>
<div style="margin-bottom:1.2rem"> <div style="margin-bottom:1.2rem">
<span class="field-label">Eurostar destination</span> <span class="field-label">Eurostar destination</span>
<div class="destination-grid" role="radiogroup" aria-label="Eurostar destination"> <div class="destination-grid" role="radiogroup" aria-label="Eurostar destination">