---
# System prepended metadata

title: Flask vaje 1

---

# Prikazovalnik naključnih receptov

Nalogo lahko rešiš ali z:
[MealDB API](https://www.themealdb.com/api/json/v1/1/random.php)
ali
[Cocktail API](https://www.thecocktaildb.com/api/json/v1/1/random.php)

struktura obeh APIjev je enaka.

Tvoja naloga je, da s pomočja Pythona, Flaska, Jinje in HTML-ja in CSS (slednji je lahko magično ustvarjen).

Na strani prikaži sliko, sestavine in navodila recepta/koktejla.

Barva ozadja, naj bo dominantna barva slike recepta!
**CSS lahko enako konfiguriraš s pomočjo Jinje**


## Kaj je dominantna barva slike?
> Dominant color is achieved when one color serves as the focal point in a photo. The color expresses more intensity among other colors in the picture. This type of photo tends to instantly catch the attention of the viewer.
Več o dominantni barvi: https://agrilife.org/bell4h/files/2014/01/Dominant-Color.pptx

## Kako jo najdemo?
```python=
# Uvoz knjižnice za pridobitev dominantne barve
# urllib pa je univerzalna knjižnica za dostop do podatkov
from dominantcolors import get_image_dominant_colors
import urllib.request

slika = requests.get("oof").json()["urlSlike"] # pridobimo url do slike
urllib.request.urlretrieve(slika, "slike/slika.jpg") 
# .urlretrieve() dostopa na URLj slike in jo shrani v mapo "slike" z imenom "slika.jpg"
# če se funkcija ponovi z istim imenom slike se sliko povozi
dominant = get_image_dominant_colors(image_path="slike/slika.jpg", num_colors=2)
# funkcija pridobi dominantno barve slike shranjene na slike/slika.jpg"
# funkcija prav tako lahko pridobi več dominantih barv 
# (ki jih lahko uporabiš ne samo za ozadje ampak tudi druge elemente HTMLja)
print(dominant)
```


## Primer od Nellya lani:
![image](https://hackmd.io/_uploads/Bk_Pas7Kp.png)

