Make thumbnail version of Pedalpalooza banner images

Offen
#795 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 8 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
45/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Bereich
performance, web-dev

Rechercherichtung

Beginne mit site/themes/s2b_hugo_theme/layouts/partials/cal/pp-promo-banner.html und identifiziere das Pedalpalooza-Bannerbild, dessen Größe derzeit mit CSS angepasst wird. Erstelle ein Asset in Thumbnail-Größe für Fälle, in denen das Bild in voller Größe nicht erforderlich ist, oder finde ein solches, aktualisiere das Partial, sodass es dieses verwendet, und überprüfe, dass die regulären Kalenderseiten das kleinere Bild laden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

enhancement frontend

In the promo banner for Pedalpalooza that appears on the regular calendar pages (site/themes/s2b_hugo_theme/layouts/partials/cal/pp-promo-banner.html), we're using a larger image and resizing via CSS. To speed up page load we should create a thumbnail-sized asset when the full size isn't needed.

Vorherrschende Sprache
JavaScript
Sterne
30
Forks
26
Ø Merge
11 T. 19 Std.
Gemergte PRs (30 T.)
15

Entwicklungsumgebung

  • Enthält ein Dockerfile oder eine Docker-Compose-Datei
  • Keine Pull-Request-Vorlage
  • Kein Beitragsleitfaden

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus shift-org/shift-docs

Alle Issues in shift-org/shift-docs

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.