OBF:Translations/Discover page/English

From Open Food Facts wiki
Revision as of 12:35, 3 March 2016 by obf>Teolemon
Jump to navigation Jump to search

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" />
	</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="/images/svg/beauty-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="/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.openbeautyfacts.scanner">Android</a>,
<a href="https://itunes.apple.com/en/app/open-beauty-facts/id588797948">iPhone</a> or
<a href="http://www.windowsphone.com/en-us/store/app/openbeautyfacts/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="/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="/images/svg/decode-labels-icon.svg" alt="Decode labels" />
		<h3>Decode labels</h3>
		<p>Cosmetics additives E-numbers, allergens, packaging codes... Open Beauty Facts helps you to make sense of
the fine print on products labels.
		</p>
		<img src="/images/svg/nutrition-grade-icon.svg" alt="Risks grade"/>
		<p>We also grade the risks of each product.</p>
	</li>
	
	<li>
		<img src="/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&series_nutrition_grades=on&graph=1">
		<img src="/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="/label/fair-trade/origins"><img src="/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="/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="http://howmuchparaben.in">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="/images/svg/science-icon.svg" alt="Science" />
		<h4 class="subheader">Risk grades</h4>
		<p>PLACEHOLDER</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>