Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Getting nutriscore-v2.html ready for release in France #643

Merged
merged 2 commits into from
Dec 15, 2024
Merged

feat: Getting nutriscore-v2.html ready for release in France #643

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8acc2c6
feat: Getting nutriscore-v2.html ready for release in France
teolemon Dec 14, 2024
bb71ba2
Update and rename nutriscore-v2.html to new-nutriscore.html
teolemon Dec 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions lang/en/texts/nutriscore-v2.html → lang/en/texts/new-nutriscore.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,24 @@
<style>
/* Basic responsive styling */
.carousel-container {
width: 90%;
margin: 20px auto;
overflow-x: auto;
}

.carousel {
display: flex;
white-space: nowrap;
}

.carousel img {
height: 200px; /* Adjust as needed */
margin-right: 10px;
}

/* Add more styles for responsiveness and appearance as needed */
</style>

<center></center><img src="https://img.mailinblue.com/2102565/images/content_library/original/6650b51e203fef16b680723f.png" alt="The Nutri-Score evolves" width="570" border="0" /></center>
<div>
<p>We are excited to announce&nbsp;<strong>the launch of Nutri-Score v2 on Open Food Facts</strong>, the first major upgrade of the nutritional labelling system.</p>
Expand Down Expand Up @@ -61,3 +82,54 @@ <h1 class="title-2 emphasized-title">Some of the changes at a glance</h1>
&shy;
<img src="https://img.mailinblue.com/2102565/images/content_library/original/6650ab73203fef16b6806fad.png" alt="" width="570" border="0" />
&shy;

<h2>Nutri-Score Visuals</h2>

<h3>Milks</h3>
<div class="carousel-container">
<div class="carousel">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Milks%20-%20whole%20-%20EN.png" alt="Nutri-Score for whole milk">
<img src="https://world.openfoodfacts.net/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 src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Beverages%20-%20Juices%20-%20EN.png" alt="Nutri-Score for fruit juices">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Beverages%20-%20Water%20-%20EN.png" alt="Nutri-Score for water">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Sugar%20sweetened%20beverages%20-%20EN.png" alt="Nutri-Score for sugar-sweetened beverages">
<img src="https://world.openfoodfacts.net/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 src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Sweetened%20%26%20Flavored%20Drinks%20-%20Drinkable%20yogurt%20-%20EN.png" alt="Nutri-Score for drinkable yogurt">
<img src="https://world.openfoodfacts.net/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 src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Oils%20-%20Olive%20-%20EN.png" alt="Nutri-Score for olive oil">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Oils%20-%20Sunflower%20-%20EN.png" alt="Nutri-Score for sunflower oil">
</div>
</div>

<h3>Other</h3>
<div class="carousel-container">
<div class="carousel">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Poultry%20-%20EN.png" alt="Nutri-Score for poultry">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Fatty%20fish%20-%20EN.png" alt="Nutri-Score for fatty fish">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Nutri-Score%20%26%20Open%20Food%20Facts%20-%20EN.png" alt="Nutri-Score and Open Food Facts">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Nutri-Score%20evolves%20-%20A%20closer%20look%20-%20center%20-%20EN.png" alt="Nutri-Score evolves - A closer look">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Nutri-Score%20evolves%20-%20A%20closer%20look%20-%20dark%20-%20EN.png" alt="Nutri-Score evolves - A closer look">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Nutri-Score%20evolves%20-%20A%20closer%20look%20-%20EN%20-%20light.png" alt="Nutri-Score evolves - A closer look">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Nutri-Score%20facts%20-%20EN.png" alt="Nutri-Score facts">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/What%20is%20the%20Nutri-Score%20-%20EN.png" alt="What is the Nutri-Score">
<img src="https://world.openfoodfacts.net/images/misc/new-nutriscore/Why%20a%20new%20algorithm%20-%20EN.png" alt="Why a new algorithm">
</div>
</div>
Loading