Demos-old/familysearch/index.html

<html lang="en-us">
<head>
	<meta charset="utf-8">
	<title>Family-friendly web: safe searching</title>
	<meta name="og:title" content="Family Friendly">
	<meta name="keywords" content="Misc, safe search">
	<meta name="author" content="dwalp">
	<link rel="stylesheet" href="https://edgeportal.blob.core.windows.net/media/demotemplate.css">
	<link rel="stylesheet" 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>
Make minor consistency improvements 2017-06-02 13:10:06 +03:00			`<html lang="en-us">`
Adding familysearch 2015-04-24 01:03:45 +03:00			`<head>`
Add charset declaration where missing Note: The charset declaration should be specified as early as possible, and must be included completely within the first 1024 bytes of the document. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - See also: https://www.w3.org/International/questions/qa-html-encoding-declarations.en https://html.spec.whatwg.org/multipage/semantics.html#charset https://code.google.com/archive/p/doctype-mirror/wikis/ArticleUtf7.wiki 2016-12-22 15:03:58 +03:00			`<meta charset="utf-8">`
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>`
Make minor consistency improvements 2017-06-02 13:10:06 +03:00			`<meta name="og:title" content="Family Friendly">`
			`<meta name="keywords" content="Misc, safe search">`
			`<meta name="author" content="dwalp">`
			`<link rel="stylesheet" href="https://edgeportal.blob.core.windows.net/media/demotemplate.css">`
			`<link rel="stylesheet" href="styles/demo.css">`
Adding familysearch 2015-04-24 01:03:45 +03:00			`</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>`
Making all links https 2015-09-08 20:13:10 +03:00
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`<!-- 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.`
Making all links https 2015-09-08 20:13:10 +03:00
Update family search demo to new style, update results images for clarity 2015-05-01 19:23:19 +03:00			`</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>`
Add `newline` at the end of text file Under UNIX-like OSes, a text file consists of a series of lines, each of which ends with a `newline` character (`\n`). A file that is not empty and does not end with a `newline` is therefore considered not to be a text file. Because of this, utilities that are supposed to operate on text files may not cope well with files that don't end with a `newline` (e.g.: they might ignore the text after the last `newline`). Adding the `newline` character at the end of the file ensures that users won't encounter any odd behavior when using it. Reference/Source: http://unix.stackexchange.com/a/18789. 2017-04-09 17:50:00 +03:00			`</html>`