Untitled

<!DOCTYPTE HTML>
<html>
<body>

<link rel="stylesheet" type="text/css" href="assets/style.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>


<div class="boxy">
    <div class="imagey">
        <img src="images/pg1.png" usemap="map" class="pollo">
        <map name="map" class="bebop">
        <!-- #$-:Image map file created by GIMP Image Map plug-in -->
        <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
        <!-- #$-:Please do not edit lines starting with "#$" -->
        <!-- #$VERSION:2.3 -->
        <!-- #$AUTHOR:NOTHING TO SEE HERE-->
            <area shape="rect" coords="445,451,1120,471" target="image_tag"  href="nohref" />
            <area shape="rect" coords="446,535,655,570" target="chapter_header"  href="#chap_head"/>
            <area shape="rect" coords="28,107,1292,434" target="image"  href="nohref" alt="Woodcut of men at work."/>
            <area shape="rect" coords="444,591,1189,748" target="paragraph"  href="#par1"/>
            <area shape="rect" coords="117,689,390,815" target="teacher_question"  href="#understand" alt="whoasked"/>
            <area shape="rect" coords="127,1147,391,1249" target="teacher_question" id="teach2"href="nohref" />
            <area shape="rect" coords="446,750,1189,1046" target="paragraph" href="#par2"/>
            <area shape="rect" coords="447,1047,1189,1176" target="paragraph"  href="#par3" />
            <area shape="rect" coords="447,1177,1189,1442" href="#par4" />
            <area shape="rect" coords="172,1409,220,1440" target="page_num"  href="#pagenum" />
        </img>
    </div>

    <div class="transcript">
        <p class="image tag"><span>The way meat was packaged and sold was investigated by muckrakers.</span></p>
        <p class="chapter_header" id="chap_head"><span>MUCKRAKERS</span></p>
        <p class="paragraph" id="par1">Magazines and books began to tell about the problems of American society. The people who wrote such articles and books were called muckrakers. The muckrakers pointed out dishonest practices in politics and business. They wrote about working conditions in factories and about overcrowding in tenements.</p>
        <p class="teacher_question" id="whoasked"><span>Ask students to find the <br> derivation of the term <br> <i>muckraker.</i>. Who coined the <br> word? Was it used in a <br>complimentary sense?</span></p>
        <p class="teacher_question" id="understand">Students should understand <br> that writers can play an<br> important role in bringing <br> about change.</p>
        <p class="paragraph" id="par2">One of the most famous muckraking magazines was<br><span name="prop_title">McClure's.</span>It hired reporters to look into all kinds of problems.<br>One muckraker article, "History of the Standard Oil Company,"<br>was written by Ida Tarbell. She had spent six years studying this<br>big oil company. She described how it received special favors<br>from other businesses and from politicians. Another series of<br>articles in <span name="prop_title">McClure's</span>told about dishonesty in city' politics. "The<br>Shame of the Cities," written by Lincoln Steffens, led many citizens to demand reform in local government.</p>
        <p class="paragraph" id="par3">A number of magazines started printing muckraking articles.<br>  Some reporters told about dishonest practices in the stock market.<br>  Others showed how labor bosses stole money that worksers paid<br> to unions.</p>
        <p class="paragraph" id="par4">The muckrakers also wrote books.  In <span name="prop_title">The Jungle</span>(1906) Upton<br> Sinclair described terrible conditions in the meat-packing in-<br> dustry.  He told how rats were ground up into the meat.  Chemi=<br>cals were added to bad meat to make it look good to eat. <span name="prop_title">The Jungle</span><br> so shocked the country that Congress passed the <span name="act_title">Pure Food and<br> Drug Act</span> and the <span name="act_title">Meat Inspection Act</span>.  These laws set up labora-<br>tories to test products and sent federal inspectors to check on<br> businesses that sold food and medicines.</p>
        <p class="pagenum" id="pagenum">440</p>
    </map>
</div>
</div>
<script type="text/javascript" src="assets/jquery.rwdImageMaps.min.js"></script>
<script>
  $(document).ready(function () {
    $('img[usemap]').rwdImageMaps();
    //$("#Chart_Horizontal").removeAttr("style") // Remove the style attribute.
  });
</script>
<script type="text/javascript" src="assets/jquery.maphilight.min.js"></script>
<script>
    $( "area" ).hover(function() {
        $( this ).color('008800')
    });
</script>

</body>

/*various colours
#aa9a32; sage green
#0063dc; flickr blue
#096eb6; royal blue
#694c46; suede brown
#a7dbf3; sky blue
#990033; claret
*/
html,body {
    font-family: Helvetica, 'Constantina', Garamond, sans-serif;
    padding:;
    margin:0;
    height:100%;
    min-height:100%;
}

img[usemap]{
    position: absolute;
    top: 0px;
    left: 0px;
    height:auto;
    max-height: 100%;
    max-width: 50%;
}

.transcript {
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    height: auto;
    max-height: 100%;
    max-width: 50%;
    border: 1px solid red;
}

area.active {
    border: 5px #cccccc;
}