fof/index.html at master · jufa/fof · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/i/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>CNSC Fact or Fiction: Canadian Conundrums</title>

  <!--GoC-->
	<meta charset="utf-8" />
	<meta name="dcterms.title" content="CNSC - Fact or Fiction - Canadian Conundrums - Quiz" />
	<meta name="dcterms.subject" title="gccore" content="Nuclear energy; Safety; Regulation; Environment; Testing; Radioactive Materials; Nuclear facilities; Radiation; Questionnaires" />
	<meta name="description" content="Canadian Nuclear Safety Commission, Fact or Fiction, Canadian Conundrums, Quiz" />
	<meta name="keywords" content="cnsc, Canadian, Nuclear, Safety, Commission, Fact, Fiction, Conundrums, Quiz, Uranium, Radiation, Dangerous, plant" />
	<meta name="dcterms.language" content="eng" />
	<meta name="dcterms.creator" content="Canadian Nuclear Safety Commission" />
	<meta name="dcterms.issued" title="W3CDTF" content="2013-02-04" />
	<meta name="dcterms.modified" title="W3CDTF" content="2013-02-04" />
	<meta name="dcterms.publisher" content="Government of Canada, Canadian Nuclear Safety Commission" />


  <!-- Mobile viewport optimized: h5bp.com/viewport -->
  <meta name="viewport" content="width=device-width">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <link rel="stylesheet" href="css/style.css">

  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except this Modernizr build.
       Modernizr enables HTML5 elements & feature detects for optimal performance.
       Create your own custom Modernizr build: www.modernizr.com/download/ -->
	<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  <header>

  </header>
  <div id="#content" role="main">

	  <div class="factorfiction">
			<h1>
            <img class="fips" src="./img/fips.png" alt="Canadian Nuclear Safety Commission"/><br/>
            Fact or Fiction:<br/>Canadian Canundrums<br/><img src="img/logo-xsm.png" alt="cnsc logo" />
			</h1>

			<a class="btnlang" href="#" alt="start the quiz">Francais</a>
			<a class="btnstart" href="#start" alt="start the quiz">Start the quiz</a>
			<a name="start"></a>


			<div class="fof">
				<h2>Crazy Chain</h2>
				<p class="statement" valid="false">A nuclear chain reaction cannot be controlled.</p>
				<img alt="a photo" src="img/FoF_Chal_43.jpg"/>
				<div class="choices" style="display:none;">
					<a class="btnfact incorrect" href="#answer2">That's a fact!</a><a class="btnfiction correct"  href="#answer2" >That's Fiction</a>
				</div>
				<p class="answer">That's fiction! The fact is all nuclear reactors employ systems to control the chain reaction that occurs when neutrons released by the splitting of one uranium atom cause others to divide or fission.</p>
			</div>


			<div class="fof">
				<h2>Saskatchew #1?</h2>
				<p class="statement" valid="false">The world's richest uranium deposits are located in northern Saskatchewan.</p>
				<img alt="a photo" src="img/FOF_Chal_06.jpg"/>
				<div class="choices" style="display:none;">
					<a class="btnfact correct" href="#answer2">That's a fact!</a><a class="btnfiction incorrect"  href="#answer2" >That's Fiction</a>
				</div>
				<p class="answer">That's a fact! Fourteen percent of the world's known uranium resources are located in northern Saskatchewan where ore grades are up 100 times the world average.</p>
			</div>


			<div class="fof">
				<h2>Friendly Neighborhood Record-Holder</h2>
				<p class="statement" valid="true">The largest nuclear generating plant in North America is located in Ontario.</p>
				<img alt="a photo" src="img/FOF_Chal_07.jpg"/>
				<div class="choices" style="display:none;">
					<a class="btnfact correct" href="#answer1">That's a fact!</a><a class="btnfiction incorrect"  href="#answer1" >That's Fiction</a>
				</div>
				<p class="answer">That's a fact! The Bruce Power nuclear generating station located in Ontario on the shores of Lake Huron is North America's largest nuclear generating plant with capacity to produce 4,660 megawatts of electricity.</p>
			</div>

			<div class="fof">
				<h2>Not in MY Backyard</h2>
				<p class="statement" valid="false">There's uranium in your back yard.</p>
				<img alt="a photo" src="img/FoF_Chal_15.jpg"/>
				<div class="choices" style="display:none;">
					<a class="btnfact correct" href="#answer2">That's a fact!</a><a class="btnfiction incorrect"  href="#answer2" >That's Fiction</a>
				</div>
				<p class="answer">That's a fact! The top metre of soil in the typical Canadian back yard contains about 300 grams of natural uranium from when the Earth formed!</p>
			</div>


			<div class="fof">
				<h2>Responsible or Reckless?</h2>
				<p class="statement" valid="true">Uranium exploration causes dangerous levels of radiation to be released.</p>
				<img alt="a photo" src="img/FoF_Chal_19.jpg"/>
				<div class="choices" style="display:none;">
					<a class="btnfact incorrect" href="#answer1">That's a fact!</a><a class="btnfiction correct"  href="#answer1" >That's Fiction</a>
				</div>
				<p class="answer">That's fiction! The fact is typical uranium exploration methods, such as drilling small core samples, pose a negligible to zero risk of increasing exposure to radiation, including radon.</p>
			</div>

			<div class="fof">
				<h2>Mining madness</h2>
				<p class="statement" valid="false">The Nuclear Safety and Control Act designates uranium mines and mills as nuclear facilities.</p>
				<img alt="a photo" src="img/FoF_Chal_20.jpg"/>
				<div class="choices" style="display:none;">
					<a class="btnfact correct" href="#answer2">That's a fact!</a><a class="btnfiction incorrect"  href="#answer2" >That's Fiction</a>
				</div>
				<p class="answer">That's a fact! Unlike any other type of mine, a CNSC licence is required to prepare a site, construct, operate, decommission or abandon a uranium mine or mill.</p>
			</div>
			<!--finish screen-->
			<div class="finalscore">Thanks for playing!</div>
			<div class="share">
				<a href = 'https://www.facebook.com/CanadianNuclearSafetyCommission'><img alt="CNSC on facebook" src="./img/ico-fb.png" /></a>
				<a href='http://nuclearsafety.gc.ca/eng/'/><img alt="CNSC web site" src="./img/logo-xsm.png" /></a>
				<a href='http://www.youtube.com/user/cnscccsn'/><img alt="CNSC YouTube channel" src="./img/ico-yt.png" /></a>
			</div>

	  </div><!--factorfiction-->

  </div><!--main-->
  <footer>

  </footer>


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="js/libs/jquery-1.7.1.min.js"></script>
  <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->


  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

  <!-- scripts concatenated and minified via build script -->
  <script type="text/javascript" src="js/plugins.js"></script>
  <script type="text/javascript" src="js/script.js"></script>
  <!--<script src="js/jquery.animate-enhanced.min.js"></script>-->
  <!--<script type="text/javascript" src="js/respond.js"></script>-->
  <!-- end scripts -->

  <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->
  <script>
	   var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-27702832-1']);
	  _gaq.push(['_trackPageview']);
	  _gaq.push(['_setDomainName', 'jufaintermedia.com']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

  </script>
</body>
</html>