<?php include('../../../inc/bootstrap.php'); ?>
<?php $mural = getMuralFolder(); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<?php $title = 'Liberation Of The Peon in Hotspots'; ?>
	<?php include('../../../templates/head.tpl.php'); ?>
	<body class="murals detail-hotspots">
		<div id="page">
			<div id="main">
				<div id="container">
					<div class="holder">
						<div class="hotspots">
							<a href="#" style="left:1%;top:1%;" class="level">hotspot</a>
							<a href="#" style="left:45%;top:54%;">hotspot</a>
							<a href="#" style="left:26%;top:10%;">hotspot</a>
							<a href="#" style="left:50%;top:84%;">hotspot</a>
                            <a href="#" style="left:80%;top:20%;">hotspot</a>
						</div>
					</div>
				</div>
				<style type="text/css">
					#container {
						width: 750px;
						height: 583px;
					}
				</style>
				<script type="text/javascript">
					$(document).ready(function(){
						$('#container').width($('#main').width());
						$('#container').height($('#main').height());
						$('#container').tilezoom({
							tile_size: 254,
							width: 3000,
							height: 2329,
							level: 10,
							smooth: 30,
							hotspotLevel: 11,
							minzoom: 10
						});
					});
				</script>
			</div>
			<div id="sidebar">
				<div id="menu">
					<?php include('../../../templates/menu.tpl.php'); ?>
					<div class="bar-content hotspots-page">
						<a id="bar-content-close" href="#">Close</a>
						<div class="content">
							<div class="hotspot-info position0 active">
								
                                <div class="img"><img src="images/hs_Liberation-of-the-Peon-from-the-SEP.jpg" alt="Liberation of the Peon. 1923."></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Diego Rivera. <i>Liberation of the Peon</i>. 1923. Fresco, approx. 14' 4 3/8" x 11' 5" (4.38 x 3.48 m). South wall of the Patio del Trabajo (Courtyard of Labor), first floor, Secretaría de Educación Pública, Mexico City. © 2011 Banco de México Diego Rivera & Frida Kahlo Museums Trust, México, D.F./Artists Rights Society (ARS), New York. Photograph by Schalkwijk/Art Resource, New York</div>
                                <div class="img"><img src="images/hs_Rural-Schoolteacher.jpg" alt="The Rural Schoolteacher 1923."></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Diego Rivera. <i>The Rural Schoolteacher</i>. 1923. Fresco, approx. 14' 4 3/8" x 10' 8 3/4" (4.38 x 3.27 m). South wall of the Patio del Trabajo (Courtyard of Labor), first floor, Secretaría de Educación Pública, Mexico City. © 2011 Banco de México Diego Rivera & Frida Kahlo Museums Trust, México, D.F./Artists Rights Society (ARS), New York. Photograph by Rafael Doniz </div>
                                <p><em>Liberation of the Peon</em> is based on a panel from Rivera’s mural cycle at the Secretaría de Educación Pública in Mexico City. There, the chilling scene captured in this mural panel is coupled with <em>The Rural Schoolteacher,</em> which touts recent efforts to expand state-run education programs and highlights the benefits of post-revolutionary reforms. Shown alone at The Museum of Modern Art, the meaning of <em>Liberation of the Peon</em> shifted to focus on the sacrifice inherent in revolutionary struggle.</p>
							
                            </div>
                            
                            
							<div class="hotspot-info position1">
                            <div class="img"><img src="images/hs_Giotto-Lamentation.jpg" alt="The Lamentation of Christ by Giotto di Bondone"></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Giotto di Bondone (Italian, c. 1267–1337). <i>The Lamentation of Christ</i>. c. 1305. Fresco. Panel approx. 78 3/4 x 72 3/4" (200 x 185 cm). Cappella degli Scrovegni, Padua, Italy. Photograph by Scala/Art Resource, New York</div>
								<p>While its subject is secular, <em>Liberation of the Peon</em> evokes Christian imagery, specifically the lamentation over Christ’s body after his crucifixion. The composition draws heavily on Giotto’s <em>Lamentation</em> at the Capella degli Scrovegni in Padua, Italy, which Rivera had studied first-hand. He shared this strategy of transforming religious imagery into revolutionary narrative with many Mexican muralists during the movement’s early years. </p></div>
                                
							<div class="hotspot-info position2">
                            <div class="img"><img src="images/hs_Hacienda-San-Diego.jpg" alt="Revolutionary soldiers"></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Revolutionary soldiers gathered at the headquarters of Francisco I. Madero, President of Mexico (1911–1913), at the Hacienda de San Diego in Chihuahua, Mexico. c. 1912. Photograph by the Bain News Service. The Library of Congress; Bain Collection</div>
								<p>Before the Mexican Revolution, haciendas—vast agricultural estates owned by wealthy Mexicans or foreigners—dominated the country’s social and political landscape. Set ablaze by the rebels in the picture’s foreground, this estate, surrounded by a harsh desert landscape, appears to be located in the northern heartland of Mexico, where the Revolution was launched.</p>
							</div>
                            
							<div class="hotspot-info position3">
                            <div class="img"><img src="images/hs_Crucified-Christ.jpg" alt=" Crucified Christ"></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Anonymous. Crucified Christ. Mexican. 1550–1600. Polychromed cornstalk paste. Figure height 78 3/4" (200 cm); cross height 106 1/4" (270 cm). Templo de San Francisco, Tlaxcala, Mexico. Photograph by Gerardo Suter–Lourdes Almeida; image © The Metropolitan Museum of Art, New York </div>
								<p>References to Mexican artistic traditions add to <em>Liberation of the Peon</em>’s visceral impact. Devotional imagery created during Mexico’s colonial period was often gory, emphasizing graphic violence and the wounds inflicted on Christ. In his portable mural, Rivera carefully described the individual whip-wounds that cover the peon’s broken body, underscoring the sacrifices made in the revolutionary process.</p>
							</div>
						
                        <div class="hotspot-info position4">
                            <div class="img"><img src="images/hs_Revolutionaries.jpg" alt="Liberation of the Peon. 1923."></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Mexican revolutionaries in Juárez, Mexico. c. 1911. Photographer unknown. The Library of Congress</div>
								<p>Rivera signals that the men who care for the peon’s body are revolutionaries by wrapping them in cartridge belts and equipping them with visible firearms. Comprised of mixed groups of rebels, many of whom were untrained, Mexican revolutionary soldiers lacked a single, easily recognizable uniform, and often fought in their usual work clothes.</p>
							</div></div>
						
						<div id="hotspots-nav">
							<a class="prev" href="#">prev</a>
							<div class="pages"></div>
							<a class="next" href="#">next</a>
						</div>
					</div>
					<?php include('../../../templates/murals-menu.tpl.php'); ?>
					<ul class="menu main-menu">
						<li class="home"><a href="<?php print $base_url; ?>">Home</a></li>
						<li class="menu"><a href="#">Menu</a></li>
						<li class="murals"><a href="#">Murals</a></li>
						<li class="liberation active"><a href="#">liberation of the peon</a></li>
						<li class="zoom in"><a href="#" id="plus">Zoom In</a></li>
						<li class="zoom out"><a href="#" id="minus">Zoom Out</a></li>
						<li class="annotations">
							<a href="#">Annotations</a>
							<span>turn annotations off</span>
						</li>
						<li class="info">
							<a href="<?php print $base_path; ?>content/mural/<?php echo $mural; ?>/detail.php">Info</a>
							<span>return to mural Introduction</span>
						</li>
						<?php $audio = "media/audio.mp3"; ?>
						<?php if (file_exists($audio)) : ?>
							<?php include('../../../templates/audio-hotspots.tpl.php'); ?>
						<?php endif; ?>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>