<script src="js/ui.js"></script>

<style>

.modalDialog {

position: fixed;

font-family: Arial, Helvetica, sans-serif;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: rgba(0, 0, 0, 0.8);

z-index: 99999;

opacity: 0;

-webkit-transition: opacity 400ms ease-in;

-moz-transition: opacity 400ms ease-in;

transition: opacity 400ms ease-in;

pointer-events: none;

}

.modalDialog:target {

opacity: 1;

pointer-events: auto;

}

.modalDialog > div {

width: 400px;

position: relative;

margin: 10% auto;

padding: 5px 20px 13px 20px;

border-radius: 10px;

background: #fff;

background: -moz-linear-gradient(#fff, #999);

background: -webkit-linear-gradient(#fff, #999);

background: -o-linear-gradient(#fff, #999);

}

.close {

background: #606061;

color: #ffffff;

line-height: 25px;

position: absolute;

right: -12px;

text-align: center;

top: -10px;

width: 24px;

text-decoration: none;

font-weight: bold;

-webkit-border-radius: 12px;

-moz-border-radius: 12px;

border-radius: 12px;

-moz-box-shadow: 1px 1px 3px #000;

-webkit-box-shadow: 1px 1px 3px #000;

box-shadow: 1px 1px 3px #000;

}

.close:hover {

background: #00d9ff;

}

</style>

<div id="openModal" class="modalDialog">

<div>

<a href="#close" title="Close" class="close">X</a>

<h2>Archived</h2>

<p>

This site has been archived, go to

<a target="_blank" href="https://python-gsoc.org/">this link</a> to find

more about the latest GSoC program.

</p>

</div>

</div>

<script>

let tokens = String(window.location).split("#");

if (

tokens.length === 1 &&

tokens[1] !== "openModal" &&

tokens[1] !== "close"

) {

window.location = window.location + "#openModal";

}

</script>

</body>

</html>