Tuotekuvien tuonti

Seuraavaksi noudamme tuotelistan tuotteille kuvat. Tässä projektissa käytämme netissä vapaasti käytettäviä ikoneita. Jos vaihdat omaan projektiisi jonkin toisen kuvan, niin muista varmistaa, että sinulla on lupa käyttää ko. kuvaa sovelluksessasi.

1. Viedään tuotekuvat omaan kansioonsa,joten luo src/assets-kansioon uusi kansio ja anna sen nimeksi items.

2. Käy lataamassa alla olevan taulukon osoitteista löytyvät kuvat SVG-muodossa ja tallenna ne src/assets/items-kansioon määritellyllä nimellä.

   Esimerkiksi lataa ensimmäisessä linkissä oleva kuva SVG-muodossa, muuta tiedoston nimeksi lemontree.svg ja siirrä kuva src/assets/items-kansioon. Tee vastaavat toimenpiteet myös taulukon muille kuville.

   nimi	linkki	lisenssi
   lemontree.svg	https://www.svgrepo.com/svg/475465/tree	CC0
   blender.svg	https://www.svgrepo.com/svg/275630/blender	CC0
   carbonator.svg	https://www.svgrepo.com/svg/203198/gas-pipe-natural-gas	CC0
   bottler.svg	https://www.svgrepo.com/svg/259377/bottle	CC0
   truck.svg	https://www.svgrepo.com/svg/298750/truck	CC0
   spring.svg	https://www.svgrepo.com/svg/219675/bottle	CC0
   sugarcane.svg	https://www.svgrepo.com/svg/211891/sugar	CC0
   warehouse.svg	https://www.svgrepo.com/svg/298685/warehouse	CC0
   lab.svg	https://www.svgrepo.com/svg/269831/lab	CC0
   secret.svg	https://www.svgrepo.com/svg/474975/safe	CC0
   power.svg	https://www.svgrepo.com/svg/274799/power-plant-nuclear	CC0
   park.svg	https://www.svgrepo.com/svg/231859/amusement-park-funny	CC0
   lemonai.svg	https://www.svgrepo.com/svg/246646/artificial-intelligence-brain	CC0
   accelerator.svg	https://www.svgrepo.com/svg/286746/atom	CC0

   Jos koneellasi toimii wget-komento, niin voit ladata kuvat suorittamalla seuraavat komennot src/assets/items-kansiossa. PowerShellissä on alias wget-komennolle, useista Linux- ja MacOS-koneista löytyy myös wget-komento asennettuna.

   wget -O lemontree.svg https://www.svgrepo.com/download/475465/tree.svg
   wget -O blender.svg https://www.svgrepo.com/download/275630/blender.svg
   wget -O carbonator.svg https://www.svgrepo.com/download/203198/gas-pipe-natural-gas.svg
   wget -O bottler.svg https://www.svgrepo.com/download/259377/bottle.svg
   wget -O truck.svg https://www.svgrepo.com/download/298750/truck.svg
   wget -O spring.svg https://www.svgrepo.com/download/219675/bottle.svg
   wget -O sugarcane.svg https://www.svgrepo.com/download/211891/sugar.svg
   wget -O warehouse.svg https://www.svgrepo.com/download/298685/warehouse.svg
   wget -O lab.svg https://www.svgrepo.com/download/269831/lab.svg
   wget -O secret.svg https://www.svgrepo.com/download/474975/safe.svg
   wget -O power.svg https://www.svgrepo.com/download/274799/power-plant-nuclear.svg
   wget -O park.svg https://www.svgrepo.com/download/231859/amusement-park-funny.svg
   wget -O lemonai.svg https://www.svgrepo.com/download/246646/artificial-intelligence-brain.svg
   wget -O accelerator.svg https://www.svgrepo.com/download/286746/atom.svg
   

Muutosten vienti versiohallintaan

Viedään viimeisimmät muutokset versiohallintaan.

git add .
git commit -m "lisää tuotekuvat"

lisää tuotekuvat -commit