diff options
| -rw-r--r-- | public/main.css | 14 | ||||
| -rw-r--r-- | public/main.js | 25 | ||||
| -rw-r--r-- | recettes/dessert/chocolat-cacahuete.md | 22 | ||||
| -rw-r--r-- | recettes/dessert/cookies.md | 1 | ||||
| -rw-r--r-- | recettes/dessert/crepes.md | 24 | ||||
| -rw-r--r-- | recettes/nettoyage/produit-vaisselle.md | 14 | ||||
| -rw-r--r-- | recettes/plat/galettes-1.md | 26 | ||||
| -rw-r--r-- | recettes/plat/galettes-2.md | 34 | ||||
| -rw-r--r-- | recettes/plat/galettes.md | 18 |
9 files changed, 59 insertions, 119 deletions
diff --git a/public/main.css b/public/main.css index a0f498e..7583bc0 100644 --- a/public/main.css +++ b/public/main.css @@ -3,6 +3,7 @@ --color-blue: #0D0D51; --color-gray: #AAAAAA; --color-green: #58B058; + --color-red: #FF0B0B; --size-bee: 0.2rem; --size-mouse: 0.5rem; @@ -33,6 +34,7 @@ body { max-width: 800px; margin: 0 auto; padding: var(--size-dog); + font-family: sans-serif; } header { @@ -88,8 +90,6 @@ ol > li::before { } ul > li { - display: flex; - align-items: center; padding-left: var(--size-dog); } @@ -129,10 +129,8 @@ ol > li.completed::before { input { background-color: transparent; font-size: inherit; - border: 1px solid var(--color-gray); - border-radius: var(--size-bee); - padding: var(--size-bee); - text-align: center; - width: var(--size-rhino); - margin-right: var(--size-mouse); + border: none; + padding: 0; + color: var(--color-red); + font-family: monospace; } diff --git a/public/main.js b/public/main.js index b79f2b6..80af905 100644 --- a/public/main.js +++ b/public/main.js @@ -13,6 +13,9 @@ window.onload = function() { const element = number.children[0] inputs.push({ element, value }) + // Adjust width to content + adjustInputWidthToContent(element) + element.addEventListener('input', function() { // Parse modified input value @@ -29,6 +32,8 @@ window.onload = function() { inputs.forEach(function (input) { if (input.element !== currentInput.element) { input.element.value = formatNumber(factor, input.value) + adjustInputWidthToContent(element) + adjustInputWidthToContent(input.element) } }) } @@ -37,11 +42,13 @@ window.onload = function() { // Set up done marks for steps - document.querySelectorAll('ol > li').forEach(function (item) { - item.addEventListener('click', function() { - item.className = item.className ? '' : 'completed' + document.querySelectorAll('ol > li').forEach(item => { + item.addEventListener('click', event => { + if (event.target.tagName !== 'INPUT') { + item.className = item.className ? '' : 'completed' + } }) - }) +}) } @@ -70,3 +77,13 @@ function precision(value) { return xs[1].length } } + +function adjustInputWidthToContent(element) { + if (element.value.length === 0) { + element.style['width'] = `1ch` + element.style['background-color'] = `red` + } else { + element.style['width'] = `${element.value.length}ch` + element.style['background-color'] = `transparent` + } +} diff --git a/recettes/dessert/chocolat-cacahuete.md b/recettes/dessert/chocolat-cacahuete.md deleted file mode 100644 index 609d085..0000000 --- a/recettes/dessert/chocolat-cacahuete.md +++ /dev/null @@ -1,22 +0,0 @@ -% Chocolat cacahuète - -# Ingrédients - -- peanut butter -- frozen mix of berries (blueberry, blackberry, strawberry etc) -- coconut flakes -- 99% chocolate -- butter -- stevia - -# Recette - -In a glass: - -1. Add \~2tbps of peanut butter (100%, organic) -2. Add a bit of melted butter to it, to make it more creamy -3. Add a few tablespoons of berries and coconut flakes and stevia (you - can experiment with the proportions) -4. Crush/mix this stuff together -5. Melt a couple of pieces of chocolate in butter, also add stevia to - this and pour it over the mixture diff --git a/recettes/dessert/cookies.md b/recettes/dessert/cookies.md index 3965f0d..2d74c68 100644 --- a/recettes/dessert/cookies.md +++ b/recettes/dessert/cookies.md @@ -16,6 +16,7 @@ Variante thé matcha : - `4` CS de thé matcha - `80` g de sucre semoule - `80` g de sucre brun +- `150` g de pépites de chocolat blanc # Recette diff --git a/recettes/dessert/crepes.md b/recettes/dessert/crepes.md index 68f86fb..6f7c0b6 100644 --- a/recettes/dessert/crepes.md +++ b/recettes/dessert/crepes.md @@ -1,19 +1,21 @@ % Crêpes -# Ingrédients (`12` crêpes) +# Ingrédients (`20` crêpes) -- `250` g de farine (blé, moitié blé moitié épautre ou sorgho) -- `1` pincée de sel -- `3` œufs -- `500` mL de lait végétal (amande, avoine, riz) -- `4` CS d'alcool -- `5` CS d'huile végétale (tournesol) ou `60` g de beurre +- `250` g de farine de froment +- `1` CS de farine de sarrasin +- `100` à `125` g de sucre (parfumé ou non) +- `1` cc rase de gros sel +- `2` œufs +- `50` cl de lait demi-écrémé +- `10` cl d’eau (possibilité de remplacer en partie par de la bière ou du rhum) +- `25` g de beurre fondu ou `1` CS d’huile # Recette -1. Verser la farine et le sel dans un saladier. -2. Former un puits. +1. Verser les farines, le sucre et le sel dans un saladier. +2. Mélanger et former un puits. 3. Ajouter les œufs en mélangeant progressivement. -4. Ajouter le lait en mélangeant progressivement. -5. Ajouter l'alcool et l'huile végétale. +4. Ajouter les liquides en mélangeant progressivement. +5. Ajouter les matières grasses. 6. Mélanger le tout. diff --git a/recettes/nettoyage/produit-vaisselle.md b/recettes/nettoyage/produit-vaisselle.md deleted file mode 100644 index 41e6163..0000000 --- a/recettes/nettoyage/produit-vaisselle.md +++ /dev/null @@ -1,14 +0,0 @@ -% Produit vaisselle - -# Ingrédients (`1` L de produit) - -- `0.8` L d'eau -- `2` CS de cristaux de soude - -# Recette - -1. Raper le savon de Marseille. -2. Chauffer le savon dans l'eau à feu doux-moyen. -3. Mélanger jusqu'à la dissolution du savon puis éteindre le feu. -4. Ajouter le vinaigre blanc, puis les cristaux de soude. -5. Mélanger / mixer le tout. diff --git a/recettes/plat/galettes-1.md b/recettes/plat/galettes-1.md deleted file mode 100644 index 3677c7e..0000000 --- a/recettes/plat/galettes-1.md +++ /dev/null @@ -1,26 +0,0 @@ -% Galettes (1) - -# Ingrédients - -- `200` g de sarrasin -- `1` L d'eau -- `120` g de farine de froment T55 -- `120` g de farine de seigle T130 -- `60` g de farine aux 5 céréales -- `1` grand verre de lait entier -- `2` cc rases de sel -- `70` g de beurre -- `2` œufs -- `1` CS rase de miel - -# Recette - -1. Mélanger les farines. -2. Former un puit et y casser les œufs. -3. Mélanger avec une cuillère en bois ou un fouet. -4. Faire fondre le beurre à la casserole. -5. Ajouter dans la casserole : le lait, le sel et le miel. -6. Verser progressivement dans le puits en remuant. -7. Verser l'eau en remuant. -8. Laisser reposer 4 ou 5 heures. -9. Beurrer la poêle pour chaque galette. diff --git a/recettes/plat/galettes-2.md b/recettes/plat/galettes-2.md deleted file mode 100644 index 896ea8c..0000000 --- a/recettes/plat/galettes-2.md +++ /dev/null @@ -1,34 +0,0 @@ -% Galettes (2) - -# Ingrédients - -## 1ère partie - -- `300` g de farine de sarrasin -- `2` CS de farine de froment -- `1` cc de sel -- `300` ml d'eau - -## 2ème partie - -- `1` CS rase de miel (si possible du miel de fleurs de sarrasin) -- `1` œuf -- `200` ml de lait -- `100` ml d'eau - -# Recette - -## 1ère partie - -1. Mélanger la farine de sarrasin, la farine de froment et le sel. -2. Ajouter l'eau. -3. Battre plusieurs minutes avec une cuillère ou spatule en bois. -4. Couvrir d'un tochon propre. -5. Laisser reposer quelques heures, dans une pièce tempérée ou au réfrigérateur. - -## 2ème partie - -1. Ajouter le miel et l'œuf. -2. Battre. -3. Ajouter le lait et l'eau. -4. Mélanger. diff --git a/recettes/plat/galettes.md b/recettes/plat/galettes.md new file mode 100644 index 0000000..a8b5df2 --- /dev/null +++ b/recettes/plat/galettes.md @@ -0,0 +1,18 @@ +% Galettes + +# Ingrédients (`15` galettes) + +- `250` g de farine de sarrasin +- `1` CS de farine de froment +- `1` cc rase de gros sel +- `1` œuf +- `12` cl d'eau +- `48` cl de lait demi-écrémé + +# Recette + +1. Verser les farines, le sel, l’œuf et l’eau dans un saladier. +2. Mélanger jusqu’à l’obtention d’une boule compacte. +3. Ajouter `12` cl de lait et délayer. +4. Battre jusqu’a obtenir une pâte parfaitement homogène. +5. Ajouter progressivement `36` cl de lait. |
