Tracing the Partition: Explore an Interactive Compilation from the EPW Archives

<p><iframe scrolling="no" src="/di/partition/index.html" style="width:100%; height:900px; border: none;"></iframe></p>

<div class="popup" data-popup="popup-1">
<div class="popup-inner">
<h2>EPW Digital Initiative</h2>

<p>This Interactive Visualisation from the EPW archives is best viewed on a desktop using Chrome or Firefox. Would you like to switch to the full screen page for the best visual experience?</p>
<button id="fullscreen">Go Fullscreen</button><a class="popup-close" data-popup-close="popup-1" href="#">x</a></div>
</div>
<style type="text/css">/* Outer */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {
max-width:700px;
width:90%;
padding:40px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
}

/* Close Button */
.popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}

.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}
</style>
<script>

jQuery(document).ready(function($) {
//----- OPEN
$('.popup').fadeIn(350);

//----- CLOSE
$('[data-popup-close]').on('click', function(e) {
var targeted_popup_class = jQuery(this).attr('data-popup-close');
$('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);

e.preventDefault();
});

$('.popup button').on('click', function(e) {
window.location = 'http://www.epw.in/di/partition/index.html';

e.preventDefault();
});

});

</script>