Newer
Older
modal-test / popup_test.html
Mark George on 27 Aug 2018 2 KB Minor fixes.
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/modal.css">
		<script type="text/javascript" src="js/modal.js"></script>
	</head>

	<body>

		<div id="content">

			<img id="moaImg" src="images/moa.jpg" alt="Moa" style="width:100%;max-width:395px" onclick="popup('moaModal')">

			<!-- The Moa Modal -->
			<div id="moaModal" class="modal">
				<div class="modal-content">
					<span class="close-button">&times;</span>
					<h4 align="center">SOUTHERN LAND, SOUTHERN PEOPLE</h4>
					<div class="caption">Visitors to Southern Land, Southern People are greeted by the Overlander – a life-size model of a Māori man dressed for overland travel in the sometimes adverse climate of southern New Zealand. A semi-circle of iconic southern objects surrounds the gallery entrance, including a distinctive Moeraki boulder, a mounted takahē and a gold nugget. Above your head, the night sky twinkles as it would have in October 950AD – the date, according to some traditions, of Māori arrival in New Zealand.</div>
					<img src="images/moa.jpg" alt="Moa">
					<a href="http://otagomuseum.nz/whats-on/see/gallery/southern-land-southern-people" itemprop="url"><span itemprop="name">Visit the museum site for more info</span></a>
				</div>
			</div>


			<img id="badgerImg" src="images/badger.jpg" alt="Badger" style="width:100%;max-width:395px" onclick="popup('badgerModal')">

			<!-- The Badger Modal -->
			<div id="badgerModal" class="modal">
				<div class="modal-content">
					<span class="close-button">&times;</span>
					<h4 align="center">HONEY BADGER</h4>
					<div class="caption">The honey badger (Mellivora capensis), also known as the ratel (/ˈreɪtəl/ or /ˈrɑːtəl/),[3] is the only species in the mustelid subfamily Mellivorinae and its only genus Mellivora. It is native to Africa, Southwest Asia, and the Indian subcontinent. Despite its name, the honey badger does not closely resemble other badger species; instead, it bears more anatomical similarities to weasels. It is classed as Least Concern rather than a threatened species by the IUCN owing to its extensive range and general environmental adaptations. It is primarily a carnivorous species and has few natural predators because of its thick skin and ferocious defensive abilities.</div>
					<img src="images/badger.jpg" alt="Honey Badger">
					<a href="http://otagomuseum.nz/whats-on/see/gallery/southern-land-southern-people" itemprop="url"><span itemprop="name">Visit the museum site for more info</span></a>
				</div>
			</div>

		</div>

	</body>
</html>