The Flint Water Crisis: A Timeline - ABA Journal

The Flint Water Crisis: A Timeline

❮

❯

<div class="slide_text" style="text-align:left;"><p>Markdown formatted text</p> </div> </div> <div style="clear:both; height:20px;"></div> </div> </div> <script> $( document ).ready(function() { var slidesFetched = false; var handleGalleryClick = function() { var $oldItem = $('.gallery_container'); $('.gallery_container .arrows a').click(function(e) { e.preventDefault(); $arrow = $(this); if (! slidesFetched) { $arrow.closest('.gallery_slide').css('opacity', '0.3'); var url = $(this).attr('href').replace('/gallery/', '/gallery/slides/'); $.get(url, function(data) { var $slides = $(data); $slides = $slides.filter('.gallery_container'); $('.gallery_container').replaceWith($slides); $slides = $('.gallery_container'); $slides.find('.arrows a').click(function(e2) { e2.preventDefault(); var $slideWrapper = $(this).closest('.gallery_container'); var $arrowContainer = $(this).closest('.arrows'); if ($arrowContainer.hasClass('previous')) { $slideWrapper.removeClass('active'); $slideWrapper.prev().addClass('active'); } else if ($arrowContainer.hasClass('next')) { $slideWrapper.removeClass('active'); $slideWrapper.next().addClass('active'); } changeSlide($('.cell-'+$(this).attr('data-slideid'))); }); changeSlide($('.cell-'+$arrow.attr('data-slideid'))); slidesFetched = true; }); } changeSlide($('.cell-'+$(this).attr('data-slideid'))); return false; }); var changeSlide = function($cell) { $('.slide-'+$cell.attr('data-slideid')).addClass('active').siblings().removeClass('active'); $cell.addClass('active').siblings().removeClass('active'); moveFilmstripCells($cell); // Hide filmstrip arrows if we're on the first/last slide. if ($('.gallery_container.active').find('.arrows.previous').length > 0) { $('#filmstrip_container .arrows.previous').css('visibility', 'visible'); } else { $('#filmstrip_container .arrows.previous').css('visibility', 'hidden'); } if ($('.gallery_container.active').find('.arrows.next').length > 0) { $('#filmstrip_container .arrows.next').css('visibility', 'visible'); } else { $('#filmstrip_container .arrows.next').css('visibility', 'hidden'); } }; var $cells = $('#filmstrip_container .cell'); var totalCells = $cells.length; var totalVisibleCells = $cells.filter('.visible').length; var pivotPoint = Math.floor(totalVisibleCells / 2); var moveFilmstripCells = function($activeCell) { var $visibleCells = $cells.filter('.visible'); var activeCellIndex = $cells.index($activeCell); var activeCellVisibleIndex = $visibleCells.index($activeCell); var firstVisibleCellIndex = $cells.index($cells.filter('.visible:first')); var lastVisibleCellIndex = $cells.index($cells.filter('.visible:last')); var cellsToMove = 0; var startingPoint = 0; // Do nothing if active cell is at the pivot point. if (activeCellVisibleIndex == pivotPoint) return; // Active cell is left of the pivot point. if (activeCellVisibleIndex < pivotPoint) { // Do nothing if the cell's index and visible index are identical, because that means // we don't have room to shift. if (activeCellIndex <= activeCellVisibleIndex) return; cellsToMove = pivotPoint - activeCellVisibleIndex; startingPoint = firstVisibleCellIndex - cellsToMove; if (startingPoint < 0) startingPoint = 0; $cells.removeClass('visible'); $cells.slice(startingPoint, startingPoint + totalVisibleCells).addClass('visible'); } // Active cell is right of the pivot point. else { // Do nothing if we're already as far right as we can go. if ((activeCellIndex) >= (totalCells - pivotPoint)) return; cellsToMove = activeCellVisibleIndex - pivotPoint; startingPoint = firstVisibleCellIndex + cellsToMove; $cells.removeClass('visible'); $cells.slice(startingPoint, startingPoint + totalVisibleCells).addClass('visible'); } }; $('#filmstrip_container .arrows').click(function(e) { e.preventDefault(); var $arrow = $(this); var direction = $arrow.hasClass('previous') ? 'previous' : 'next'; var totalVisibleCells = $cells.filter('.visible').length; if (slidesFetched) { for (var i = 0; i < totalVisibleCells; i++) { $('.gallery_container.active').find('.arrows.'+direction+' a').click(); } } else { $('.gallery_container.active').find('.arrows.'+direction+' a').click(); var filmstripInterval = setInterval(function() { if (slidesFetched) { clearInterval(filmstripInterval); filmstripInterval = null; for (var i = 1; i < totalVisibleCells; i++) { $('.gallery_container.active').find('.arrows.'+direction+' a').click(); } } }, 10); } }); $('#filmstrip_container .cell').click(function(e) { e.preventDefault(); var $cell = $(this); var filmstripInterval; if (! slidesFetched) { $('.arrows.next a').click(); filmstripInterval = setInterval(function() { if (slidesFetched) { clearInterval(filmstripInterval); filmstripInterval = null; $cell.click(); } }, 500); } else {changeSlide($cell);} }); } handleGalleryClick(); }); </script> <style> .slides_wrapper { overflow: hidden; transition: all .3s linear; } #filmstrip_container { display: grid; grid-template-columns: 20px repeat(7, 1fr) 20px; column-gap: 10px; margin-bottom: 20px; text-align: center; } #filmstrip_container .arrows { align-self: center; font-size: 40px; opacity: 0.3; } #filmstrip_container .arrows.previous { visibility: hidden; } #filmstrip_container .arrows:hover { opacity: 0.8; cursor: pointer; } #filmstrip_container .cell { display: none; position: relative; outline: 3px solid #ccc; border: 3px solid #fff; padding-bottom: 100%; background-color: #fff; background-position: center; background-size: cover; cursor: pointer; } #filmstrip_container .cell:hover { background-color: #cccccc; } #filmstrip_container .cell.visible { display: block; } #filmstrip_container .cell.active { outline-color: #CBA135; border-color: #CBA135; } .gallery_container { display: none; } .gallery_container.active { display: block; } .gallery_container .gallery_slide { position: relative; /transition: all 0.3s ease-in-out;/ } .gallery_container .gallery_slide .arrows { display: flex; position: absolute; top: 0; left: 10px; height: 100%; align-items: center; font-size: 100px; } .gallery_container .gallery_slide .arrows.next { left: auto; right: 10px; } .gallery_container .gallery_slide .arrows a { display: flex; height: 100%; align-items: center; color: #fff; text-decoration: none; opacity: 0.3; } .gallery_container .gallery_slide .arrows:hover { background-color: rgba(255, 255, 255, .3); } .gallery_container .gallery_slide .arrows:hover a { opacity: 1.0; } </style> <div id="med-rec-1-mobile"></div> <div id="most-read-mobile"></div> <div id="med-rec-2-mobile"></div> <div id="poll-display-mobile"></div> <div id="google-adsense-mobile"></div> </div> <div class="col-md-4 col-xs-12 sidebar" id="sidebar">  <div style="margin-left:auto; margin-right:auto; max-width:500px;">  <div id="med-rec-1-container"> <div id="med-rec-1" class="ad"> <div id="sas_84473"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("84473"); // Format : Middle 0x0 }); </script> </div> </div>  <hr style="clear:both;"> <div id="most-read-container" style="margin-left:auto; margin-right:auto; max-width:500px;"> <div class="sidebar_widget" id="most_read_widget"> <div class="tab-content"> <div class="tab-pane active" id="most_read"> <h2 style="font-size:1.2em;text-transform:uppercase;padding:10px 0 0 20px;">Most Read</h2> <ol id="most_read_ol" style="list-style-position: outside;padding-bottom:10px;"> </ol> <div style="text-align:right; padding: 0 10px 5px 0;"><a href="/featured/">Latest featured news ...</a></div> </div> </div> <script type="text/javascript"> $(document).ready(function() { var output = ''; var item_counter = 5; $.jChartbeat({apikey: 'ae182f2a4545617265035b459974c923', host: 'abajournal.com'}); // A call to chartbeat's Top Pages API. The response is returned in a callback. $.jChartbeat.toppages(function(response) { $.each(response, function(){ if (item_counter >= 1){ var actual_path = this['path'].split("?")[0]; //console.log('ap = '+actual_path); if ((actual_path.indexOf("news/article/") > -1) || (actual_path.indexOf("voice/article/") > -1) || (actual_path.indexOf("web/article/") > -1) || (actual_path.indexOf("legalrebels/article/") > -1) || (actual_path.indexOf("books/article/") > -1) || (actual_path.indexOf("lawscribbler/article/") > -1) || (actual_path.indexOf("magazine/article/") > -1) ){ if (output.indexOf(actual_path) == -1){ output += '<li><a href="'+actual_path+'">'+this['i'].replace("- ABA Journal", "")+'</a></li>'; item_counter = item_counter - 1 ; } } } }); $("#most_read_ol").html(output); }, {limit: 35}); }); </script> </div> </div> <hr style="clear:both;">  <div id="med-rec-2-container"> <div id="med-rec-2" class="ad"> <div id="sas_84474"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("84474"); // Format : Bottom 0x0 }); </script> </div> </div>  <hr style="clear:both;"> <a href="/topics"><h2 style="text-transform:uppercase;">Topics: Career & Practice</h2></a> <div style="width:80px; height:80px; margin: 0 10px 10px 0; padding:0; float:left;" class="imgLiquidFill imgLiquid"> <a href ="/news/article/with-criticisms-of-the-ncbe-new-york-bar-group-suggests-state-create-its-own-bar-exam"><img style="vertical-align: text-top; padding:0;" src = "https://www.abajournal.com/images/main_images/barexam750.jpg" alt="" /></a> </div> <h3 style="padding:0;"><a href ="/news/article/with-criticisms-of-the-ncbe-new-york-bar-group-suggests-state-create-its-own-bar-exam">With criticisms of the NCBE, New York bar group suggests state create its own bar exam</a></h3> <div style="text-align:right; padding: 0 0 0 5px;"><a class="red" href="/topics">Complete list of topics ...</a></div> <form action="" method="get"> <select class="form-control" name="topic_jump_menu" id="topic_jump_menu" onchange="MM_jumpMenu('parent',this,0)"> <option value="#">Choose a topic to explore ... </option> <option value="/topic/career_practice">Career & Practice</option> <option value="/topic/constitutional_law">Constitutional Law</option> <option value="/topic/contracts">Contracts</option> <option value="/topic/corporate+law">Corporate Law</option> <option value="/topic/criminal+justice">Criminal Justice</option> <option value="/topic/education+law">Education Law</option> <option value="/topic/legal_ethics">Ethics</option>latest <option value="/topic/entertainment+sports+law">Entertainment & Sports Law</option> <option value="/topic/family+law">Family Law</option> <option value="/topic/federal_government">Federal Government</option> <option value="/topic/bryan_garner_on_words">Bryan Garner on Words</option> <option value="/topic/harper_lee_prize">Harper Lee Prize for Legal Fiction</option> <option value="/topic/health+law">Health Law</option> <option value="/topic/lawschools">Law Schools</option> <option value="/topic/trials+litigation">Litigation</option> <option value="/topic/media+communications+law">Media & Communications Law</option> <option value="/topic/medical+malpractice">Medical Malpractice</option> <option value="/topic/practice_management">Practice Management</option> <option value="/topic/practice_technology">Practice Technology</option> <option value="/topic/public_interest">Public Interest</option> <option value="/topic/real+estate+property+law">Real Estate & Property Law</option> <option value="/topic/question+of+the+week">Question of the Week</option> <option value="/topic/u.s.+supreme+court">Supreme Court</option> <option value="/topic/technology">Technology</option> <option value="/topic/tort+law">Tort Law</option> <option value="/topic/white+collar+crime">White Collar Crime</option> </select> </form> <script type="text/javascript"> function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } </script> <a href="/voice"><h2 style="text-transform:uppercase;">Your Voice</h2></a> <div style="width:80px; height:80px; margin: 0 10px 10px 0; padding:0; float:left;" class="imgLiquidFill imgLiquid"> <a href ="https://www.abajournal.com/voice/article/allyship-for-lawyers-a-brief-primer"><img style="vertical-align: text-top; padding:0;" src = "https://www.abajournal.com/images/main_images/Ellen_Krug_headshot.png" alt="" /></a> </div> <h3 style="padding:0;"><a href ="https://www.abajournal.com/voice/article/allyship-for-lawyers-a-brief-primer">A brief primer on LGBTQ allyship for lawyers</a></h3> <div style="text-align:right; padding: 0 0 0 5px;"><a rel="external" class="red" href="/voice">Articles and commentary ...</a></div> <div style="clear:both;"></div> <a href="/podcast"><h2 style="text-transform:uppercase;">Podcasts</h2></a> <div style="width:80px; height:80px; margin: 0 10px 10px 0; padding:0; float:left;" class="imgLiquidFill imgLiquid"> <a href ="https://www.abajournal.com/books/article/podcast-episode-148"><img style="vertical-align: text-top; padding:0;" src = "https://www.abajournal.com/images/main_images/VicePatrol_bookcover500px.png" alt="" /></a> </div> <h3 style="padding:0;"><a href ="https://www.abajournal.com/books/article/podcast-episode-148">'Vice Patrol' examines how police and courts enforced anti-gay laws before Stonewall</a></h3> <div style="text-align:right; padding: 0 0 0 5px;"><a rel="external" class="red" href="/podcast">More podcasts ...</a></div> <hr style="clear:both;"> <div id="google-adsense-container"> <div class="block custom adwords ad" id="google-adsense"> <script type="text/javascript"> </script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> </div> <hr style="clear:both;"> </div> </div> </div>   </div>  <div class="footer-wrap"> <footer id="footer" class="row container"> <div class="col-md-2 col-md-20"> <a href="/"><img src="/images/resources/images-global/abajournal_logo_white.png" width="100%" alt="ABA Journal logo."></a> <address> <ul> <li><b><a href="/" style="color:#fefde5;">ABA Journal</a></b></li> <li><a href="http://www.americanbar.org" style="color:white;">American Bar Association</a></li> <li><a href="https://www.google.com/maps/place/American+Bar+Endowment/@41.8880653,-87.6329495,17z" style="color:white;">321 N Clark St</a></li> <li>Chicago, IL 60654-7598</li> <li><a href="tel:18002852221" style="color:white;">800-285-2221</a></li> <li><a href="tel:13129885522" style="color:white;">312-988-5522</a></li> </ul> </address> </div> <div class="col-md-2 col-md-20"> <ul> <li><b style="color:#fefde5;">Features</b></li> <li><a href="/galleries" style="color:white;">Photo Galleries</a></li> <li><a href="/magazine/archives" style="color:white;">Magazine Back Issues</a></li> <li><a href="/digital_edition" style="color:white;">Magazine Digital Edition</a></li> <li><a href="/stay_connected/item/rss_feeds" style="color:white;">RSS Feed</a></li> <li><a href="/search" style="color:white;">Search</a></li> <li><a href="/corrections" style="color:white;">Corrections</a></li> </ul> </div> <div class="col-md-2 col-md-20"> <ul> <li><b><a href="/about" style="color:#fefde5;">About the ABA Journal</a></b></li> <li><a href="/authors" style="color:white;">Authors</a></li> <li><a href="https://www.americanbar.org/about_the_aba/codeofconduct" style="color:white;">Code of Conduct</a></li> <li><a href="/contests" style="color:white;">Contests</a> <li><a href="https://www.americanbar.org/about_the_aba/privacy" style="color:white;">Privacy Policy</a></li> <li> <a href="https://www.americanbar.org/about_the_aba/your-privacy-rights" style="color:white;">California Privacy Rights</a></li> <li><a href="https://www.americanbar.org/about_the_aba/terms" style="color:white;">Terms of Use</a></li> </ul> </div> <div class="col-md-2 col-md-20"> <ul> <li><b><a href="/contact" style="color:#fefde5;">Contact the ABA Journal</a></b></li> <li><a href="/mediakit" style="color:white;">Advertise</a></li> <li><a href="/stay_connected/newsletter" style="color:white;">Email Newsletters</a></li> <li><a href="/contact" style="color:white;">Letters to the Editor</a></li> <li><a href="/reprint" style="color:white;">Reprints</a></li> <li><a href="/submissions" style="color:white;">Tips & Pitches</a></li> </ul> </div> </footer> <div class="footer_social_links" style="text-align:center;"> <ul class = "inline_list"> <li><a href="https://www.facebook.com/ABAJournal"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/facebook.png" style="width:40px;"></a></li> <li><a href="https://twitter.com/abajournal"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/twitter.png" style="width:40px;"></a></li> <li><a href="https://www.linkedin.com/company/aba-journal"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/linkedin.png" style="width:40px;"></a></li> <li><a href="https://www.pinterest.com/abajournal"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/pinterest.png" style="width:40px;"></a></li> <li><a href="https://www.instagram.com/abajournal"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/instagram.png" style="width:40px;"></a></li> <li><a href="https://www.youtube.com/user/ABAJournal"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/youtube.png" style="width:40px;"></a></li> <li><a href="/stay_connected/item/rss_feeds"><img src ="https://www.abajournal.com/images/resources/redesign_images/flat-social-media-icons/feeds.png" style="width:40px;"></a></li> </ul> </div> </div> <div class="copyright"> <a href="https://www.americanbar.org/about_the_aba/copyright">Copyright 2021 American Bar Association. All rights reserved.</a> </div> </body> </html>