<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@2c203221c4d34620b96aef5d0b6e5ce1" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Introduction to Day 14</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@74ac67250b7144ab97f01946dd846666">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@74ac67250b7144ab97f01946dd846666" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline;"></strong></p>
<p>Today, we will be examining a variety of images from the Philippine-American War that were once featured on stereographs, which were widely produced and circulated at the turn of the twentieth century. Stereographs allowed American audiences to more effectively glean an experiential understanding of the war, and fortunately for us, they have also enabled the preservation of invaluable photographic evidence. Take a look at the images we will be working with today, and then move on to the video and exercises.</p>
<p><strong style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline;">Warning on viewing historical images</strong><span style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">: Images from the past can be offensive to view. By showing certain images or discussing certain topics, we do not endorse the views or opinions they present, but seek to understand the past, even when it is difficult to look at in the present. This course does not reflect the views of MIT, MITx, EdX or Visualizing Cultures.</span></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@html+block@13572a868ab4494aa28e010b6f042e18">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@13572a868ab4494aa28e010b6f042e18" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>
<script>// <![CDATA[
var data = ['/assets/courseware/v1/bce86937228150e1a2d5c2b470c169bc/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5690A_Four_Stereographs_PAWar_ES_26March2017_f.jpg', 'Four stereographs depicting scenes in the Philippine-American War. Copyright by B. W. Kilburn, 1900.',
'/assets/courseware/v1/f0b5767c75b550a4a4b7de602016b972/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5698_stereographs_PAWar_ES_26March2017_2000w.jpg', '17th Infantry going to the front, P. I. Copyright 1899 by B. W. Kilburn.' ,
'/assets/courseware/v1/4f37de6a365318ddfa15fc427b1d910f/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5696_stereographs_PAWar_ES_26March2017_2000w.jpg','On the firing line at dead man’s bend. Imus road, P. I. Copyright 1899 by B. W. Kilburn.']; //data has image name, then caption if applicable.
var captions = true; //set to false if you don't want captions, set to true if you do.
///After here should stay where it is
var bookmark = 0;
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>"
+ data[index+1] + "</p></div>");
}
bookmark = index; //sets the album start on the 0 index of data (first image)
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40;
//width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
overflow: auto;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:50px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<h3>Image Gallery</h3>
<p></p>
<div id="vpxMain" style="overflow: hidden;">
<table id="cb2" style="width: 100%;">
<tbody>
<tr>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,0)" style="cursor: pointer;" alt="Set of 4 Lithographs: The Hottest of the Fight, Battle of Manila, May 1st, 1898; 4th Infantry Scouts P.I.; On the firing line at dead man's bend, Imus Bend, P.I.; 17th Infantry going to the front, P.I." src="/assets/courseware/v1/bce86937228150e1a2d5c2b470c169bc/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5690A_Four_Stereographs_PAWar_ES_26March2017_f.jpg" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,2)" style="cursor: pointer;" alt="17th Infantry going to the front, P.I.: lithograph of soldiers packed inside and on top of a train car" src="/assets/courseware/v1/f0b5767c75b550a4a4b7de602016b972/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5698_stereographs_PAWar_ES_26March2017_2000w.jpg" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,4)" style="cursor: pointer;" alt="On the firing line at dead man's bend, Imus Bend, P.I.: lithograph of soldiers lying down, holding up rifles at a firing line" src="/assets/courseware/v1/4f37de6a365318ddfa15fc427b1d910f/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5696_stereographs_PAWar_ES_26March2017_2000w.jpg" /></td>
</tr>
</tbody>
</table>
</div>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@html+block@9c601fe4e9e447feb55056c4d6e996c8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@9c601fe4e9e447feb55056c4d6e996c8" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong>Image Captions </strong>(from left to right)</p>
<p>Four stereographs depicting scenes in the Philippine-American War. Copyright by B. W. Kilburn, 1900.</p>
<p>17th Infantry going to the front, P. I. Copyright 1899 by B. W. Kilburn.</p>
<p>On the firing line at dead man’s bend. Imus road, P. I. Copyright 1899 by B. W. Kilburn.</p>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@70e279f1556641e78a7895f1c5e1c24b" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Figure 12-14. Stereographs</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@6f35c8b71af24db7a28d4e695af76bb3">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@6f35c8b71af24db7a28d4e695af76bb3" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Stereographs, which came in sets of two images that could create a 3-D feel, were widely circulated in the United States around the time of the Philippine-American War. They effectively complemented the stories and reports from newspapers and books to provide an experiential effect for viewers at home. After you watch the video and examine the images we have of stereographs, please complete the following exercise.</p>
<p>
<script>// <![CDATA[
var data = ['/assets/courseware/v1/bce86937228150e1a2d5c2b470c169bc/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5690A_Four_Stereographs_PAWar_ES_26March2017_f.jpg', 'Four stereographs depicting scenes in the Philippine-American War. Copyright by B. W. Kilburn, 1900.',
'/assets/courseware/v1/f0b5767c75b550a4a4b7de602016b972/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5698_stereographs_PAWar_ES_26March2017_2000w.jpg', '17th Infantry going to the front, P. I. Copyright 1899 by B. W. Kilburn.' ,
'/assets/courseware/v1/4f37de6a365318ddfa15fc427b1d910f/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5696_stereographs_PAWar_ES_26March2017_2000w.jpg','On the firing line at dead man’s bend. Imus road, P. I. Copyright 1899 by B. W. Kilburn.']; //data has image name, then caption if applicable.
var captions = true; //set to false if you don't want captions, set to true if you do.
///After here should stay where it is
var bookmark = 0;
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>"
+ data[index+1] + "</p></div>");
}
bookmark = index; //sets the album start on the 0 index of data (first image)
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40;
//width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
overflow: auto;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:50px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<p></p>
<p></p>
<div id="vpxMain" style="overflow: hidden;">
<table id="cb2" style="width: 100%;">
<tbody>
<tr>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,0)" style="cursor: pointer;" alt="Set of 4 Lithographs: The Hottest of the Fight, Battle of Manila, May 1st, 1898; 4th Infantry Scouts P.I.; On the firing line at dead man's bend, Imus Bend, P.I.; 17th Infantry going to the front, P.I." src="/assets/courseware/v1/bce86937228150e1a2d5c2b470c169bc/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5690A_Four_Stereographs_PAWar_ES_26March2017_f.jpg" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,2)" style="cursor: pointer;" alt="17th Infantry going to the front, P.I.: lithograph of soldiers packed inside and on top of a train car" src="/assets/courseware/v1/f0b5767c75b550a4a4b7de602016b972/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5698_stereographs_PAWar_ES_26March2017_2000w.jpg" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,4)" style="cursor: pointer;" alt="On the firing line at dead man's bend, Imus Bend, P.I.: lithograph of soldiers lying down, holding up rifles at a firing line" src="/assets/courseware/v1/4f37de6a365318ddfa15fc427b1d910f/asset-v1:MITx+VPx+1T2019+type@asset+block/ph5696_stereographs_PAWar_ES_26March2017_2000w.jpg" /></td>
</tr>
</tbody>
</table>
</div>
<p></p>
<p style="text-rendering: optimizeLegibility; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; font-size: 16px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #4c4c4c;"><strong style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: 1.4em; font-family: inherit; vertical-align: baseline;">Image Captions </strong>(from left to right)</p>
<p style="text-rendering: optimizeLegibility; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; font-size: 16px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #4c4c4c;">Four stereographs depicting scenes in the Philippine-American War. Copyright by B. W. Kilburn, 1900.</p>
<p style="text-rendering: optimizeLegibility; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; font-size: 16px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #4c4c4c;">17th Infantry going to the front, P. I. Copyright 1899 by B. W. Kilburn.</p>
<p style="text-rendering: optimizeLegibility; margin-right: 0px; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; font-size: 16px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #4c4c4c;">On the firing line at dead man’s bend. Imus road, P. I. Copyright 1899 by B. W. Kilburn.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="video" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video III-10: Stereographs</h3>
<div
id="video_6f3ccab75e7c4c8fbcd9576b18391867"
class="video closed"
data-metadata='{"end": 0.0, "speed": null, "ytTestTimeout": 1500, "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867/handler/publish_completion", "ytApiUrl": "https://www.youtube.com/iframe_api", "showCaptions": "true", "streams": "1.00:xm23taybP5w", "poster": null, "saveStateEnabled": false, "start": 0.0, "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867/handler/transcript/available_translations", "autoplay": false, "transcriptLanguages": {"en": "English"}, "autohideHtml5": false, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867/handler/transcript/translation/__lang__", "ytMetadataEndpoint": "", "generalSpeed": 1.0, "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "completionEnabled": false, "savedVideoPosition": 0.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867/handler/xmodule_handler/save_user_state", "captionDataDir": null, "sources": [], "transcriptLanguage": "en", "recordedYoutubeIsAvailable": true, "prioritizeHls": false, "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="6f3ccab75e7c4c8fbcd9576b18391867"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_6f3ccab75e7c4c8fbcd9576b18391867">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_6f3ccab75e7c4c8fbcd9576b18391867">
<div class="wrapper-download-transcripts">
<h4 class="hd hd-5">Transcripts</h4>
<ul class="list-download-transcripts">
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
</li>
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@6f3ccab75e7c4c8fbcd9576b18391867/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@problem+block@a5dbae0bf0ef4aac9b6649a4dbb5e353">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@a5dbae0bf0ef4aac9b6649a4dbb5e353" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="problem" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="True" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_a5dbae0bf0ef4aac9b6649a4dbb5e353" class="problems-wrapper" role="group"
aria-labelledby="a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@a5dbae0bf0ef4aac9b6649a4dbb5e353" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@a5dbae0bf0ef4aac9b6649a4dbb5e353/handler/xmodule_handler"
data-problem-score="0"
data-problem-total-possible="1"
data-attempts-used="0"
data-content="
<h3 class="hd hd-3 problem-header" id="a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-progress"></div>
<div class="problem">
<div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1">
<fieldset aria-describedby="status_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1">
<legend id="a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1-legend" class="response-fieldset-legend field-group-hd">Which of the following statements about stereographs are true? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1[]" id="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1-choice_0-label" for="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1"> Stereographs were invented decades before the outbreak of the Philippine-American War.
</label>
</div>
<div class="field">
<input type="checkbox" name="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1[]" id="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1-choice_1-label" for="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1"> Stereographs have helped to preserve many images of the Philippine-American War that would otherwise have been lost.
</label>
</div>
<div class="field">
<input type="checkbox" name="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1[]" id="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1-choice_2-label" for="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1"> Stereographs of the Philippine-American War were primarily prepared by American commercial publishers for profit.
</label>
</div>
<div class="field">
<input type="checkbox" name="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1[]" id="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1-choice_3-label" for="input_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1"> Stereographs were primarily produced by the American government.
</label>
</div>
<span id="answer_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_a5dbae0bf0ef4aac9b6649a4dbb5e353_2_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
</div></div>
</div>
<div class="action">
<input type="hidden" name="problem_id" value="Checkboxes" />
<div class="submit-attempt-container">
<button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_a5dbae0bf0ef4aac9b6649a4dbb5e353" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_a5dbae0bf0ef4aac9b6649a4dbb5e353">
<span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span>
</div>
</div>
<div class="problem-action-buttons-wrapper">
</div>
</div>
<div class="notification warning notification-gentle-alert
is-hidden"
tabindex="-1">
<span class="icon fa fa-exclamation-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-title">
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification warning notification-save
is-hidden"
tabindex="-1">
<span class="icon fa fa-save" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-title">None
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification general notification-show-answer
is-hidden"
tabindex="-1">
<span class="icon fa fa-info-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="a5dbae0bf0ef4aac9b6649a4dbb5e353-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@aedd91ded5434e27989116904dc7531c" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Optional Reading, Chapter 1: Snapshots</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@7c5455c3b6f94297851fd156a9276eeb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@7c5455c3b6f94297851fd156a9276eeb" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="16ffe01efe0b11ee8dff026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 class="hd hd-2">Photography and Power I, Chapter 1: Snapshots</h3>
<p></p>
<p><iframe title="PPI Chapter 1: Snapshots" src="/assets/courseware/v1/a33d1968cf42f98b1f9b81b7af17f2b5/asset-v1:MITx+VPx+1T2019+type@asset+block/dw01_essay01.pdf" height="600px" width="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support IFrames.
</iframe></p>
<p>To download the PDF, <a class="media" href="/assets/courseware/v1/a33d1968cf42f98b1f9b81b7af17f2b5/asset-v1:MITx+VPx+1T2019+type@asset+block/dw01_essay01.pdf">click here</a>.</p>
<p>To read the chapter on the Visualizing Cultures website, <a href="https://ocw.mit.edu/ans7870/21f/21f.027/photography_and_power/dw01_essay01.html" target="[object Object]">click here</a>. </p>
<p></p>
</div>
</div>
</div>
</div>
© All Rights Reserved