-
-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: nutriscore page image size and other fixes (#652)
* fix: nutriscore page image size and other fixes * new promo images * new suggestions from SPF --------- Co-authored-by: Off <[email protected]>
- Loading branch information
1 parent
c69eada
commit 0935143
Showing
2 changed files
with
70 additions
and
63 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,24 +1,25 @@ | ||
| <center> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Nutri-Score%20evolves%20-%20A%20closer%20look%20-%20center%20-%20EN.png" alt="Nutri-Score evolves - A closer look"> | ||
| </center> | ||
| <br><br> | ||
| <img src="https://static.openfoodfacts.org/images/misc/nutriscore/new-nutriscore-h | ||
| eader-en.jpg" alt="Nutri-Score evolves - A closer look"> | ||
| <br><br> | ||
|
|
||
| <div> | ||
| <p>We are excited to announce <strong>the launch of Nutri-Score v2 on Open Food Facts</strong>, the first major upgrade of the nutritional labelling system.</p> | ||
| <p>We are excited to announce <strong>the launch of new Nutri-Score on Open Food Facts</strong>, the first major upgrade of the nutritional labelling system.</p> | ||
| <p>This is available today on our Open Food Facts mobile app for Android and iPhone, as well as on our website, in line with a long tradition of pioneering firsts.</p> | ||
| </div> | ||
| <h2 class="title-2 emphasized-title"> | ||
| <strong>What is Nutri-Score?</strong> | ||
| <strong>What is the Nutri-Score?</strong> | ||
| </h2> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/What%20is%20the%20Nutri-Score%20-%20EN.png" alt="What is the Nutri-Score"> | ||
| <p>Nutri-Score is a logo that aims to inform you about the nutritional quality of food. The color code ranges from dark green (A) for the healthiest products to dark red (E) for the least healthy.</p> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/What%20is%20the%20Nutri-Score%20-%20EN.png" alt="What is the Nutri-Score"> | ||
| <p>The Nutri-Score is a logo that aims to inform you about the nutritional quality of food. The color code ranges from dark green (A) for the healthiest products to dark red (E) for the least healthy.</p> | ||
| <a class="button round secondary small" href="/nutriscore">Read our explanation page about the Nutri-Score</a> | ||
|
|
||
| <h2 class="title-2 emphasized-title"> | ||
| <strong>Why is Nutri-Score changing?</strong> | ||
| </h2> | ||
|
|
||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Nutri-Score%20facts%20-%20EN.png" alt="Nutri-Score facts"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Why%20a%20new%20algorithm%20-%20EN.png" alt="Why a new algorithm"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Nutri-Score%20facts%20-%20EN.png" alt="Nutri-Score facts"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Why%20a%20new%20algorithm%20-%20EN.png" alt="Why a new algorithm"> | ||
| <p>The Nutri-Score formula is evolving to provide better recommendations:</p> | ||
| <ul> | ||
| <li><strong>Better evaluate all drinks</strong> - The comparative scores of milk, sweetened dairy drinks, and plant-based drinks have been better differentiated in the new algorithm.</li> | ||
|
|
@@ -47,31 +48,33 @@ <h2 class="title-2 emphasized-title"><strong>What does not change</strong></h2> | |
| <h2 class="title-2 emphasized-title">The algorithm is evolving to be more in line with dietary recommendations</h2> | ||
| <p><em>"This new algorithm will enhance the effectiveness of the Nutri-score in classifying foods and drinks, in line with the main dietary recommendations of European countries, and guide consumers towards informed choices that are good for their health" </em>explains the French Directorate-General for Health.</p> | ||
| <p><strong>✅ Strengthened criterion</strong> </p> | ||
| <p>The EREN* scientific team has completely <strong>reviewed the algorithm</strong> used to calculate the Nutri-Score, resulting in more scores that better reflect the nutritional quality of products, <strong>with many of them losing a grade</strong>.</p> | ||
| <p>The European scientific commitee of the Nutri-Score <strong>reviewed the algorithm</strong> used to calculate the Nutri-Score, to better reflect the nutritional quality of products. | ||
| <strong>30% to 40% of products have a changed score.</strong></p> | ||
| <p><strong>✅ </strong><strong>Distinctive banner for new calculation</strong> </p> | ||
| <p>Nutri-Score v2 will have <strong>a distinctive banner</strong> indicating that it has been calculated using <strong>the new formula</strong>. While the banner is not mandatory on packs, it provides assurance that the Nutri-Score has been correctly calculated.</p> | ||
| <p>The Nutri-Score logo can how have <strong>a distinctive banner</strong> indicating that it has been calculated using <strong>the new formula</strong>. | ||
| While the banner is not mandatory on packs, it provides assurance that the Nutri-Score has been calculated with the new algorithm.</p> | ||
| <img src="https://world.openfoodfacts.org/images/misc/new-nutriscore/before-after-en.png" alt="" width="600px" border="0" /> | ||
| <h2 class="title-2 emphasized-title">Where can you find the Nutri-Score V2 ?</h1> | ||
| <h2 class="title-2 emphasized-title">Where can you find the new Nutri-Score?</h1> | ||
| <ul> | ||
| <li><strong>The Open Food Facts website:</strong> You can find Nutri-Score v2 on the product pages of our website, <a href="https://world.openfoodfacts.org/"><u>Open Food Facts</u></a>.</li> | ||
| <li><strong>The official Open Food Facts mobile app:</strong> The Nutri-Score v2 is also available today on <a href="https://world.openfoodfacts.org/open-food-facts-mobile-app?utm_source=off&utf_medium=web&utm_campaign=search_and_links_promo_en"><u>our mobile app</u></a>, allowing you to scan products and see their nutritional scores on the go.</li> | ||
| <li><strong>The Open Food Facts free Platform for Food Professionals:</strong> We have updated <a href="https://world.pro.openfoodfacts.org/"><u>our platform for professionals</u></a> to include Nutri-Score v2, enabling food manufacturers and retailers to improve the nutritional quality of their products.</li> | ||
| <li><strong>Our OpenData Exports:</strong> Nutri-Score v2 is also available in <a href="https://world.openfoodfacts.org/data"><u>our data exports</u></a>, allowing researchers, journalists, and other stakeholders to access this new nutritional information.</li> | ||
| <li><strong>The Open Food Facts website:</strong> You can find new Nutri-Score on the product pages of our website, <a href="https://world.openfoodfacts.org/"><u>Open Food Facts</u></a>.</li> | ||
| <li><strong>The official Open Food Facts mobile app:</strong> The new Nutri-Score is also available today on <a href="https://world.openfoodfacts.org/open-food-facts-mobile-app?utm_source=off&utf_medium=web&utm_campaign=search_and_links_promo_en"><u>our mobile app</u></a>, allowing you to scan products and see their nutritional scores on the go.</li> | ||
| <li><strong>The Open Food Facts free Platform for Food Professionals:</strong> We have updated <a href="https://world.pro.openfoodfacts.org/"><u>our platform for professionals</u></a> to include new Nutri-Score, enabling food manufacturers and retailers to improve the nutritional quality of their products.</li> | ||
| <li><strong>Our OpenData Exports:</strong> new Nutri-Score is also available in <a href="https://world.openfoodfacts.org/data"><u>our data exports</u></a>, allowing researchers, journalists, and other stakeholders to access this new nutritional information.</li> | ||
| <li><strong>For the 200+ web and mobile applications based on Open Food Facts,</strong> we have made available new logos to use and advice to <a href="https://openfoodfacts.github.io/openfoodfacts-server/reference/api-tutorials/get-the-nutriscore/" target="_blank">support the migration in this tutorial</a>. Please direct additional questions at <a href="mailto:[email protected]"><u>[email protected]</u></a></li> | ||
| </ul> | ||
| <h2 class="title-2 emphasized-title">For journalists</h1> | ||
| <ul> | ||
| <li><strong>If you’re covering this subject,</strong> we have a press kit around Nutri-Score V2 and Open Food Facts. We also did a press webinar a few hours ago that will be available shortly for replay. If you’d like to be added to our press listings for advance briefings, please get in touch at <a href="mailto:[email protected]"><u>[email protected]</u></a></li> | ||
| <li><strong>If you’re covering this subject,</strong> we have a press kit around the new Nutri-Score and Open Food Facts. We also did a press webinar a few hours ago that will be available shortly for replay. If you’d like to be added to our press listings for advance briefings, please get in touch at <a href="mailto:[email protected]"><u>[email protected]</u></a></li> | ||
| </ul> | ||
|
|
||
| <a class="button round secondary small" href="https://blog.openfoodfacts.org/en/new-nutri-score-v2-presskit">Nutri-Score v2 presskit</a> | ||
| <a class="button round secondary small" href="https://blog.openfoodfacts.org/en/new-nutri-score-v2-presskit">new Nutri-Score presskit</a> | ||
|
|
||
| <h2 class="title-2 emphasized-title">Open Food Facts and the Nutri-Score</h1> | ||
| <h4>Open Food Facts has been a historical supporter of the Nutri-Score since 2014. </h4> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Nutri-Score%20%26%20Open%20Food%20Facts%20-%20EN.png" alt="Nutri-Score and Open Food Facts"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Nutri-Score%20%26%20Open%20Food%20Facts%20-%20EN.png" alt="Nutri-Score and Open Food Facts"> | ||
| <a class="button round secondary small" href="/open-food-facts-and-the-nutriscore">Read our page Open Food Facts and the Nutri-Score</a> | ||
|
|
||
| <p>We believe that Nutri-Score v2 is <strong>a valuable tool</strong> for consumers, food manufacturers, and retailers alike. </p> | ||
| <p>We believe that new Nutri-Score is <strong>a valuable tool</strong> for consumers, food manufacturers, and retailers alike. </p> | ||
| <p>It provides:</p> | ||
| <p><strong>✔ a clear and concise summary of the nutritional quality</strong> of products, </p> | ||
| <p><strong>✔ </strong>helping consumers make informed choices</p> | ||
|
|
@@ -84,42 +87,42 @@ <h2>Nutri-Score Visuals</h2> | |
| <h3>Milks</h3> | ||
| <div class="carousel-container"> | ||
| <div class="carousel"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Milks%20-%20whole%20-%20EN.png" alt="Nutri-Score for whole milk"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Milks%20-%20skimmed%20-%20EN.png" alt="Nutri-Score for skimmed milk"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Milks%20-%20whole%20-%20EN.png" alt="Nutri-Score for whole milk"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Milks%20-%20skimmed%20-%20EN.png" alt="Nutri-Score for skimmed milk"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3>Beverages</h3> | ||
| <div class="carousel-container"> | ||
| <div class="carousel"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Beverages%20-%20Juices%20-%20EN.png" alt="Nutri-Score for fruit juices"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Beverages%20-%20Water%20-%20EN.png" alt="Nutri-Score for water"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sugar%20sweetened%20beverages%20-%20EN.png" alt="Nutri-Score for sugar-sweetened beverages"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sugar%20sweetened%20beverages%20-%20Zero%20cola%20-%20EN.png" alt="Nutri-Score for zero-sugar cola"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Beverages%20-%20Juices%20-%20EN.png" alt="Nutri-Score for fruit juices"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Beverages%20-%20Water%20-%20EN.png" alt="Nutri-Score for water"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sugar%20sweetened%20beverages%20-%20EN.png" alt="Nutri-Score for sugar-sweetened beverages"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sugar%20sweetened%20beverages%20-%20Zero%20cola%20-%20EN.png" alt="Nutri-Score for zero-sugar cola"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3>Sweetened & Flavored Drinks</h3> | ||
| <div class="carousel-container"> | ||
| <div class="carousel"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sweetened%20%26%20Flavored%20Drinks%20-%20Drinkable%20yogurt%20-%20EN.png" alt="Nutri-Score for drinkable yogurt"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sweetened%20%26%20Flavored%20Drinks%20-%20Milk%20shake%20-%20EN.png" alt="Nutri-Score for milkshake"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sweetened%20%26%20Flavored%20Drinks%20-%20Drinkable%20yogurt%20-%20EN.png" alt="Nutri-Score for drinkable yogurt"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Sweetened%20%26%20Flavored%20Drinks%20-%20Milk%20shake%20-%20EN.png" alt="Nutri-Score for milkshake"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3>Oils</h3> | ||
| <div class="carousel-container"> | ||
| <div class="carousel"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Oils%20-%20Olive%20-%20EN.png" alt="Nutri-Score for olive oil"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Oils%20-%20Sunflower%20-%20EN.png" alt="Nutri-Score for sunflower oil"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Oils%20-%20Olive%20-%20EN.png" alt="Nutri-Score for olive oil"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Oils%20-%20Sunflower%20-%20EN.png" alt="Nutri-Score for sunflower oil"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3>Poultry and fish</h3> | ||
| <div class="carousel-container"> | ||
| <div class="carousel"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Poultry%20-%20EN.png" alt="Nutri-Score for poultry"> | ||
| <img width="200px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Fatty%20fish%20-%20EN.png" alt="Nutri-Score for fatty fish"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Poultry%20-%20EN.png" alt="Nutri-Score for poultry"> | ||
| <img width="400px" src="https://world.openfoodfacts.org/images/misc/new-nutriscore/Fatty%20fish%20-%20EN.png" alt="Nutri-Score for fatty fish"> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
Oops, something went wrong.