W świecie wykwintnej kuchni każdy szczegół ma znaczenie, jeśli chodzi o pobudzenie zmysłów. Przyprawy, prawdziwe skarby z tysiącletnią historią, są niezbędnymi sprzymierzeńcami, którzy przekształcają prosty posiłek w niezapomniane kulinarne doznanie. Ich dobór wymaga finezji i wiedzy, ponieważ posiadają wyjątkową zdolność wzmacniania smaków, wydobywania subtelności składników i tworzenia atmosfery wokół dania. Pochodzące z różnych źródeł, od ogrodów Épices Roellinger po cenne selekcje Soleild’Oc i Terres d’Afrique, te skarby podnoszą poziom kuchni, wnosząc głębię, złożoność i charakter. Od idealnie świeżo zmielonego pieprzu Ducros, przez śmiałe mieszanki Épices de Léo, po umiarkowaną egzotykę Alter Eco, nieskończona gama możliwości czeka zarówno na amatora, jak i doświadczonego szefa kuchni. Wybór odpowiedniej przyprawy oznacza również zrozumienie jej jakości i sposobu łączenia, pozwalając Ci bawić się nią niczym artysta swoją paletą smaków. Od ciepłej słodyczy cynamonu po cytrynową, żywą nutę kardamonu, każda przyprawa opowiada historię zmysłów. Wskazówki szefów kuchni i porady ekspertów, dostępne na stronach takich jak
Il Gusto Italiano czy Tambouille de Chef , pokazują, że czas, metoda gotowania i świeżość przypraw są kluczowymi czynnikami podnoszącymi walory wyrafinowanego dania. Eksploracja śródziemnomorskich mieszanek, takich jak za’atar, czy indyjskich kombinacji, takich jak garam masala, ilustruje bogactwo starożytnej sztuki, wzbogaconej dziś przez kultowe marki, takie jak La Maison des épices i Pébéo. Rozbudzenie kubków smakowych tymi rzadkimi lub klasycznymi składnikami obiecuje kulinarną podróż pełną delikatnych niuansów, od białego pieprzu Penja po pikantne, słodkie nuty szafranu, a także śródziemnomorskich ziół aromatycznych, takich jak tymianek czy rozmaryn z L’Épicerie de Provence. Przechowywanie, użycie młynka do pieprzu – niezbędnego do zachowania aromatów – oraz kulinarna kreatywność zachęcają do przeniesienia gotowania na wyższy poziom. Odkryj, jak wybierać, łączyć i wykorzystywać te przyprawy, aby przekształcić każde danie w wyrafinowany, elegancki i wyrazisty dodatek, prawdziwą rozkosz dla gości.
/* Główny pojemnik wyśrodkowany */
#spices-infographic {
max-width: 900px;
margin: 2rem auto;
font-family: 'Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
}
/* Responsywna siatka przypraw */
.spices-grid {
display:grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 1.3rem;
margin-top: 1rem;
}
/* Interaktywna mapa przypraw */
.spice-card {
background: #fffbea;
border-radius: 12px;
padding: 1rem;
box-shadow: 0 0 5px rgb(0 0 0 / 0.1);
cursor: pointer;
transition: box-shadow 0.3s ease;
display:flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.spice-card:hover,
.spice-card:focus {
box-shadow: 0 0 15px #f5a623;
outline:none;
}
/* Obraz Spice */
.spice-img {
szerokość: 80px;
wysokość: 80px;
dopasowanie do obiektu:zawiera;
margines-dolny: 0.7rem;
}
/* Nazwa Spice */
.spice-name {
waga-czcionki: 700;
rozmiar-czcionki: 1.1rem;
margines-dolny: 0.3rem;
}
/* Krótki opis */
.spice-desc {
rozmiar-czcionki: 0.85rem;
kolor: #5a5a5a;
}
/* Obszar szczegółowych informacji */
#spice-info {
margines-górny: 2rem;
border-top: 2px solid #f5a623;
padding-top: 1.3rem;
}
#spice-info h3 {
font-weight: 700;
font-size: 1.3rem;
margin-bottom: 0.5rem;
color: #bf360c;
}
#spice-info p {
font-size: 1rem;
line-height: 1.4;
}
/* Ukryte wizualnie dla ułatwienia dostępu */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow:hidden;
border: 0;
}Interaktywna lista przypraw. Kliknij lub dotknij przyprawy, aby wyświetlić bardziej szczegółowe informacje.
/* Interaktywna infografika w czystym HTML + JavaScript
Motyw: Jakie przyprawy wybrać, aby wzbogacić wykwintny posiłek?
Dane i API:
– Dostarczono statyczną listę niezbędnych przypraw
– Wykorzystanie API Wikipedii MediaWiki do pobrania opisowego ekstraktu przypraw
Źródło API: https://en.wikipedia.org/w/api.php
Przykład prostego żądania API dla słowa „szafran”:
https://en.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&exintro&explaintext&titles=szafran&origin=*
Przykład odpowiedzi JSON:
{
„batchcomplete”: „”,
„query”: {
„pages”: {
„12345”: {
„pageid”: 12345,
„ns”: 0,
„title”: „Szafran”,„extract”: „Szafran to przyprawa uzyskiwana z…”}
}
} Ograniczenia:
– Brak rozbudowanych zależności (z wyjątkiem CSS Bulma dla minimalnego stylu)– Dostęp z klawiatury, komunikaty ARIA dla ułatwienia dostępu
– Oddzielone ciągi tekstowe dla internacjonalizacji (łatwe do zastąpienia)
*/
// Edytowalne teksty (internacjonalizacja)
const texts = {
title: „Które przyprawy wybrać, aby wzbogacić wykwintny posiłek?”,
intro: „Kliknij przyprawę, aby odkryć jej sekrety i dowiedzieć się, jak wykorzystać ją w swoich wykwintnych daniach.”,
loading: „Ładowanie…”,
errorLoading: „Opis niedostępny w tej chwili.”,
selectPrompt: „Wybierz przyprawę, aby zobaczyć więcej szczegółów.”,
spicesListLabel: „Lista niezbędnych przypraw”
};
// Lista przypraw ze zdjęciami (darmowymi / CC0 lub stworzonymi) i tytułem w Wikipedii w języku angielskim/francuskim
const spices = [
{
key: „czarny_pieprz”,
name: „Czarny_pieprz”,
wikiTitleFR: „Pieprz”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Black_peppercorns_-_whole_%26_powder_%282%29.jpg/120px-Black_peppercorns_-_whole_%26_powder_%282%29.jpg”,
shortDesc: „Dodaje pikantnego akcentu i złożoności smaków.”
},
{
key: „cynamon”,
name: „Cynamon”,
wikiTitleFR: „Cynamon”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Cinnamon_Rolls_Sticky_Buns_432x324.jpg/120px-Cinnamon_Rolls_Sticky_Buns_432x324.jpg”,
shortDesc: „Ciepły, słodki i lekko cukrowy.”
},
{
key: „kurkuma”,
name: „Kurkuma”,
wikiTitleFR: „Kurkuma”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Curcuma_Lehmbachii.jpg/120px-Curcuma_Lehmbachii.jpg”,
shortDesc: „Dodaje koloru i subtelnego smaku.”
},
{
key: „szafran”,
name: „Szafran”,
wikiTitleFR: „Szafran”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Saffron_car_photo.jpg/120px-Saffron_car_photo.jpg”,
shortDesc: „Wykwintna przyprawa o subtelnym, kwiatowym aromacie.”
},
{
key: „kardamon”,
name: „Kardamon”,
wikiTitleFR: „Kardamon”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Elettaria_cardamomum_Dried_cardamom_pods.jpg/120px-Elettaria_cardamomum_Dried_cardamom_pods.jpg”,
shortDesc: „Świeży, cytrynowy i egzotyczny smak.”
},
{
key: „papryka”,
name: „Papryka”,
wikiTitleFR: „Papryka”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Paprika_carpaccio_peppers_spice.jpg/120px-Paprika_carpaccio_peppers_spice.jpg”,
shortDesc: „Dodaje słodyczy i głębi koloru.”
},
{
key: „imbir”,
name: „Imbir”,wikiTitleFR: „Imbir”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Fresh-ginger.jpg/120px-Fresh-ginger.jpg”,
shortDesc: „Orzeźwiający i cytrynowy smak.”},
{
key: „kmin rzymski”,
name: „Kmin rzymski”,wikiTitleFR: „Kmin rzymski”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Cumin_seeds.jpg/120px-Cumin_seeds.jpg”,
shortDesc: „Ziemisty i ciepły smak.”},{
key: „kolendra”,
name: „Kolendra”,
wikiTitleFR: „Kolendra”,
img: „https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Coriandrum_sativum_samens.jpg/120px-Coriandrum_sativum_samens.jpg”,
shortDesc: „Cytrynowy i ziołowy aromat.”
}];
// Odwołanie do elementów DOM
const container = document.getElementById(’epices-infographie’);
const grid = container.querySelector(’.epices-grid’);const infoSection = document.getElementById(’epice-info’);
const infoTitle = infoSection.querySelector(’h3′);
const infoPara = infoSection.querySelector(’p’);
const titleInfographic = document.getElementById(’title-infographic’);
const introInfographic = document.getElementById(’intro-infographic’);
/ Inicjalizacja tekstówtitleInfographic.textContent = texts.title;
introInfographic.textContent = texts.intro;
infoTitle.textContent = „”;
infoPara.textContent = texts.selectPrompt;/ Funkcja do tworzenia interaktywnej karty Spice
function createEpiceCard(epice) {const card = document.createElement(’button’);card.className = „epice-card”;card.type = „button”;
card.setAttribute(’aria-describedby’, `desc-${epice.key}`);
card.setAttribute(’aria-label’, `${epice.name} – ${epice.shortDesc}`);card.tabIndex = 0;
// Obraz Spiceconst img = document.createElement(’img’);img.src = spice.img;
img.alt = spice.name;
img.className = „spice-img”;
card.appendChild(img);
// Nazwa spice
const h4 = document.createElement(’div’);
h4.className = „spice-name”;
h4.textContent = spice.name;
card.appendChild(h4);
// Krótki opis (wizualny i dostępny)
const pDesc = document.createElement(’p’);
pDesc.className = „spice-desc”;
pDesc.id = `desc-${spice.key}`;pDesc.textContent = epice.shortDesc;
card.appendChild(pDesc);
// Zdarzenie kliknięcia + klawiatury: wczytaj szczegóły wiki
card.addEventListener(’click’, () => fetchDescription(spice));
card.addEventListener(’keydown’, e => {
if( e.key === 'Enter’ || e.key === ’ ’ ) {
e.preventDefault();fetchDescription(spice);
}
return card;
} // Wywołanie API MediaWiki Wikipedii (fr) w celu pobrania opisowego fragmentu Spice // URL: https://fr.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&exintro&explaintext&titles=Saffron&origin=* // Użycie parametru 'origin=*’ w celu poprawienia polityki CORS function fetchDescription(spice){ // Wyświetlenie komunikatu ładowania infoTitle.textContent = spice.name; / Kodowanie tytułu const title = encodeURIComponent(„epice.wikiTitleFR”); const url = `https://fr.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&exintro&explaintext&titles=${title}&origin=*`; fetch(url) .then(response => response.json()) .then(data => {// Właściwość pages ma klucz nieznany z góry const pages = data.query.pages;} else { infoPara.textContent = texts.errorLoading; } }) .catch(() => { infoPara.textContent = texts.errorLoading; }); } // Inicjalizacja siatki przypraw function initGrid() { spices.forEach(spice => { const card = createSpiceCard(spice);
});
} // Uruchomienie initGrid(); Sekret wyjątkowego smaku zaczyna się od jakości użytych przypraw. Kluczowe jest wybieranie przypraw uprawianych ekologicznie, takich jak te oferowane przez Epices & Co lub Terres d’Afrique, aby zapewnić czystość bez pestycydów i nienaruszone bogactwo aromatów. Preferowane są całe przyprawy ze względu na optymalne zachowanie aromatów, co jest cechą wyróżniającą wysokiej klasy młynki do pieprzu dostępne w Ducros i Soleil d’Oc, oferujące niezrównaną świeżość. nasiona kolendry, ziarna pieprzu, goździki. Sprawdź świeżość: żywe kolory i intensywny aromat. ⏳
Zwróć uwagę na daty ważności:
najlepiej spożyć w ciągu 1 do 3 lat.
🌱
Wybieraj produkty ekologiczne:
gwarancja jakości i odpowiedzialności za środowisko.
⚙️
Zainwestuj w młynek:
aby mielić przyprawy na ostatnią chwilę, na przykład młynek do pieprzu dostępny w
Popper Mill
.
🌟
Kryteria
🌶️
Na co zwrócić uwagę
🍃
Praktyczne wskazówki
Jakość
Brak pestycydów, całe i niezmielone
Wybieraj produkty ekologiczne, preferuj całe przyprawy
Smak
Intensywny aromat, żywy kolor
Sprawdź zapach, unikaj zwiędłych przypraw
Przechowywanie
Data ważności do ostatniej chwili, szczelne opakowanie
Przechowywać w chłodnym, suchym i ciemnym miejscu
Pochodzenie
Certyfikowane firmy zewnętrzne: Roellinger Spices, L’Épicerie de Provence
Wybierz renomowanych i transparentnych producentów
Niezbędne przyprawy na początek wyrafinowanej kolekcji
Początek od wszechstronnych przypraw gwarantuje bogactwo smaków. Czarny pieprz Ducros, dostępny w całych ziarnach i znany z optymalnej zawartości piperyny, doskonale komponuje się zarówno z mięsem, jak i rybami. Słodki cynamon w połączeniu z pikantnym imbirem oferuje zrównoważoną mieszankę zarówno w deserach, jak i daniach wytrawnych. Kurkuma, wszechobecna w kuchni świata, łagodzi i nadaje elegancji. Wreszcie, egzotyczne mieszanki, takie jak te z La Maison des Épices, pozwalają dodać odrobinę kontrolowanej oryginalności i autentycznego charakteru.
🌟 Całe ziarna czarnego pieprzu:
Gwarancja świeżości, idealna do wszelkich potraw.
🌟 Cynamon:
Słodki aromat, idealny do dań słodkich i wytrawnych. 🌟 Kurkuma:
Złocisty kolor, słodki i lekko pikantny smak.
🌟 Kardamon:
Kwiatowe i cytrusowe nuty wzbogacające desery i herbaty.
🌟 Słodka lub wędzona papryka:
Intensywny i rozgrzewający smak grillowanych mięs i sosów.
/* Stylizacja pojemnika */
#quiz-spices {
max-width: 700px;
margin: 1.5em auto;
font-family: 'Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
background: #fff8f0;
border-radius: 10px;
box-shadow: 0 4px 15px rgb(0 0 0 / 0.1);
dopełnienie: 1,5 em 2 em 2 em 2 em;
wybór użytkownika: brak;
}
#quiz-spices h2 {
wyrównanie tekstu: środek;
kolor: #7b3e00;
margines-dół: 1 em;
}
.question {
waga czcionki: 600;
margines-dół: 0,5 em;
kolor: #5a2e00;
}
.answers {
styl listy: brak;
dopełnienie: 0;
margines: 0 0 1,5 em 0;
}
.answers li {
margines-dół: 0,7 em;
}
tło: #fff4e6;
obramowanie: 2 px stałe #d29148;
promień obramowania: 6 px;
dopełnienie: 0,5 em 1 em;
wyświetlacz: blok;
kursor: wskaźnik;
przejście: kolor tła 0,25 s, kolor obramowania 0,25 s;
}
wyświetlacz: brak;
}
kolor tła: #d29148;
kolor obramowania: #7b3e00;
kolor: biały;
grubość czcionki: 700;
}
.answers etykieta:hover {
kolor-tła: #f7d9a7;
}
przycisk #quiz-spices {
kolor-tła: #7b3e00;
kolor:biały;
waga-czcionki: 700;
obramowanie:brak;
promień-obramowania: 6px;
dopełnienie: 0,6em 1,6em;
kursor:wskaźnik;
rozmiar-czcionki: 1em;
wyświetlanie:blok;
margines: 0 auto 1em auto;
przejście: kolor-tła 0,3s łatwość;}
przycisk #quiz-spices:wyłączony {
kolor-tła: #c19c6a;
kursor:domyślny;
}
przycisk #quiz-spices:hover:nie(:wyłączony) {
kolor-tła: #5a2e00;
}
#quiz-result {
text-align: center;
font-weight: 700;
color: #4a2300;
font-size: 1.15em;
min-height: 2.2em;
}
#quiz-feedback {font-style: italic;
color: #764e1b;margin-top: 0.4em;}
/* Dostępność fokusa kontur */
.answers label:focus-visible {
outline: 3px solid #ffbf47;
outline-offset: 3px;
}Quiz: Która przyprawa dopełnia Twój wykwintny posiłek?
Wybierz odpowiedź na każde pytanie, a następnie kliknij Prześlij.
Prześlij
// — Zinternacjonalizowane ciągi tekstowe (edytuj tutaj, aby dostosować język) —
const i18n = {pytanie1: „Jakie są podstawowe kryteria wyboru wysokiej jakości przyprawy?”,
pytanie2: „Jakie są zalety pieprzu w ziarnach?”,
pytanie3: „Które przyprawy nadadzą deserowi kwiatowe nuty?”,odpowiedzi1: [
„Świeżość i intensywny aromat”,
„Najniższa możliwa cena”,
„Tylko żywy kolor”,
„Wyłącznie pochodzenie geograficzne”
],
odpowiedzi2: [
„Lepszy smak i dłuższa trwałość”,„Łatwiejszy do zmierzenia niż mielony pieprz”,
„Tańszy niż mielony pieprz”,
„Mniej pikantny niż mielony pieprz”],
odpowiedzi3: [
„Kardamon, wanilia i cynamon”,
„Papryka, kmin rzymski i kurkuma”,
„Czarny pieprz, gałka muszkatołowa i goździki”,
„Papryka chili i kolendra” i imbir”],
btnValidate: „Sprawdź”,
feedbackCorrect: „Prawidłowa odpowiedź!”,
feedbackIncorrect: „Niepoprawna odpowiedź.”,
finalScore: (score, total) => `Twój wynik: ${score} z ${total}`,
};// — Dane quizu z indeksami poprawnych odpowiedzi —
const quizData = [
{
id: 'q1′,
question: i18n.question1,
answers: i18n.answers1,
correctIndex: 0
},
{
id: 'q2′,
question: i18n.question2,
answers: i18n.answers2,correctIndex: 0
},
{
id: 'q3′,
question: i18n.question3,
answers: i18n.answers3,correctIndex: 0
}
];// Odwołanie do elementów DOM
const form = document.getElementById(’quiz-form’);
const submitBtn = document.getElementById(’submit-btn’); const resultDiv = document.getElementById(’quiz-result’);
// Stan do śledzenia odpowiedzi użytkownika: questionId -> wybrany indeks odpowiedzi
const userAnswers = {};[idx] /**[correctIndex]
* Utwórz i wstaw pytania quizowe do formularza*/
function renderQuiz() { quizData.forEach(({id, question, answers}, qIndex) => {
const fieldset = document.createElement(’fieldset’);fieldset.setAttribute(’aria-labelledby’, `${id}-label`);
fieldset.style.marginBottom = '1.7em’;// Legenda pytania
const legend = document.createElement(’legend’);
legend.id = `${id}-label`;
legend.className = 'question’;
legend.textContent = `${qIndex + 1}. ${question}`;
fieldset.appendChild(legend);//Lista odpowiedziconst ul = document.createElement(’ul’);
ul.className = 'answers’;
answers.forEach((answerText, aIndex) => {
const li = document.createElement(’li’);
// Utwórz unikalny identyfikator dla każdego pola wejściowegoconst inputId = `${id}_answer_${aIndex}`;
// Wejście radiowe
const input = document.createElement(’input’);
input.type = 'radio’;
input.name = id;
input.id = inputId;
input.value = aIndex;
input.setAttribute(’aria-describedby’, `${inputId}-desc`);
input.required = true;// Powiązana etykieta
const label = document.createElement(’label’);label.htmlFor = inputId;
label.tabIndex = 0;label.textContent = answerText;
//Dołącz input+label do
li.appendChild(input);
li.appendChild(label);
ul.appendChild(li);
});
fieldset.appendChild(ul);
} /** * Sprawdź, czy na wszystkie pytania udzielono odpowiedzi
* @returns {boolean} */ function allAnswered() { return quizData.every(({id}) => userAnswers.hasOwnProperty(id)); } /** * Aktualizuj stan przycisku Wyślij w zależności od kompletności formularza */ function updateSubmitState() { if (allAnswered()) { submitBtn.disabled = false; submitBtn.setAttribute(’aria-disabled’, 'false’); } else { submitBtn.disabled = true; submitBtn.setAttribute(’aria-disabled’, 'true’); }} /*** Oceń odpowiedzi użytkownika i wyświetl wynik + informację zwrotną */function evaluateQuiz() { let score = 0;resultDiv.innerHTML = ”; quizData.forEach(({id, correctIndex}, idx) => { const questionFeedback = document.createElement(’p’); questionFeedback.style.marginTop = '0.3em’; if (parseInt(userAnswer, 10) === correctIndex) { score++; questionFeedback.innerHTML = ` ${i18n.feedbackCorrect}`; } else { questionFeedback.innerHTML = ` ${i18n.feedbackIncorrect} (Prawidłowa odpowiedź: „${quizData.answers}”)`; } const container = document.createElement(’div’); container.innerHTML = ` container.appendChild(questionFeedback); container.style.marginBottom = '1em’; resultDiv.appendChild(container);
const finalScoreEl = document.createElement(’p’);
finalScoreEl.style.fontSize = '1.25em’; finalScoreEl.style.fontWeight = '700′; finalScoreEl.style.color = '#7b3e00′; finalScoreEl.textContent = i18n.finalScore(score, quizData.length); resultDiv.appendChild(finalScoreEl); // Po ocenie wyłącz wszystkie przyciski i opcje radiowe radios.forEach(radio => radio.disabled = true); submitBtn.disabled = true; submitBtn.setAttribute(’aria-disabled’, 'true’); } /** * Obsługa zdarzeń dla zmiany danych wejściowych w celu aktualizacji odpowiedzi użytkownika i stanu przycisku Wyślij * @param {Event} e */ function onAnswerChange(e) { if (e.target.name && e.target.value !== undefined) { updateSubmitState(); } } // Początkowe renderowanie
// Nasłuchiwanie zdarzeń zmiany w całym formularzu (delegacja zdarzeń) form.addEventListener(’change’, onAnswerChange);// Kliknij przycisk Submit submitBtn.addEventListener(’click’, () => {evaluateQuiz(); submitBtn.textContent = 'Gotowe’;submitBtn.disabled = true; submitBtn.setAttribute(’aria-disabled’, 'true’);}); Odkryj niezbędne przyprawy, które zamienią Twoje dania w prawdziwe kulinarne dzieła sztuki. Dowiedz się, jak dobrać smaki, które dodadzą elegancji Twoim wykwintnym posiłkom. 
Camille.Richard 
