inflation-explorer/atoms/default/server/templates/main.html [7:46]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
			<div class='notes' id='chartKey'>
				<div  class="controlBlock">
				Location: <select id="citySelector"></select>
				</div>
				<div  class="controlBlock">
				Highlight: <select id="categorySelector"></select>
				</div>
				<div  class="controlBlock">
				Data type: <select id="dataSelector"></select>
				</div>
				<div  class="controlBlock">
					<input type="checkbox" id="zoomed" name="zoomed" value="zoom" checked>
					<label for="zoomed"> zoomed in</label>
				</div>
				<div class="controlBlock">
					<input type="checkbox" id="categoryColor" name="categoryColor" value="categoryColor">
					<label for="categoryColor"> category colours</label>
				</div>
				<div id="mobKey">

				</div>
			</div>
			
			</div>
			<div class="row borderBottom chartSans" id="graphicContainer">
					<div id="tooltipContainer">
						<div class="tooltipInner">
							<div id="tooltipHeading"></div>
							<div><span>Quarter</span>: <span id="tooltipDate"></span></div>
							<div><span id="valueType"></span>: <span id="value"></span></div>
						</div>	
					</div>	
					<div id="loadingContainer">Loading...</div>
			</div>
			<div class='footer offset'>
				<div id="footerAnnotations">

				</div>	
				
				<span id="footnote"></span> Guardian graphic <span id="sourceText"> | Data source: ABS</span>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



inflation-external/main.html [10:49]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
			<div class='notes' id='chartKey'>
				<div  class="controlBlock">
				Location: <select id="citySelector"></select>
				</div>
				<div  class="controlBlock">
				Highlight: <select id="categorySelector"></select>
				</div>
				<div  class="controlBlock">
				Data type: <select id="dataSelector"></select>
				</div>
				<div  class="controlBlock">
					<input type="checkbox" id="zoomed" name="zoomed" value="zoom" checked>
					<label for="zoomed"> zoomed in</label>
				</div>
				<div class="controlBlock">
					<input type="checkbox" id="categoryColor" name="categoryColor" value="categoryColor">
					<label for="categoryColor"> category colours</label>
				</div>
				<div id="mobKey">

				</div>
			</div>
			
			</div>
			<div class="row borderBottom chartSans" id="graphicContainer">
					<div id="tooltipContainer">
						<div class="tooltipInner">
							<div id="tooltipHeading"></div>
							<div><span>Quarter</span>: <span id="tooltipDate"></span></div>
							<div><span id="valueType"></span>: <span id="value"></span></div>
						</div>	
					</div>	
					<div id="loadingContainer">Loading...</div>
			</div>
			<div class='footer offset'>
				<div id="footerAnnotations">

				</div>	
				
				<span id="footnote"></span> Guardian graphic <span id="sourceText"> | Data source: ABS</span>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -