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

From Open Food Facts wiki
obf>Teolemon
(small fixes)
obf>Teolemon
No edit summary
Line 29: 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/food-database-icon.svg" alt="A cosmetics products database" />
<img src="http://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 37: 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="http://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>
Line 49: 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="http://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 69: 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="http://static.openfoodfacts.org/images/svg/decode-labels-icon.svg" alt="Decode labels" />
<h3>Decode labels</h3>
<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
<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="http://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="http://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 88: Line 88:
<li>
<li>
<a href="http://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">
<a href="http://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="http://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 shampoos have the less chemicals? In 3 clicks you can create
<p>Do you know which shampoos have the less chemicals? In 3 clicks you can create
Line 97: Line 97:
<li>
<li>
<a href="/category/perfumes/origins"><img src="/images/svg/fairtrade-origins-min.svg" alt="Origins of ingredients of Perfumes" /></a>
<a href="/category/perfumes/origins"><img src="http://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 123: 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="http://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="">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>
Line 145: Line 145:
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="http://static.openfoodfacts.org/images/svg/science-icon.svg" alt="Science" />
<h4 class="subheader">Risks and Safety measures.</h4>
<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>
<p><!--Open Beauty Facts looks for ingredients that should be taken with caution, as well as international risk and safety phrases.--></p>

Revision as of 11:16, 4 March 2016

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="http://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="http://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://itunes.apple.com/en/app/open-food-facts/id588797948">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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="/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="http://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>