PAGE 06.8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">









<!--


    page jaunt 10
    iliyon @ tumblr


-->












<head>
<link href='https://fonts.googleapis.com/css?family=Raleway:200,400,700' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/wb7siqo/jjdnjg8n6/cssnormalizer.css' rel='stylesheet' type='text/css'><link rel="shortcut icon" href="{Favicon}"><title>{Title}</title>
<meta name="image:Bg" content="" />
<meta name="color:Text" content="#ffffff" />
<meta name="color:Overlay" content="#111111" />
<meta name="select:Overlay Opacity" content="50" title="50%" />
<meta name="select:Overlay Opacity" content="0" title="0%" />
<meta name="select:Overlay Opacity" content="10" title="10%" />
<meta name="select:Overlay Opacity" content="20" title="20%" />
<meta name="select:Overlay Opacity" content="30" title="30%" />
<meta name="select:Overlay Opacity" content="40" title="40%" />
<meta name="select:Overlay Opacity" content="60" title="60%" />
<meta name="select:Overlay Opacity" content="70" title="70%" />
<meta name="select:Overlay Opacity" content="80" title="80%" />
<meta name="select:Overlay Opacity" content="90" title="90%" />
<meta name="text:URL" content="" />
<meta name="text:Name" content="" />
<meta name="text:Blurb" content="Moved to" />
<meta name="text:Redirect" content="Redirecting" />
<meta name="text:Background Position" content="center center" />
<meta name="if:Stretch Background" content="1" />
<meta name="if:Tile Background" content="0" />
<style type="text/css">
body{font-family:Raleway;color:{color:Text};display:block;height:100%;width:100%;position:fixed;}
a{color:{color:Text};text-decoration:none;}
iframe#tumblr_controls{display:none!important;}
body section{display:table;vertical-align:middle;height:100%;width:100%;
background-image:url({image:Bg});{block:ifNotTileBackground}background-repeat:no-repeat;{/block:ifNotTileBackground}{block:ifStretchBackground}background-size:cover;{/block:ifStretchBackground}background-position:{text:Background Position};}
body section article{display:table-cell;vertical-align:middle;height:100%;
width:100%;text-align:right;background:rgba({RGBcolor:Overlay},.{select:Overlay Opacity});}
a.m{display:inline-block;position:fixed;bottom:25px;right:50px;text-align:right;}
h1{font-weight:200;font-size:170%;text-transform:uppercase;letter-spacing:4px;}
h2{font-size:80%;margin:15px 0;letter-spacing:2px;}
.roller{display:block;position:relative;margin:25px 0 50px 0;}
.roller1{overflow:hidden;position:absolute;right:0;width:200px;height:7px;border:1px {color:Text} solid;}
.gauge{position:absolute;background-color:rgba({RGBcolor:Text},.2);background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba({RGBcolor:Text},.5) 5px, rgba({RGBcolor:Text},.5) 10px);height:100%;width:100%;left:-100%;-webkit-transition:4s linear;transition:4s linear;-webkit-transition-delay:1s linear;transition-delay:1s linear;}
span{position:absolute;font-size:9px;left:-2px;-webkit-transition:4s linear;
transition:4s linear;-webkit-transition-delay:1s linear;transition-delay:1s linear;text-align:left;padding-top:15px;padding-left:3px;font-family:consolas;}
span:before{height:15px;width:1px;background:{color:Text};content:'';display:block;margin-top:-15px;margin-left:-3px;position:absolute;}
.re{padding:15px 0 0 0;text-transform:uppercase;font-size:55%;letter-spacing:3px;opacity:0;-webkit-transition:.4s linear;transition:.4s linear;}
a.cr{position:fixed;left:15px;bottom:15px;background:rgba(100,100,100,.7);color:#fff;font-size:13px;font-family:arial;z-index:999!important;border-radius:3px;padding:7px 6px 5px 6px;line-height:10px;}
</style></head><body>
<a class="cr" href="http://iliyon.tumblr.com" target="_blank">&copy;</a>
<section>
    <article>
    <a href="#" class="m">
        <h2>{text:Blurb}</h2>
        <h1>{text:Name}</h1>
        <div class="roller">
            <div class="roller1">
                <div class="gauge"></div>
            </div>
            <div style="position:absolute; width:200px;right:0">
                <span><label id="s">0</label>%</span>
            </div>
        </div>
        <div class="re">
            {text:Redirect}
        </div>
    </a>
    </article>
</section>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script>$(document).ready(function(){$('a.m').click(function(){location.replace('{text:URL}' + location.pathname);});setTimeout (run, 1000);function run(){$('.gauge').css({'left':'0%'});$('span').css({'left':'199px'});var start = 0;var write = document.getElementById('s');var count = setInterval(function(){start++;if (start > 100){clearInterval();$('.re').css({'opacity':'1'});}else{write.innerHTML = start;}}, 40);}setTimeout (dir, 5500);function dir(){location.replace('{text:URL}' + location.pathname);}});</script></body></html>