search

Parteiduell / frontend

Das Frontend des "Jugend hackt!"-Projektes Parteiduell
https://parteiduell.de
MIT License
5 stars 1 forks source link

Add images for other parties #12

Open jnnkB opened 5 years ago

jnnkB commented 5 years ago

I think we need to change the webpack configuration for this to support other files than svg's. This could be done by setting the env variable IMAGE_INLINE_SIZE_LIMIT to zero.

gruselhaus commented 4 years ago

@jnnkB kann ich serverseitig irgend eine Einstellung vornehmen, damit wir dieses Issue schließen können?

jnnkB commented 4 years ago

Ich habe diese Woche leider noch keine Zeit. Soweit ich weiß kann man IMAGE_INLINE_SIZE_LIMIT=0 als ENV Variable setzen und dann könnten wir auch Bilder und nicht nur svgs verwenden. Alternativ könnte man halt auch seine eigene webpack config verwenden.

jnnkB commented 4 years ago

Danach kann man anfangen die Logos zusammenzusuchen.

gruselhaus commented 4 years ago

Ich habe diese Woche leider noch keine Zeit. Soweit ich weiß kann man IMAGE_INLINE_SIZE_LIMIT=0 als ENV Variable setzen und dann könnten wir auch Bilder und nicht nur svgs verwenden. Alternativ könnte man halt auch seine eigene webpack config verwenden.

@jnnkB ich habe die ENV jetzt gesetzt

Smaxs2001 commented 4 years ago

Hätte mcih mal den Logos angenommen ahben wir da ein bestimmtes Format wie die Logos bespeichert werden sollen und wie binde ich die Bilder ein ?

jnnkB commented 4 years ago

Also wir verwenden um die Bilder zu laden folgenden Code:

function getImage(partei) {
  for (const image of images) {
    if (image.includes(partei.toLowerCase().replace("/", "-"))) {
      return image;
    }
  }
  console.error("Kein passendes Bild gefunden!", partei);
}

Das heißt du musst als Dateiname für die Bilder immer den Parteinamen nehmen und ihn komplett klein schreiben und Schrägstriche durch Bindestriche ersetzten. Die Dateiendung fügst du dann hinten an. Wenn du die dann unter src/assets/logos ablegst sollten sie automatisch geladen werden.

Als Format sollte eigentlich alles gehen. Am besten sind SVGs gefolgt von PNGs.

gruselhaus commented 3 years ago

Hier mal eine entsprechende Liste aller Parteien, welche auftreten könnten: