Hugging Face's logo

Spaces:
JackHuggingFace88
/
TravelMap
Sleeping

App Files Community
Jack commited on
Commit
4a3d07b
·
1 Parent(s): 5ff3858

html / frontend fixes

Browse files
Files changed (5) hide show
  1. app/templates/base.html +1 -1
  2. app/templates/home.html +3 -3
  3. app/templates/listing.html +2 -2
  4. app/templates/trips.html +3 -3
  5. app/templates/wishlists.html +2 -2
app/templates/base.html CHANGED
@@ -4,7 +4,7 @@
4
  <meta charset="UTF-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
  <title>{{ title or site_content.name }}</title>
7
- <link rel="stylesheet" href="{{ request.url_for('static', path='styles.css') }}" />
8
  </head>
9
  <body>
10
  <div class="page-shell">
 
4
  <meta charset="UTF-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
  <title>{{ title or site_content.name }}</title>
7
+ <link rel="stylesheet" href="{{ request.app.url_path_for('static', path='styles.css') }}" />
8
  </head>
9
  <body>
10
  <div class="page-shell">
app/templates/home.html CHANGED
@@ -29,7 +29,7 @@
29
  <span class="eyebrow compact">{{ card.listing.city }}</span>
30
  <h2>{{ card.listing.title }}</h2>
31
  <p>{{ card.content.tagline }}</p>
32
- <a class="inline-link" href="{{ request.url_for('listing_detail', slug=card.listing.slug) }}">View stay</a>
33
  </div>
34
  </article>
35
  {% endfor %}
@@ -106,13 +106,13 @@
106
  {% set listing = card.listing %}
107
  <article class="listing-card">
108
  <div class="card-image-shell">
109
- <a class="image-frame" href="{{ request.url_for('listing_detail', slug=listing.slug) }}">
110
  <img src="{{ listing.primary_image }}" alt="{{ listing.title }}" />
111
  </a>
112
  <span class="card-badge">{{ card.card_meta.label }}</span>
113
  </div>
114
  <div class="listing-card-body">
115
- <h3><a href="{{ request.url_for('listing_detail', slug=listing.slug) }}">{{ listing.title }}</a></h3>
116
  <p class="listing-card-subline">{{ card.card_meta.date_range }}</p>
117
  <div class="card-price-row">
118
  <span><strong>{{ card.card_meta.total_price_display }}</strong></span>
 
29
  <span class="eyebrow compact">{{ card.listing.city }}</span>
30
  <h2>{{ card.listing.title }}</h2>
31
  <p>{{ card.content.tagline }}</p>
32
+ <a class="inline-link" href="{{ request.app.url_path_for('listing_detail', slug=card.listing.slug) }}">View stay</a>
33
  </div>
34
  </article>
35
  {% endfor %}
 
106
  {% set listing = card.listing %}
107
  <article class="listing-card">
108
  <div class="card-image-shell">
109
+ <a class="image-frame" href="{{ request.app.url_path_for('listing_detail', slug=listing.slug) }}">
110
  <img src="{{ listing.primary_image }}" alt="{{ listing.title }}" />
111
  </a>
112
  <span class="card-badge">{{ card.card_meta.label }}</span>
113
  </div>
114
  <div class="listing-card-body">
115
+ <h3><a href="{{ request.app.url_path_for('listing_detail', slug=listing.slug) }}">{{ listing.title }}</a></h3>
116
  <p class="listing-card-subline">{{ card.card_meta.date_range }}</p>
117
  <div class="card-price-row">
118
  <span><strong>{{ card.card_meta.total_price_display }}</strong></span>
app/templates/listing.html CHANGED
@@ -167,13 +167,13 @@
167
  {% set other = card.listing %}
168
  <article class="listing-card">
169
  <div class="card-image-shell">
170
- <a class="image-frame" href="{{ request.url_for('listing_detail', slug=other.slug) }}">
171
  <img src="{{ other.primary_image }}" alt="{{ other.title }}" />
172
  </a>
173
  <span class="card-badge">{{ card.card_meta.label }}</span>
174
  </div>
175
  <div class="listing-card-body">
176
- <h3><a href="{{ request.url_for('listing_detail', slug=other.slug) }}">{{ other.title }}</a></h3>
177
  <p class="listing-card-subline">{{ card.card_meta.date_range }}</p>
178
  <div class="card-price-row">
179
  <span><strong>{{ card.card_meta.total_price_display }}</strong></span>
 
167
  {% set other = card.listing %}
168
  <article class="listing-card">
169
  <div class="card-image-shell">
170
+ <a class="image-frame" href="{{ request.app.url_path_for('listing_detail', slug=other.slug) }}">
171
  <img src="{{ other.primary_image }}" alt="{{ other.title }}" />
172
  </a>
173
  <span class="card-badge">{{ card.card_meta.label }}</span>
174
  </div>
175
  <div class="listing-card-body">
176
+ <h3><a href="{{ request.app.url_path_for('listing_detail', slug=other.slug) }}">{{ other.title }}</a></h3>
177
  <p class="listing-card-subline">{{ card.card_meta.date_range }}</p>
178
  <div class="card-price-row">
179
  <span><strong>{{ card.card_meta.total_price_display }}</strong></span>
app/templates/trips.html CHANGED
@@ -12,14 +12,14 @@
12
  <section class="trip-list">
13
  {% for booking in bookings %}
14
  <article class="trip-item">
15
- <a class="trip-thumb" href="{{ request.url_for('listing_detail', slug=booking.listing.slug) }}">
16
  <img src="{{ booking.listing.primary_image }}" alt="{{ booking.listing.title }}" />
17
  </a>
18
  <div class="trip-main">
19
  <div class="trip-status-row">
20
  <div>
21
  <p class="eyebrow compact">Booking</p>
22
- <h2><a href="{{ request.url_for('listing_detail', slug=booking.listing.slug) }}">{{ booking.listing.title }}</a></h2>
23
  </div>
24
  <span class="status-pill {{ booking.status }}">{{ booking.status }}</span>
25
  </div>
@@ -40,7 +40,7 @@
40
  </div>
41
  </div>
42
  <div class="trip-actions">
43
- <a class="secondary-button wide-button" href="{{ request.url_for('listing_detail', slug=booking.listing.slug) }}">View stay</a>
44
  {% if booking.status == "confirmed" %}
45
  <form method="post" action="/bookings/{{ booking.id }}/cancel">
46
  <button class="ghost-button wide-button" type="submit">Cancel booking</button>
 
12
  <section class="trip-list">
13
  {% for booking in bookings %}
14
  <article class="trip-item">
15
+ <a class="trip-thumb" href="{{ request.app.url_path_for('listing_detail', slug=booking.listing.slug) }}">
16
  <img src="{{ booking.listing.primary_image }}" alt="{{ booking.listing.title }}" />
17
  </a>
18
  <div class="trip-main">
19
  <div class="trip-status-row">
20
  <div>
21
  <p class="eyebrow compact">Booking</p>
22
+ <h2><a href="{{ request.app.url_path_for('listing_detail', slug=booking.listing.slug) }}">{{ booking.listing.title }}</a></h2>
23
  </div>
24
  <span class="status-pill {{ booking.status }}">{{ booking.status }}</span>
25
  </div>
 
40
  </div>
41
  </div>
42
  <div class="trip-actions">
43
+ <a class="secondary-button wide-button" href="{{ request.app.url_path_for('listing_detail', slug=booking.listing.slug) }}">View stay</a>
44
  {% if booking.status == "confirmed" %}
45
  <form method="post" action="/bookings/{{ booking.id }}/cancel">
46
  <button class="ghost-button wide-button" type="submit">Cancel booking</button>
app/templates/wishlists.html CHANGED
@@ -13,13 +13,13 @@
13
  {% set item = card.item %}
14
  <article class="listing-card">
15
  <div class="card-image-shell">
16
- <a class="image-frame" href="{{ request.url_for('listing_detail', slug=item.listing.slug) }}">
17
  <img src="{{ item.listing.primary_image }}" alt="{{ item.listing.title }}" />
18
  </a>
19
  <span class="card-badge">{{ card.card_meta.label }}</span>
20
  </div>
21
  <div class="listing-card-body">
22
- <h3><a href="{{ request.url_for('listing_detail', slug=item.listing.slug) }}">{{ item.listing.title }}</a></h3>
23
  <p class="listing-card-subline">{{ card.card_meta.date_range }}</p>
24
  <div class="card-price-row">
25
  <span><strong>{{ card.card_meta.total_price_display }}</strong></span>
 
13
  {% set item = card.item %}
14
  <article class="listing-card">
15
  <div class="card-image-shell">
16
+ <a class="image-frame" href="{{ request.app.url_path_for('listing_detail', slug=item.listing.slug) }}">
17
  <img src="{{ item.listing.primary_image }}" alt="{{ item.listing.title }}" />
18
  </a>
19
  <span class="card-badge">{{ card.card_meta.label }}</span>
20
  </div>
21
  <div class="listing-card-body">
22
+ <h3><a href="{{ request.app.url_path_for('listing_detail', slug=item.listing.slug) }}">{{ item.listing.title }}</a></h3>
23
  <p class="listing-card-subline">{{ card.card_meta.date_range }}</p>
24
  <div class="card-price-row">
25
  <span><strong>{{ card.card_meta.total_price_display }}</strong></span>