vool/2016.html

## 2016.html
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>2016.ie</title>

    <script type='text/javascript' src='https://code.jquery.com/jquery-1.11.1.min.js'></script>


    <style type='text/css'>
        html,
        body {
            height: 100%;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            color: #606060;
        }
        h2 {
            font-size: 22px;
            bottom: 0;
            height: 100px;
            left: 0;
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            width: 700px;
        }
        .inspire {
            display: none;
            color: #808080;
        }
    </style>

</head>

<body>

    <div>
        <h2>#irelandinspires
                <span class="inspire">some creative tax accounting</span>
                <span class="inspire">ways to label a genuine protestor as a terrorist</span>
                <span class="inspire">a fight to the political death to retain status quo</span>
                <span class="inspire">jobs for the boys and girls</span>
            </h2>
    </div>

    <script type='text/javascript'>
        //<![CDATA[

        (function () {
            var perspiration = $(".inspire");
            var i = -1;

            function next() {
                ++i;
                perspiration.eq(i % perspiration.length)
                    .fadeIn(2000)
                    .delay(1500)
                    .fadeOut(2000, next);
            }

            next();

        })();
         //]]>
    </script>

</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>2016.ie</title>

	<script type='text/javascript' src='https://code.jquery.com/jquery-1.11.1.min.js'></script>


	<style type='text/css'>
	html,
	body {
	height: 100%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #606060;
	}
	h2 {
	font-size: 22px;
	bottom: 0;
	height: 100px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	width: 700px;
	}
	.inspire {
	display: none;
	color: #808080;
	}
	</style>

	</head>

	<body>

	<div>
	<h2>#irelandinspires
	<span class="inspire">some creative tax accounting</span>
	<span class="inspire">ways to label a genuine protestor as a terrorist</span>
	<span class="inspire">a fight to the political death to retain status quo</span>
	<span class="inspire">jobs for the boys and girls</span>
	</h2>
	</div>

	<script type='text/javascript'>
	//<![CDATA[

	(function () {
	var perspiration = $(".inspire");
	var i = -1;

	function next() {
	++i;
	perspiration.eq(i % perspiration.length)
	.fadeIn(2000)
	.delay(1500)
	.fadeOut(2000, next);
	}

	next();

	})();
	//]]>
	</script>

	</body>

	</html>