Demos-old/familysearch/index.html

<html>
<head>
	<title>Family-friendly web: safe searching</title>
	<meta name="og:title" content="Family Friendly"/>
	<meta name="description" content=""/>
	<meta name="keywords" content="Misc, safe search"/>
	<meta name="author" content="dwalp"/>
	<link rel="stylesheet" type="text/css" href="http://edgeportal.blob.core.windows.net/media/demotemplate.css"/>
	<link rel="stylesheet" type="text/css" href="styles/demo.css"/>
</head>

<body>

	<!-- DEMO INTRO -->
	<header class="section section--page-intro demo__header">
		<div class="container">
			<div class="section__header">
				<h1>Family-friendly web: safe searching</h1>
			</div>
		</div>
	</header>
	
	<!-- DEMO CONTENT -->
	<section role="region" class="section">
		<div class="container">
			<div class="section__body">
				<p>Today it is a method to prevent child searching the web from receiving adult content. Although focused on keeping childern safe, the method can be used on any account.</p>
				<section role="region" class="subsection">
					<header class="subsection__header">
						<h2>How it works</h2>
					</header>
					<div class="subsection__body">
						<ol>
							<li>Parents need to turn on <a href="http://windows.microsoft.com/en-us/windows/set-up-family-safety#set-up-family-safety=windows-8">Parental Controls in Windows</a>  for their children's account.</li>
							<li>IE recognize that Parental Controls is turned on and indicate to Bing that the user prefers to receive safe results.</li>
							<li>Bing respects the preference and sends back only results classified as non-adult.</li>
						</ol>
					</div>
				</section>
				<section role="region" class="subsection">
					<header class="subsection__header subsection__header">
						<h2>Results</h2>
						<p>For this search term, the differences in results include the images shown, total number of results returned, and ordering of the information.</p>
					</header>
					<div class="subsection__body">
						<div class="layout layout--halves">
							<div class="module bing-result">
								<h3>Bing's Normal Search</h3>
								<div class="rendered-result">
									<img src="images/unsafe.jpg" alt="Example screenshot of normal search with less child-friendly content" />
								</div>
							</div>
							<div class="module bing-result">
								<h3>Bing's Family Friendly Search</h3>
								<div class="rendered-result">
									<img src="images/safe.jpg" alt="Example screenshot of search filtered for family-friendly audience" />
								</div>
							</div>
						</div>
					</div>
				</section>
				<section role="region" class="subsection">
					<div class="container">
						<header class="subsection__header">
							<h2>Technical details</h2>
						</header>
						<div class="subsection__body">
							<p>
								The safe search preference is communicated via the HTTP header <code>"prefer:safe"</code>.
								For more information about the header, you can refer to the <a href="https://tools.ietf.org/html/draft-nottingham-safe-hint-05">Internet draft specification</a> submitted to the IETF (Internet Engineering Task Force).
							</p>
						</div>
					</div>
				</section>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<header class="section__header section__header--alt">
				<h2>Future</h2>
			</header>
			<div class="section__body">
				<p>
					Ultimately, it's up to the website or service owners to honor the safe preference when the browser communicates it to them on the user's behalf, and respond accordingly.
					We're hoping that more browsers, websites, and services will embrace the standard so that we collectively help build a safer web for our children.
	
				</p>
			</div>
		</div>
	</section>

</body>
</html>
Adding familysearch 2015-04-24 01:03:45 +03:00			`<html>`
			`<head>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<title>Family-friendly web: safe searching</title>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`<meta name="og:title" content="Family Friendly"/>`
			`<meta name="description" content=""/>`
			`<meta name="keywords" content="Misc, safe search"/>`
			`<meta name="author" content="dwalp"/>`
Update CSS reference file in demos that have moved over to new style 2015-05-01 19:44:47 +03:00			`<link rel="stylesheet" type="text/css" href="http://edgeportal.blob.core.windows.net/media/demotemplate.css"/>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`<link rel="stylesheet" type="text/css" href="styles/demo.css"/>`
			`</head>`

			`<body>`

Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<!-- DEMO INTRO -->`
			`<header class="section section--page-intro demo__header">`
			`<div class="container">`
			`<div class="section__header">`
			`<h1>Family-friendly web: safe searching</h1>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</div>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`</div>`
			`</header>`

			`<!-- DEMO CONTENT -->`
			`<section role="region" class="section">`
			`<div class="container">`
			`<div class="section__body">`
			`<p>Today it is a method to prevent child searching the web from receiving adult content. Although focused on keeping childern safe, the method can be used on any account.</p>`
			`<section role="region" class="subsection">`
			`<header class="subsection__header">`
			`<h2>How it works</h2>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</header>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<div class="subsection__body">`
Adding familysearch 2015-04-24 01:03:45 +03:00			`<ol>`
			`<li>Parents need to turn on <a href="http://windows.microsoft.com/en-us/windows/set-up-family-safety#set-up-family-safety=windows-8">Parental Controls in Windows</a> for their children's account.</li>`
			`<li>IE recognize that Parental Controls is turned on and indicate to Bing that the user prefers to receive safe results.</li>`
			`<li>Bing respects the preference and sends back only results classified as non-adult.</li>`
			`</ol>`
			`</div>`
			`</section>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<section role="region" class="subsection">`
			`<header class="subsection__header subsection__header">`
			`<h2>Results</h2>`
			`<p>For this search term, the differences in results include the images shown, total number of results returned, and ordering of the information.</p>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</header>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<div class="subsection__body">`
			`<div class="layout layout--halves">`
			`<div class="module bing-result">`
			`<h3>Bing's Normal Search</h3>`
			`<div class="rendered-result">`
			`<img src="images/unsafe.jpg" alt="Example screenshot of normal search with less child-friendly content" />`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</div>`
			`</div>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<div class="module bing-result">`
			`<h3>Bing's Family Friendly Search</h3>`
			`<div class="rendered-result">`
			`<img src="images/safe.jpg" alt="Example screenshot of search filtered for family-friendly audience" />`
			`</div>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</div>`
			`</div>`
			`</div>`
			`</section>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<section role="region" class="subsection">`
			`<div class="container">`
			`<header class="subsection__header">`
			`<h2>Technical details</h2>`
			`</header>`
			`<div class="subsection__body">`
			`<p>`
			`The safe search preference is communicated via the HTTP header <code>"prefer:safe"</code>.`
			`For more information about the header, you can refer to the <a href="https://tools.ietf.org/html/draft-nottingham-safe-hint-05">Internet draft specification</a> submitted to the IETF (Internet Engineering Task Force).`
			`</p>`
			`</div>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</div>`
			`</section>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`</div>`
			`</div>`
			`</section>`
Adding familysearch 2015-04-24 01:03:45 +03:00
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<section class="section">`
			`<div class="container">`
			`<header class="section__header section__header--alt">`
			`<h2>Future</h2>`
			`</header>`
			`<div class="section__body">`
			`<p>`
			`Ultimately, it's up to the website or service owners to honor the safe preference when the browser communicates it to them on the user's behalf, and respond accordingly.`
			`We're hoping that more browsers, websites, and services will embrace the standard so that we collectively help build a safer web for our children.`

			`</p>`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</div>`
			`</div>`
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`</section>`

Adding familysearch 2015-04-24 01:03:45 +03:00			`</body>`
			`</html>`