Difference between revisions of "OBF:Translations/Discover page/English"

From Open Food Facts wiki
Jump to navigation Jump to search
obf>Teolemon
(draft)
 
m (8 revisions imported: Import OBF 3/n)
 
(7 intermediate revisions by one other user not shown)
Line 6: Line 6:
 
<div class="row">
 
<div class="row">
 
<div class="text-center small-12 medium-4 columns">
 
<div class="text-center small-12 medium-4 columns">
<img src="/images/svg/openbeautyfacts-logo-en.svg" width="100%" style="max-width:356px" alt="Open Beauty Facts" />
+
<!--<img src="/images/svg/openbeautyfacts-logo-en.svg" width="100%" style="max-width:356px" alt="Open Beauty Facts" />-->
 +
                <img src="/images/misc/openbeautyfacts-logo-en-356x300.png" width="100%" style="max-width:356px" alt="Open Beauty Facts" />
 
</div>
 
</div>
 
<div class="small-12 medium-8 columns text-right hide-for-small" style="border-left:none,border-right: 1px solid #DDDDDD;">
 
<div class="small-12 medium-8 columns text-right hide-for-small" style="border-left:none,border-right: 1px solid #DDDDDD;">
 
<h1>Open Beauty Facts</h1>
 
<h1>Open Beauty Facts</h1>
 
<h2 class="subheader">The free cosmetic products database.</h2>
 
<h2 class="subheader">The free cosmetic products database.</h2>
<blockquote style="border-left:none;border-right: 1px solid #DDDDDD;">Beauty, to me, is about being comfortable in your own skin. That, or a kick-ass red lipstick.
+
<!--<blockquote style="border-left:none;border-right: 1px solid #DDDDDD;">Beauty, to me, is about being comfortable in your own skin. That, or a kick-ass red lipstick.
<cite>Gwyneth Paltrow - 2000s</cite></blockquote>
+
<cite>Gwyneth Paltrow - 2000s</cite></blockquote>-->
  
 
</div>
 
</div>
Line 28: Line 29:
 
<div class="row text-center">
 
<div class="row text-center">
 
<div class="medium-4 columns">
 
<div class="medium-4 columns">
<img src="/images/svg/beauty-database-icon.svg" alt="A cosmetics products database" />
+
<img src="https://static.openfoodfacts.org/images/svg/food-database-icon.svg" alt="A cosmetics products database" />
 
<h3>A cosmetics products database</h3>
 
<h3>A cosmetics products database</h3>
 
<p>Open Beauty Facts is a database of cosmetics products with ingredients, allergens, indicia and all
 
<p>Open Beauty Facts is a database of cosmetics products with ingredients, allergens, indicia and all
Line 36: Line 37:
 
 
 
<div class="medium-4 columns">
 
<div class="medium-4 columns">
<img src="/images/svg/crowdsourcing-icon.svg" alt="Made by everyone - Crowdsourcing" />
+
<img src="https://static.openfoodfacts.org/images/svg/crowdsourcing-icon.svg" alt="Made by everyone - Crowdsourcing" />
 
<h3>Made by everyone</h3>
 
<h3>Made by everyone</h3>
 
<p>Open Beauty Facts is a non-profit association of volunteers.</p>
 
<p>Open Beauty Facts is a non-profit association of volunteers.</p>
 
<p>1800+ contributors like you have added 43&nbsp;000+ products from 150 countries using our
 
<p>1800+ contributors like you have added 43&nbsp;000+ products from 150 countries using our
<a href="https://play.google.com/store/apps/details?id=org.openbeautyfacts.scanner">Android</a>,
+
<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner">Android</a>,
<a href="https://itunes.apple.com/en/app/open-beauty-facts/id588797948">iPhone</a> or
+
<a href="https://geo.itunes.apple.com/us/app/open-beauty-facts/id1122926380">iPhone</a> or
<a href="http://www.windowsphone.com/en-us/store/app/openbeautyfacts/5d7cf939-cfd9-4ac0-86d7-91b946f4df34">Windows Phone</a> app
+
<a href="http://www.windowsphone.com/en-us/store/app/openfoodfacts/5d7cf939-cfd9-4ac0-86d7-91b946f4df34">Windows Phone</a> app
 
or their camera to scan barcodes and upload pictures of products and their labels.
 
or their camera to scan barcodes and upload pictures of products and their labels.
 
</p>
 
</p>
Line 48: Line 49:
  
 
<div class="medium-4 columns">
 
<div class="medium-4 columns">
<img src="/images/svg/opendata-crowd-icon.svg" alt="For everyone - Open data" />
+
<img src="https://static.openfoodfacts.org/images/svg/opendata-crowd-icon.svg" alt="For everyone - Open data" />
 
<h3>For everyone</h3>
 
<h3>For everyone</h3>
 
<p>Data about cosmetics is of public interest and has to be open.
 
<p>Data about cosmetics is of public interest and has to be open.
Line 68: Line 69:
 
<ul class="text-center small-block-grid-1 medium-block-grid-2 large-block-grid-4">
 
<ul class="text-center small-block-grid-1 medium-block-grid-2 large-block-grid-4">
 
<li>
 
<li>
<img src="/images/svg/decode-labels-icon.svg" alt="Decode labels" />
+
<img src="https://static.openfoodfacts.org/images/svg/decode-labels-icon.svg" alt="Decode labels" />
 
<h3>Decode labels</h3>
 
<h3>Decode labels</h3>
<p>Cosmetics additives E-numbers, allergens, packaging codes... Open Beauty Facts helps you to make sense of
+
<p>Cosmetics additives, F.I.L. codes, CI-numbers, allergens, packaging codes... Open Beauty Facts helps you to make sense of
 
the fine print on products labels.
 
the fine print on products labels.
 
</p>
 
</p>
<img src="/images/svg/nutrition-grade-icon.svg" alt="Risks grade"/>
+
<!--<img src="https://static.openfoodfacts.org/images/svg/nutrition-grade-icon.svg" alt="Risks grade"/>-->
 
<p>We also grade the risks of each product.</p>
 
<p>We also grade the risks of each product.</p>
 
</li>
 
</li>
 
 
 
<li>
 
<li>
<img src="/images/svg/find-products-icon.svg" alt="Find products"/>
+
<img src="https://static.openfoodfacts.org/images/svg/find-products-icon.svg" alt="Find products"/>
 
<h3>Find products</h3>
 
<h3>Find products</h3>
 
<p>Our <a href="/cgi/search.pl">search form</a> includes dozens of criteria so that you can find
 
<p>Our <a href="/cgi/search.pl">search form</a> includes dozens of criteria so that you can find
Line 86: Line 87:
  
 
<li>
 
<li>
<a href="http://world.openbeautyfacts.org/cgi/search.pl?action=process&tagtype_0=categories&tag_contains_0=contains&tag_0=Shampps&sort_by=unique_scans_n&page_size=20&axis_x=sugars&axis_y=fat&series_nutrition_grades=on&graph=1">
+
<a href="https://world.openbeautyfacts.org/cgi/search.pl?action=process&tagtype_0=categories&tag_contains_0=contains&tag_0=Shampoos&sort_by=unique_scans_n&page_size=20&axis_x=sugars&axis_y=fat&graph=1">
<img src="/images/svg/compare-graph-icon.320x240.png" alt="Compare products"/></a>
+
<img src="https://static.openfoodfacts.org/images/svg/compare-graph-icon.320x240.png" alt="Compare products"/></a>
 
<h3>Compare and change</h3>
 
<h3>Compare and change</h3>
<p>Do you know which breakfast cereals have the less fat and sugar? In 3 clicks you can create
+
<p>Do you know which shampoos have the less chemicals? In 3 clicks you can create
 
an interactive graph to show it. So you can change for healthier shampoos, and by comparing products
 
an interactive graph to show it. So you can change for healthier shampoos, and by comparing products
 
from different brands, you encourage producers to make them better.
 
from different brands, you encourage producers to make them better.
Line 96: Line 97:
 
 
 
<li>
 
<li>
<a href="/label/fair-trade/origins"><img src="/images/svg/fairtrade-origins-min.svg" alt="Origins of ingredients of Perfumes" /></a>
+
<a href="/category/perfumes/origins"><img src="https://static.openfoodfacts.org/images/svg/fairtrade-origins-min.svg" alt="Origins of ingredients of Perfumes" /></a>
 
<h3>Explore and discover</h3>
 
<h3>Explore and discover</h3>
 
<p>Curious about cosmetics? Explore products by facets like brands, categories,
 
<p>Curious about cosmetics? Explore products by facets like brands, categories,
Line 122: Line 123:
 
<p>How many cosmetics commercials have you seen in your life? Open data can help to see the facts under the marketing.</p>
 
<p>How many cosmetics commercials have you seen in your life? Open data can help to see the facts under the marketing.</p>
 
</div>
 
</div>
<a href="http://howmuchsugar.in"><img src="/images/svg/howmuchsugar-icon.svg" alt="How much paraben?" /></a>
+
<a href="http://howmuchsugar.in"><img src="https://static.openfoodfacts.org/images/svg/howmuchsugar-icon.svg" alt="How much paraben?" /></a>
 
<h4 class="subheader">How much paraben?</h4>
 
<h4 class="subheader">How much paraben?</h4>
<p>Can you guess the equivalent amount of paraben in your cosmetic? Try <a href="http://howmuchparaben.in">How much paraben?</a> to find out.</p>
+
<p>Can you guess the equivalent amount of paraben in your cosmetic? Try <a href="">How much paraben?</a> to find out.</p>
 
</div>
 
</div>
 
 
Line 133: Line 134:
 
are shared as well.</p>
 
are shared as well.</p>
 
</div>
 
</div>
<a href="http://madenear.me"><img src="/images/svg/madenearme-icon.png" alt="Made Near Me" /></a>
+
<a href="http://madenear.me"><img src="https://static.openfoodfacts.org/images/svg/madenearme-icon.png" alt="Made Near Me" /></a>
 
<h4 class="subheader">Made Near Me</h4>
 
<h4 class="subheader">Made Near Me</h4>
 
<p>Know where your cosmetics comes from and Pamper Locally with <a href="http://madenear.me">Made Near Me!</a></p>
 
<p>Know where your cosmetics comes from and Pamper Locally with <a href="http://madenear.me">Made Near Me!</a></p>
Line 141: Line 142:
 
<div data-equalizer-watch>
 
<div data-equalizer-watch>
 
<h3>Science</h3>
 
<h3>Science</h3>
<p>Open Beauty Facts data is used by scientists in different fields (Nutrition, Biology, Linked Open Data...).
+
<p>Open Beauty Facts data is used by scientists in different fields (Chemistry, Biology, Linked Open Data...).
 
And you don't need a PhD to take part in citizen science!</p>
 
And you don't need a PhD to take part in citizen science!</p>
 
</div>
 
</div>
<img src="/images/svg/science-icon.svg" alt="Science" />
+
<img src="https://static.openfoodfacts.org/images/svg/science-icon.svg" alt="Science" />
<h4 class="subheader">Risk grades</h4>
+
<h4 class="subheader">Risks and Safety measures.</h4>
<p>PLACEHOLDER</p>
+
<p><!--Open Beauty Facts looks for ingredients that should be taken with caution, as well as international risk and safety phrases.--></p>
 
</div>
 
</div>
 
 

Latest revision as of 10:19, 30 April 2020

Go back to the main OBF:Translations page.

<!-- no side column -->

<div class="row">
	<div class="text-center small-12 medium-4 columns">
		<!--<img src="/images/svg/openbeautyfacts-logo-en.svg" width="100%" style="max-width:356px" alt="Open Beauty Facts" />-->
                <img src="/images/misc/openbeautyfacts-logo-en-356x300.png" width="100%" style="max-width:356px" alt="Open Beauty Facts" />
	</div>
	<div class="small-12 medium-8 columns text-right hide-for-small" style="border-left:none,border-right: 1px solid #DDDDDD;">
		<h1>Open Beauty Facts</h1>
		<h2 class="subheader">The free cosmetic products database.</h2>
		<!--<blockquote style="border-left:none;border-right: 1px solid #DDDDDD;">Beauty, to me, is about being comfortable in your own skin. That, or a kick-ass red lipstick.
		<cite>Gwyneth Paltrow - 2000s</cite></blockquote>-->

	</div>

</div>

<hr>

<div class="row text-center">
	<div class="large-12 columns">
		<h2>Open your cosmetics and know what you use on your body</h2>
		<h4 class="subheader">Be part of our collaborative, free and open database of cosmetics products from around the world!</h4>
	</div>
</div>
<div class="row text-center">
	<div class="medium-4 columns">
		<img src="https://static.openfoodfacts.org/images/svg/food-database-icon.svg" alt="A cosmetics products database" />
		<h3>A cosmetics products database</h3>
		<p>Open Beauty Facts is a database of cosmetics products with ingredients, allergens, indicia and all
		the tidbits of information we can find on product labels.
		</p>
	</div>
	
	<div class="medium-4 columns">
		<img src="https://static.openfoodfacts.org/images/svg/crowdsourcing-icon.svg" alt="Made by everyone - Crowdsourcing" />	
		<h3>Made by everyone</h3>
		<p>Open Beauty Facts is a non-profit association of volunteers.</p>
		<p>1800+ contributors like you have added 43 000+ products from 150 countries using our
<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner">Android</a>,
<a href="https://geo.itunes.apple.com/us/app/open-beauty-facts/id1122926380">iPhone</a> or
<a href="http://www.windowsphone.com/en-us/store/app/openfoodfacts/5d7cf939-cfd9-4ac0-86d7-91b946f4df34">Windows Phone</a> app
or their camera to scan barcodes and upload pictures of products and their labels.
		</p>
	</div>

	<div class="medium-4 columns">
		<img src="https://static.openfoodfacts.org/images/svg/opendata-crowd-icon.svg" alt="For everyone - Open data" />	
		<h3>For everyone</h3>
		<p>Data about cosmetics is of public interest and has to be open.
The complete database is published as open data
and can be reused by anyone and for any use. Check-out the <a href="#reuses">cool reuses</a> or make your own!
		</p>
	</div>
</div>

<hr>

<div class="row text-center">
	<div class="large-12 columns">
		<h2>Make better cosmetics choices</h2>
		<h4 class="subheader">Knowledge is power. Cosmetics knowledge is power to pamper yourself better!</h4>
	</div>
</div>

<ul class="text-center small-block-grid-1 medium-block-grid-2 large-block-grid-4">
	<li>
		<img src="https://static.openfoodfacts.org/images/svg/decode-labels-icon.svg" alt="Decode labels" />
		<h3>Decode labels</h3>
		<p>Cosmetics additives, F.I.L. codes, CI-numbers, allergens, packaging codes... Open Beauty Facts helps you to make sense of
the fine print on products labels.
		</p>
		<!--<img src="https://static.openfoodfacts.org/images/svg/nutrition-grade-icon.svg" alt="Risks grade"/>-->
		<p>We also grade the risks of each product.</p>
	</li>
	
	<li>
		<img src="https://static.openfoodfacts.org/images/svg/find-products-icon.svg" alt="Find products"/>
		<h3>Find products</h3>
		<p>Our <a href="/cgi/search.pl">search form</a> includes dozens of criteria so that you can find
product that match your criteria.
		</p>
	</li>

	<li>
		<a href="https://world.openbeautyfacts.org/cgi/search.pl?action=process&tagtype_0=categories&tag_contains_0=contains&tag_0=Shampoos&sort_by=unique_scans_n&page_size=20&axis_x=sugars&axis_y=fat&graph=1">
		<img src="https://static.openfoodfacts.org/images/svg/compare-graph-icon.320x240.png" alt="Compare products"/></a>
		<h3>Compare and change</h3>
		<p>Do you know which shampoos have the less chemicals? In 3 clicks you can create
an interactive graph to show it. So you can change for healthier shampoos, and by comparing products
from different brands, you encourage producers to make them better.
		</p>
	</li>
	
	<li>
		<a href="/category/perfumes/origins"><img src="https://static.openfoodfacts.org/images/svg/fairtrade-origins-min.svg" alt="Origins of ingredients of Perfumes" /></a>
		<h3>Explore and discover</h3>
		<p>Curious about cosmetics? Explore products by facets like brands, categories,
labels, origins of ingredients etc. Facets can be combined to discover new insights,
for instance to map the <a href="/label/fair-trade/origins">origins of ingredients that bear a fair trade label</a>.
		</p>
	</li>
</ul>

<hr>

<div class="row text-center">
	<div class="large-12 columns">
		<h2>Cosmetics, for innovation and science</h2>
		<h4 class="subheader">Our data can be reused for education, new products and services, research and more!</h4>
		<p class="text-left">The Open Beauty Facts database is open data published under the Open Database Licence. Anyone can use it
for any purpose - commercial or non-commercial - provided the source of the data is attributed and improvements to the
database are shared in a similar way.</p>
	</div>
</div>
<div class="row text-center" data-equalizer id="reuses">
	<div class="medium-4 columns">
		<div data-equalizer-watch>
			<h3>Education</h3>
			<p>How many cosmetics commercials have you seen in your life? Open data can help to see the facts under the marketing.</p>
		</div>
		<a href="http://howmuchsugar.in"><img src="https://static.openfoodfacts.org/images/svg/howmuchsugar-icon.svg" alt="How much paraben?" /></a>
		<h4 class="subheader">How much paraben?</h4>
		<p>Can you guess the equivalent amount of paraben in your cosmetic? Try <a href="">How much paraben?</a> to find out.</p>
	</div>
	
	<div class="medium-4 columns">
		<div data-equalizer-watch>
			<h3>Products and services</h3>
			<p>Open Beauty Facts data can be reused in both non-commercial and commercial projects, as long as improvements to the database
are shared as well.</p>			
		</div>
		<a href="http://madenear.me"><img src="https://static.openfoodfacts.org/images/svg/madenearme-icon.png" alt="Made Near Me" /></a>
		<h4 class="subheader">Made Near Me</h4>
		<p>Know where your cosmetics comes from and Pamper Locally with <a href="http://madenear.me">Made Near Me!</a></p>
	</div>	
	
	<div class="medium-4 columns">
		<div data-equalizer-watch>
			<h3>Science</h3>
			<p>Open Beauty Facts data is used by scientists in different fields (Chemistry, Biology, Linked Open Data...).
			And you don't need a PhD to take part in citizen science!</p>
		</div>
		<img src="https://static.openfoodfacts.org/images/svg/science-icon.svg" alt="Science" />
		<h4 class="subheader">Risks and Safety measures.</h4>
		<p><!--Open Beauty Facts looks for ingredients that should be taken with caution, as well as international risk and safety phrases.--></p>
	</div>	
	
</div>
<div class="row text-center">
	<div class="large-12 columns">
		<p>See <a href="/reuses">all reuses</a>, or <a href="/data">check out our data</a> to create yours!</p>
	</div>
</div>