<div class="xblock xblock-public_view xblock-public_view-vertical" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@4f7c2f4b58d349ac80802770bfd67c5e" data-block-type="vertical" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Targets & Motivations, Rioters’ Goals</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@f74c6f97e815457990bb53542f30da84">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@f74c6f97e815457990bb53542f30da84" data-block-type="html" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Targets & Motivations</h3>
<p>Today we will explore the various goals held by the rioters, as well as some of their targets. What do the rioters’ targets tell us about their motivations?</p>
<p>The first half of the lesson will comprise lecture videos followed by short comprehension questions. For the remainder of the lesson we will do an extended analysis of the second part of <em>The Tokyo Riot Graphic</em>.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6" data-block-type="video" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 5.11: Rioters’ Goals </h3>
<div
id="video_5e540e2db2e74e968bd52affae5a98b6"
class="video closed"
data-metadata='{"transcriptLanguages": {"en": "English"}, "lmsRootURL": "https://openlearninglibrary.mit.edu", "captionDataDir": null, "ytTestTimeout": 1500, "saveStateEnabled": false, "start": 0.0, "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "recordedYoutubeIsAvailable": true, "speed": null, "generalSpeed": 1.0, "streams": "", "completionEnabled": false, "end": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6/handler/transcript/translation/__lang__", "prioritizeHls": false, "duration": null, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6/handler/publish_completion", "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6/handler/transcript/available_translations", "showCaptions": "true", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6/handler/xmodule_handler/save_user_state", "poster": null, "autoplay": false, "transcriptLanguage": "en", "autohideHtml5": false, "savedVideoPosition": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V007100_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V007100_100.webm"]}'
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="5e540e2db2e74e968bd52affae5a98b6"></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_5e540e2db2e74e968bd52affae5a98b6">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_5e540e2db2e74e968bd52affae5a98b6">
<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+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6/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+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@5e540e2db2e74e968bd52affae5a98b6/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+VJx+3T2018+type@problem+block@b4be91cea02c49799bcc86bc339eafff">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@b4be91cea02c49799bcc86bc339eafff" data-block-type="problem" data-graded="True" data-has-score="True" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_b4be91cea02c49799bcc86bc339eafff" class="problems-wrapper" role="group"
aria-labelledby="b4be91cea02c49799bcc86bc339eafff-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@b4be91cea02c49799bcc86bc339eafff" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@b4be91cea02c49799bcc86bc339eafff/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="b4be91cea02c49799bcc86bc339eafff-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@b4be91cea02c49799bcc86bc339eafff-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@b4be91cea02c49799bcc86bc339eafff-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_b4be91cea02c49799bcc86bc339eafff_2_1">
<fieldset aria-describedby="status_b4be91cea02c49799bcc86bc339eafff_2_1">
<legend id="b4be91cea02c49799bcc86bc339eafff_2_1-legend" class="response-fieldset-legend field-group-hd">Although the 1905 riots followed the disappointing peace treaty concluding the Russo-Japanese War, much of the rioters&#8217; anger was directed at the Home Ministry, rather than the Foreign Ministry. Why? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_b4be91cea02c49799bcc86bc339eafff_2_1[]" id="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="b4be91cea02c49799bcc86bc339eafff_2_1-choice_0-label" for="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_b4be91cea02c49799bcc86bc339eafff_2_1"> People resented the heavy hand of the Tokyo police, a branch of the Home Ministry
</label>
</div>
<div class="field">
<input type="checkbox" name="input_b4be91cea02c49799bcc86bc339eafff_2_1[]" id="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="b4be91cea02c49799bcc86bc339eafff_2_1-choice_1-label" for="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_b4be91cea02c49799bcc86bc339eafff_2_1"> The Home Ministry was responsible for the outcome of the peace treaty negotiations
</label>
</div>
<div class="field">
<input type="checkbox" name="input_b4be91cea02c49799bcc86bc339eafff_2_1[]" id="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="b4be91cea02c49799bcc86bc339eafff_2_1-choice_2-label" for="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_b4be91cea02c49799bcc86bc339eafff_2_1"> Hara Kei, the Home Minister, was disliked by Tokyo residents for his corrupt dealings with the streetcar company
</label>
</div>
<div class="field">
<input type="checkbox" name="input_b4be91cea02c49799bcc86bc339eafff_2_1[]" id="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="b4be91cea02c49799bcc86bc339eafff_2_1-choice_3-label" for="input_b4be91cea02c49799bcc86bc339eafff_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_b4be91cea02c49799bcc86bc339eafff_2_1"> Hara Kei and the police initially supported the protesters, but then changed their minds and cracked down on them
</label>
</div>
<span id="answer_b4be91cea02c49799bcc86bc339eafff_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_b4be91cea02c49799bcc86bc339eafff_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_b4be91cea02c49799bcc86bc339eafff" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_b4be91cea02c49799bcc86bc339eafff">
<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="b4be91cea02c49799bcc86bc339eafff-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="b4be91cea02c49799bcc86bc339eafff-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="b4be91cea02c49799bcc86bc339eafff-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 class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f" data-block-type="video" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 5.12: Police </h3>
<div
id="video_e7494bb8c6f541dab373c45054e4b79f"
class="video closed"
data-metadata='{"transcriptLanguages": {"en": "English"}, "lmsRootURL": "https://openlearninglibrary.mit.edu", "captionDataDir": null, "ytTestTimeout": 1500, "saveStateEnabled": false, "start": 0.0, "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "recordedYoutubeIsAvailable": true, "speed": null, "generalSpeed": 1.0, "streams": "", "completionEnabled": false, "end": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f/handler/transcript/translation/__lang__", "prioritizeHls": false, "duration": null, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f/handler/publish_completion", "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f/handler/transcript/available_translations", "showCaptions": "true", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f/handler/xmodule_handler/save_user_state", "poster": null, "autoplay": false, "transcriptLanguage": "en", "autohideHtml5": false, "savedVideoPosition": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V007200_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V007200_100.webm"]}'
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="e7494bb8c6f541dab373c45054e4b79f"></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_e7494bb8c6f541dab373c45054e4b79f">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_e7494bb8c6f541dab373c45054e4b79f">
<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+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f/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+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@e7494bb8c6f541dab373c45054e4b79f/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@f965d7e2b23a45c8b016bcff1c072860">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@f965d7e2b23a45c8b016bcff1c072860" data-block-type="problem" data-graded="True" data-has-score="True" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_f965d7e2b23a45c8b016bcff1c072860" class="problems-wrapper" role="group"
aria-labelledby="f965d7e2b23a45c8b016bcff1c072860-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@f965d7e2b23a45c8b016bcff1c072860" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@f965d7e2b23a45c8b016bcff1c072860/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="f965d7e2b23a45c8b016bcff1c072860-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@f965d7e2b23a45c8b016bcff1c072860-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@f965d7e2b23a45c8b016bcff1c072860-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_f965d7e2b23a45c8b016bcff1c072860_2_1">
<fieldset aria-describedby="status_f965d7e2b23a45c8b016bcff1c072860_2_1">
<legend id="f965d7e2b23a45c8b016bcff1c072860_2_1-legend" class="response-fieldset-legend field-group-hd">The Japanese police forces created a network of police boxes throughout major cities, modeled on a system put in place in Paris during the 1870s. What benefits did this network offer&#8212;and in what ways were these police boxes vulnerable? Select the best answer.</legend>
<div class="field">
<input type="radio" name="input_f965d7e2b23a45c8b016bcff1c072860_2_1" id="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="f965d7e2b23a45c8b016bcff1c072860_2_1-choice_0-label" for="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_f965d7e2b23a45c8b016bcff1c072860_2_1"> The large number of police boxes required a large police force. This helped provide employment for many Tokyo residents, but also was a drain on government finances.
</label>
</div>
<div class="field">
<input type="radio" name="input_f965d7e2b23a45c8b016bcff1c072860_2_1" id="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="f965d7e2b23a45c8b016bcff1c072860_2_1-choice_1-label" for="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_f965d7e2b23a45c8b016bcff1c072860_2_1"> Police boxes were cheap and easy to construct, but it was expensive to provide communications infrastructure to link the many boxes.
</label>
</div>
<div class="field">
<input type="radio" name="input_f965d7e2b23a45c8b016bcff1c072860_2_1" id="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="f965d7e2b23a45c8b016bcff1c072860_2_1-choice_2-label" for="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_f965d7e2b23a45c8b016bcff1c072860_2_1"> The small size of each police box helped them fit in to each neighborhood, but it also made it difficult for local residents to find them quickly in times of need.
</label>
</div>
<div class="field">
<input type="radio" name="input_f965d7e2b23a45c8b016bcff1c072860_2_1" id="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_3" class="field-input input-radio" value="choice_3"/><label id="f965d7e2b23a45c8b016bcff1c072860_2_1-choice_3-label" for="input_f965d7e2b23a45c8b016bcff1c072860_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_f965d7e2b23a45c8b016bcff1c072860_2_1"> Police boxes helped the police build good ties to local neighborhoods, but the small size and staffing of the boxes made them difficult to defend if relations turned sour.
</label>
</div>
<span id="answer_f965d7e2b23a45c8b016bcff1c072860_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_f965d7e2b23a45c8b016bcff1c072860_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="Multiple Choice" />
<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_f965d7e2b23a45c8b016bcff1c072860" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_f965d7e2b23a45c8b016bcff1c072860">
<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="f965d7e2b23a45c8b016bcff1c072860-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="f965d7e2b23a45c8b016bcff1c072860-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="f965d7e2b23a45c8b016bcff1c072860-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 class="vert vert-5" data-id="block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53" data-block-type="video" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Lecture 5.13: Streetcars </h3>
<div
id="video_a8c83449f9ea4c64b7b4b3027b882b53"
class="video closed"
data-metadata='{"transcriptLanguages": {"en": "English"}, "lmsRootURL": "https://openlearninglibrary.mit.edu", "captionDataDir": null, "ytTestTimeout": 1500, "saveStateEnabled": false, "start": 0.0, "autoAdvance": false, "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "recordedYoutubeIsAvailable": true, "speed": null, "generalSpeed": 1.0, "streams": "", "completionEnabled": false, "end": 0.0, "transcriptTranslationUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53/handler/transcript/translation/__lang__", "prioritizeHls": false, "duration": null, "publishCompletionUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53/handler/publish_completion", "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53/handler/transcript/available_translations", "showCaptions": "true", "saveStateUrl": "/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53/handler/xmodule_handler/save_user_state", "poster": null, "autoplay": false, "transcriptLanguage": "en", "autohideHtml5": false, "savedVideoPosition": 0.0, "sources": ["https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V007300_100.mp4", "https://d2f1egay8yehza.cloudfront.net/har-vjx/HARVJXXXT214-V007300_100.webm"]}'
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="a8c83449f9ea4c64b7b4b3027b882b53"></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_a8c83449f9ea4c64b7b4b3027b882b53">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_a8c83449f9ea4c64b7b4b3027b882b53">
<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+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53/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+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@video+block@a8c83449f9ea4c64b7b4b3027b882b53/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:MITx+VJx+3T2018+type@problem+block@4272d80c97d34090ac08ff05cb0ab6ec">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@problem+block@4272d80c97d34090ac08ff05cb0ab6ec" data-block-type="problem" data-graded="True" data-has-score="True" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_4272d80c97d34090ac08ff05cb0ab6ec" class="problems-wrapper" role="group"
aria-labelledby="4272d80c97d34090ac08ff05cb0ab6ec-problem-title"
data-problem-id="block-v1:MITx+VJx+3T2018+type@problem+block@4272d80c97d34090ac08ff05cb0ab6ec" data-url="/courses/course-v1:MITx+VJx+3T2018/xblock/block-v1:MITx+VJx+3T2018+type@problem+block@4272d80c97d34090ac08ff05cb0ab6ec/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="4272d80c97d34090ac08ff05cb0ab6ec-problem-title" aria-describedby="block-v1:MITx+VJx+3T2018+type@problem+block@4272d80c97d34090ac08ff05cb0ab6ec-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VJx+3T2018+type@problem+block@4272d80c97d34090ac08ff05cb0ab6ec-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_4272d80c97d34090ac08ff05cb0ab6ec_2_1">
<fieldset aria-describedby="status_4272d80c97d34090ac08ff05cb0ab6ec_2_1">
<legend id="4272d80c97d34090ac08ff05cb0ab6ec_2_1-legend" class="response-fieldset-legend field-group-hd">Images of streetcars on fire are particularly striking in the <em>Tokyo Riot Graphic</em>. What motivated these conflagrant attacks on Tokyo&#8217;s public transport system? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1[]" id="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="4272d80c97d34090ac08ff05cb0ab6ec_2_1-choice_0-label" for="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_4272d80c97d34090ac08ff05cb0ab6ec_2_1"> Streetcars killed and maimed many pedestrians, angering Tokyo citizens.
</label>
</div>
<div class="field">
<input type="checkbox" name="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1[]" id="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="4272d80c97d34090ac08ff05cb0ab6ec_2_1-choice_1-label" for="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_4272d80c97d34090ac08ff05cb0ab6ec_2_1"> The streetcar company was notorious for its shady dealings with government officials.
</label>
</div>
<div class="field">
<input type="checkbox" name="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1[]" id="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="4272d80c97d34090ac08ff05cb0ab6ec_2_1-choice_2-label" for="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_4272d80c97d34090ac08ff05cb0ab6ec_2_1"> Fares rose precipitously in 1905, adding further burdens to a public already sacrificing for the war effort.
</label>
</div>
<div class="field">
<input type="checkbox" name="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1[]" id="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="4272d80c97d34090ac08ff05cb0ab6ec_2_1-choice_3-label" for="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_4272d80c97d34090ac08ff05cb0ab6ec_2_1"> Rickshaw pullers were rapidly losing their jobs to the new streetcars
</label>
</div>
<div class="field">
<input type="checkbox" name="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1[]" id="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_4" class="field-input input-checkbox" value="choice_4"/><label id="4272d80c97d34090ac08ff05cb0ab6ec_2_1-choice_4-label" for="input_4272d80c97d34090ac08ff05cb0ab6ec_2_1_choice_4" class="response-label field-label label-inline" aria-describedby="status_4272d80c97d34090ac08ff05cb0ab6ec_2_1"> The streetcars were manufactured in Russia, and thus seen as unpatriotic
</label>
</div>
<span id="answer_4272d80c97d34090ac08ff05cb0ab6ec_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_4272d80c97d34090ac08ff05cb0ab6ec_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_4272d80c97d34090ac08ff05cb0ab6ec" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_4272d80c97d34090ac08ff05cb0ab6ec">
<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="4272d80c97d34090ac08ff05cb0ab6ec-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="4272d80c97d34090ac08ff05cb0ab6ec-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="4272d80c97d34090ac08ff05cb0ab6ec-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-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@vertical+block@e7ea3eea7bd7420aace2fa458cc9b403" data-block-type="vertical" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Visual Narrative - Pencil Sketches Section</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VJx+3T2018+type@html+block@00a8e39efe564294932c7c9592cd008d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@00a8e39efe564294932c7c9592cd008d" data-block-type="html" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Retelling the Riots - Pencil Sketch Section</h3>
<p>The images below contains the last third of <em>The Tokyo Riot Graphic:</em> a narrative account of the riots, with pencil sketches rather than photographs or watercolors. Unlike the first part of the magazine, there is no English. </p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VJx+3T2018+type@html+block@4e1ddb79e7f446c2a34a61814cc9baf1">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@4e1ddb79e7f446c2a34a61814cc9baf1" data-block-type="html" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>
<script>// <![CDATA[
var data = ['trg028_pg28_18Sept1905.jpg', '<em>The Tokyo Riot Graphic</em>, September 18, 1905<br>Concluding Pages (pp. 28–37)<br>',
'trg029_pg29_18Sept1905.jpg', 'The back pages of the <em>Tokyo Riot Graphic</em> present this lengthy written account of the protest, written by the magazine’s publisher and co-editor, Yano Ryūkei, and interspersed with dramatic line drawings.<br>',
'trg030_pg30_18Sept1905.jpg', 'The wide mass audience that the magazine targeted can be seen in the inclusion of phonetic syllables <em>(furigana)</em> next to every single ideograph, which made it possible for people with even rudimentary education to learn how the patriotic war with Russia had turned into a populist battle at home.<br>',
'trg031_pg31_18Sept1905.jpg', 'The essay deserves careful study in its own right. It offers a day-by-day (and night-by-night) narrative of specific encounters between rioters and police at numerous locations throughout the city. Yano is relatively dispassionate in his treatment of the crowd.<br>',
'trg032_pg32_18Sept1905.jpg', 'He uses a variety of terms for the participants, ranging from critical words such as “rioter” <em>(bōmin)</em> or “mob” <em>(gunshū)</em> to more neutral or positive terms such as “masses” <em>(minshū)</em> or “the people” <em>(jinmin).</em><br>',
'trg033_pg33_18Sept1905.jpg', 'He also makes a distinction between “rioters” and “bystanders” <em>(kenbutsnin),</em> with those in the latter category said to be more numerous.<br>',
'trg034_pg34_18Sept1905.jpg', 'On occasion Yano criticizes the rioters, but on other occasions he writes that the police used excessive force, thus turning neutral “bystanders” into “new enemies.”<br>',
'trg035_pg35_18Sept1905.jpg', '',
'trg036_pg36_18Sept1905.jpg', '',
'trg037_pg37_18Sept1905.jpg', '']; //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.
for(i=0;i<data.length;i+=2){ //function to add proper urls to everything
data[i] = "https://files.edx.org/vjx/trg/" + data[i];
}
function album(data){
$('#vjxMain').append("<div id='vjxOverlay'><img id='vjxImage' src='" + data[0] + "'/><button type='button' id='vjxLeft' onclick='turnPage(-2)' class='asText'><img src='https://files.edx.org/vjx/left.png'/></button><button type='button' id='vjxRight' onclick='turnPage(2)' class='asText'><img src='https://files.edx.org/vjx/right.png'/><button class='asText' id='vjxClose' onclick='closeAlbum()'><p style='color:white';>[X] Click to Close</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
$('#vjxOverlay').append("<div id='vjxSidebar'><p id='vjxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vjxData'>"
+ data[1] + "</p></div>");
}
bookmark = 0; //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($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vjxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vjxSidebar').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.
$('#vjxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vjxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vjxSidebar').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.
$('#vjxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vjxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum(); // or whatever you want
}
});
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===24){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vjxImage').attr('src',data[bookmark]);
$('#vjxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vjxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vjxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vjxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vjxImage').css({'max-height':'100%',
'position':'absolute',
'margin':'auto',
'top':'0', 'bottom':'0', 'left':'0', 'right':'0'});
});
}
else{ //if the sidebar is closed.
$('#vjxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vjxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vjxImage').css({'max-height':'85%',
'position':'absolute',
'top':'2%', 'bottom':'17%', 'left':'0', 'right':'0'});
});
}
}
// ]]></script>
</p>
<style><!--
#vjxMain{
font-family:'open sans';
font-size:12pt;
}
#vjxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('https://files.edx.org/vjx/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vjxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vjxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vjxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vjxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vjxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:15%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vjxVert{
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;
}
#vjxData{
position:absolute;
left:50px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vjxMain">
<h3>Click Thru - Pencil Sketches</h3>
<p><a href="#" tabindex="0" onclick="album(data)" style="cursor: pointer;"><span style="cursor: pointer;"><img style="float: left; margin-right: 10px;" alt="Album preview; click to view album" src="/assets/courseware/v1/e41489a6a0eb61737237ca4fc7c1c58d/asset-v1:MITx+VJx+3T2018+type@asset+block/trg_sketch_section_200h.jpg" /></span><strong style="cursor: pointer;">Click Thru</strong></a> to view the pencil sketches from <em>The Tokyo Riot Graphic.</em></p>
</div>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VJx+3T2018+type@html+block@40283a5e66eb47439ec9215ea5fd3787">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@40283a5e66eb47439ec9215ea5fd3787" data-block-type="html" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><a target="_blank" href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/trg_visnav01.html"><strong>Link Thru</strong></a> to view the pencil sketches in <span style="line-height: 1.6;">a Visual Narrative </span>on the Visualizing Cultures website (opens in a new browser window).</p>
<p><a target="_blank" href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/trg_visnav01.html"><img alt="Link thru icon to visual narrative on VC website" src="/assets/courseware/v1/1aed70ce4c561eb36e2ac3c7483cd3c0/asset-v1:MITx+VJx+3T2018+type@asset+block/trg_icon_pencil_sketch_section_200h.jpg" /></a></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VJx+3T2018+type@html+block@ab6c3cfcc97b4b8c97b215510cdca7cf">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-runtime-version="1" data-usage-id="block-v1:MITx+VJx+3T2018+type@html+block@ab6c3cfcc97b4b8c97b215510cdca7cf" data-block-type="html" data-graded="True" data-has-score="False" data-course-id="course-v1:MITx+VJx+3T2018" data-runtime-class="LmsRuntime" data-request-token="ae04f8e64c3011ef894b0e6e8f39bb05" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Image Credit: all images are from <em>The Tokyo Riot Graphic</em> (Tokyo: Kinji Gahō Company), 66 (September 18, 1905). <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" target="[object Object]">CC BY NC SA</a>. [<a href="http://ocw.mit.edu/ans7870/21f/21f.027/social_protest_japan/trg_gallery.html" target="[object Object]">trg028 ~ trg037</a>]</p>
</div>
</div>
</div>
</div>
© All Rights Reserved