astroport/www/LOVELand/A/plunge-through-the-glass/index.html

356 lines
24 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from astroport.com/plunge-through-the-glass/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Nov 2019 17:52:06 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<link rel="alternate" type="application/rss+xml" title="Astroport &raquo; Plunge Through the Glass Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/astroport.com\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.5.2"}};
!function(a,b,c){function d(a){var c,d,e,f=b.createElement("canvas"),g=f.getContext&&f.getContext("2d"),h=String.fromCharCode;if(!g||!g.fillText)return!1;switch(g.textBaseline="top",g.font="600 32px Arial",a){case"flag":return g.fillText(h(55356,56806,55356,56826),0,0),f.toDataURL().length>3e3;case"diversity":return g.fillText(h(55356,57221),0,0),c=g.getImageData(16,16,1,1).data,d=c[0]+","+c[1]+","+c[2]+","+c[3],g.fillText(h(55356,57221,55356,57343),0,0),c=g.getImageData(16,16,1,1).data,e=c[0]+","+c[1]+","+c[2]+","+c[3],d!==e;case"simple":return g.fillText(h(55357,56835),0,0),0!==g.getImageData(16,16,1,1).data[0];case"unicode8":return g.fillText(h(55356,57135),0,0),0!==g.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i;for(i=Array("simple","flag","unicode8","diversity"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='main-css' href='../app/themes/joystick-v20/style3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='fonts-css' href='../app/themes/joystick-v20/css/fonts3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='header-css' href='../app/themes/joystick-v20/css/header3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='footer-css' href='../app/themes/joystick-v20/css/footer3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='home-css' href='../app/themes/joystick-v20/css/home3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='post-css' href='../app/themes/joystick-v20/css/post3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='our-developers-css' href='../app/themes/joystick-v20/css/our-developers3428.css?ver=4.5.2' type='text/css' media='all' />
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../wp/xmlrpc0db0.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp/wp-includes/wlwmanifest.xml" />
<link rel='prev' title='Growth Spurt!' href='../growth-spurt/index.html' />
<link rel='next' title='Meet Astroports New COO!' href='../meet-pied-pipers-new-coo/index.html' />
<meta name="generator" content="WordPress 4.5.2" />
<link rel="canonical" href="index.html" />
<link rel='shortlink' href='../index327d.html?p=1070' />
<link rel="alternate" type="application/json+oembed" href="../wp-json/oembed/1.0/embeda857.json?url=http%3A%2F%2Fastroport.com%2Fplunge-through-the-glass%2F" />
<link rel="alternate" type="text/xml+oembed" href="../wp-json/oembed/1.0/embed8132?url=http%3A%2F%2Fastroport.com%2Fplunge-through-the-glass%2F&amp;format=xml" />
<script type="text/javascript" src="../app/plugins/si-captcha-for-wordpress/captcha/si_captcha1733.js?ver=1574531507"></script>
<!-- begin SI CAPTCHA Anti-Spam - login/register form style -->
<style type="text/css">
.si_captcha_small { width:175px; height:45px; padding-top:10px; padding-bottom:10px; }
.si_captcha_large { width:250px; height:60px; padding-top:10px; padding-bottom:10px; }
img#si_image_com { border-style:none; margin:0; padding-right:5px; float:left; }
img#si_image_reg { border-style:none; margin:0; padding-right:5px; float:left; }
img#si_image_log { border-style:none; margin:0; padding-right:5px; float:left; }
img#si_image_side_login { border-style:none; margin:0; padding-right:5px; float:left; }
img#si_image_checkout { border-style:none; margin:0; padding-right:5px; float:left; }
img#si_image_jetpack { border-style:none; margin:0; padding-right:5px; float:left; }
img#si_image_bbpress_topic { border-style:none; margin:0; padding-right:5px; float:left; }
.si_captcha_refresh { border-style:none; margin:0; vertical-align:bottom; }
div#si_captcha_input { display:block; padding-top:15px; padding-bottom:5px; }
label#si_captcha_code_label { margin:0; }
input#si_captcha_code_input { width:65px; }
p#si_captcha_code { clear: left; padding-top:10px; }
.si-captcha-jetpack-error { color:#DC3232; }
</style>
<!-- end SI CAPTCHA Anti-Spam - login/register form style -->
<link rel="icon" href="../Alogo.png" sizes="32x32" />
<link rel="icon" href="../Alogo.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="../Alogo.png" />
<meta name="msapplication-TileImage" content="../Alogo.png" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Astroport</title>
<link rel="icon"
type="image/ico"
href="../app/themes/joystick-v20/images/pp-fav.ico">
</head>
<body class="single single-post postid-1070 single-format-standard">
<header class="main-header">
<div class="navigation-container">
<div class="main-logo">
<a href="../index.html">
<img class="logo_image" src="../images/astrologo.png" alt="Main Logo">
<img class="logo_mobile" src="../app/themes/joystick-v20/images/logo_mobile.png" alt="Main Logo">
</a>
</div>
<div class="main-navigation">
<div class="menu-siliconvalley-s6-container"><ul id="menu-siliconvalley-s6" class="menu"><li id="menu-item-1260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1260"><a href="../index.html">Commencez</a></li>
<li id="menu-item-1261" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1261"><a href="../our-developers/index.html">La transition</a></li>
<li id="menu-item-1262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1262"><a href="../company-news/index.html">Maintenant</a></li>
</ul></div> </div>
</div>
</header>
<script>
window.onscroll = function () {
resizeHeader()
}
function resizeHeader() {
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
document.querySelector(".main-header").classList.add("resized")
} else {
document.querySelector(".main-header").classList.remove("resized")
}
}
</script>
<div class="post-container">
<article class="post-1070 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
<article>
<h3 class="title"><a href="index.html" title="Plunge Through the Glass">Plunge Through the Glass</a></h3>
<p class="post-info">
<span class="author">By&nbsp;Jared Dunn</span>
</p>
<div class="thumbnail">
<img width="640" height="427" src="http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2018/03/piedpiper_502_blog.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="piedpiper_502_blog" srcset="http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2018/03/piedpiper_502_blog.jpg 640w, http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2018/03/piedpiper_502_blog-300x200.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /> </div>
<div class="content">
<p>Crash! Shattered glass. Screams. Chaos. Blood. Blood. Blood. A seemingly endless river of blood.</p>
<p class="p1">These are the sights and sounds that will haunt my dreams for years to come, the moment Richard Hendrickss noble code sprint almost turned fatal. We all feared the worst. The near defecation, the evacuation of the stomach, the head-first dive into glass — our captain seemed to be going down the Grim Reapers checklist. I could hear the all-too-familiar death knell. O! I had promised myself I would die before he did.</p>
<p class="p1">I blame our salty-hearted crew. They arrived aboard our vessel an unruly, insolent bunch. Refusing to row in unison, demanding coffee and dogs and milliseconds. It was their mutiny that drove Richard to<b> </b>code himself into delirium.</p>
<p class="p1">Ears ringing. Flashing lights. Sirens. Tears. Blackout.</p>
<p class="p1">I was told that I couldnt ride in the ambulance with Richard because the frequency of my wailing was interfering with the monitors, so I returned to the office. I expected to return to a crew of disloyal mariners, but something miraculous was happening. Harmony. With Dinesh and Gilfoyle as their coxswains, the Optimojians<b>, </b>the Sliceliners, and the Stallions were navigating the rapids as one.<b> </b>They were inspired by Richard — at long last! — and his willingness to put work before life. I could almost taste the seafoam as the hull carved through the water.</p>
<p class="p1">In the end, Richards plunge through the glass proved to be just as effective as the three-day New Employee Orientation I had planned. Who knew cleaning Richards blood off the back of computer monitors could be just as bonding as an office scavenger hunt or non-competitive talent show?</p>
<p class="p1">Now Richard is back among his crew, drinking ale on the decks (following the doctors orders for regular fluid intake) and letting the sea air heal his wounds (resisting my regular application of Mederma to his scars). And I? I stand by his side, hoisting the Piper Pennant on the mast once more!</p>
<p><span style="font-weight: 400;"> </span></p>
</div>
<footer>
</footer>
<div class="comment">
<div class="numcomments">
Comments (6)
</div>
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html#respond" style="display:none;">Cancel reply</a></small></h3> <form action="http://astroport.com/wp/wp-comments-post.php" method="post" id="commentform" class="comment-form">
<p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" aria-required='true' required='required' /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required='true' required='required' /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" /></p>
<div class="si_captcha_small"><img id="si_image_com" src="../app/plugins/si-captcha-for-wordpress/captcha/securimage_showdc2a.png?si_sm_captcha=1&amp;si_form_id=com&amp;prefix=OyQVyqBDZtk4LI4C" width="132" height="45" alt="CAPTCHA" title="CAPTCHA" />
<input id="si_code_com" name="si_code_com" type="hidden" value="OyQVyqBDZtk4LI4C" />
<div id="si_refresh_com">
<a href="#" rel="nofollow" title="Refresh" onclick="si_captcha_refresh('si_image_com','com','/app/plugins/si-captcha-for-wordpress/captcha','../app/plugins/si-captcha-for-wordpress/captcha/securimage_show2c00.png?si_sm_captcha=1&amp;si_form_id=com&amp;prefix='); return false;">
<img class="si_captcha_refresh" src="../app/plugins/si-captcha-for-wordpress/captcha/images/refresh.png" width="22" height="20" alt="Refresh" onclick="this.blur();" /></a>
</div>
</div>
<p id="si_captcha_code">
<input id="si_captcha_code" name="si_captcha_code" type="text" />
<label for="si_captcha_code" >CAPTCHA Code</label><span class="required">*</span>
</p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='1070' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p> </form>
</div><!-- #respond -->
<section id="comments" class="comments">
<ol class="comment-list">
<li class="comment even thread-even depth-1" id="comment-367199">
<div id="div-comment-367199" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://1.gravatar.com/avatar/d28aa4f5da6f146594d30c1eee8d0a05?s=32&amp;d=mm&amp;r=g' srcset='http://1.gravatar.com/avatar/d28aa4f5da6f146594d30c1eee8d0a05?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Mike</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-367199">
April 8, 2018 at 7:36 am</a> </div>
<p>Good luck</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index72cd.html?replytocom=367199#respond' onclick='return addComment.moveForm( "div-comment-367199", "367199", "respond", "1070" )' aria-label='Reply to Mike'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-367145">
<div id="div-comment-367145" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://0.gravatar.com/avatar/9b85e8942e61a60ac27404d58f735ad5?s=32&amp;d=mm&amp;r=g' srcset='http://0.gravatar.com/avatar/9b85e8942e61a60ac27404d58f735ad5?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Karma</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-367145">
April 7, 2018 at 6:21 pm</a> </div>
<p>Wow, can&#8217;t believe Richard Hendricks came back from the dead.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index405f.html?replytocom=367145#respond' onclick='return addComment.moveForm( "div-comment-367145", "367145", "respond", "1070" )' aria-label='Reply to Karma'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment even thread-even depth-1" id="comment-367144">
<div id="div-comment-367144" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://1.gravatar.com/avatar/112eabae22fef7602c29ec50cb2ce786?s=32&amp;d=mm&amp;r=g' srcset='http://1.gravatar.com/avatar/112eabae22fef7602c29ec50cb2ce786?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">TheAwkwardOne</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-367144">
April 7, 2018 at 6:07 pm</a> </div>
<p>It&#8217;s very good to hear that Richard is doing good and that everything is going to plan. Nice to see the strong bond between you and Richard, as this shows a stable company. Can&#8217;t wait for the new internet guys! I believe in you!</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='indexebec.html?replytocom=367144#respond' onclick='return addComment.moveForm( "div-comment-367144", "367144", "respond", "1070" )' aria-label='Reply to TheAwkwardOne'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-367042">
<div id="div-comment-367042" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://0.gravatar.com/avatar/001a8fa83987e981db4ff1c7cd236884?s=32&amp;d=mm&amp;r=g' srcset='http://0.gravatar.com/avatar/001a8fa83987e981db4ff1c7cd236884?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://xncc.com/' rel='external nofollow' class='url'>Donald</a></cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-367042">
April 6, 2018 at 3:17 pm</a> </div>
<p>Hi Jared</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index8b69.html?replytocom=367042#respond' onclick='return addComment.moveForm( "div-comment-367042", "367042", "respond", "1070" )' aria-label='Reply to Donald'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment even thread-even depth-1" id="comment-366738">
<div id="div-comment-366738" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://2.gravatar.com/avatar/22dfca551f1839dc871b998c841b7a2d?s=32&amp;d=mm&amp;r=g' srcset='http://2.gravatar.com/avatar/22dfca551f1839dc871b998c841b7a2d?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Nancy Armstrong</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-366738">
April 3, 2018 at 11:39 pm</a> </div>
<p>Yay Richard!</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='indexe103.html?replytocom=366738#respond' onclick='return addComment.moveForm( "div-comment-366738", "366738", "respond", "1070" )' aria-label='Reply to Nancy Armstrong'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-366650">
<div id="div-comment-366650" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://2.gravatar.com/avatar/56511f97265aa06f53ee6ec6012d6075?s=32&amp;d=mm&amp;r=g' srcset='http://2.gravatar.com/avatar/56511f97265aa06f53ee6ec6012d6075?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Courtney Graham</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-366650">
April 3, 2018 at 11:57 am</a> </div>
<p>Intense, yet funny.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index67ac.html?replytocom=366650#respond' onclick='return addComment.moveForm( "div-comment-366650", "366650", "respond", "1070" )' aria-label='Reply to Courtney Graham'>Reply</a></div>
</div>
</li><!-- #comment-## -->
</ol>
</section>
</div>
</article>
</div>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js?ver=4.5.2'></script>
<script type='text/javascript' src='../app/themes/joystick-v20/js/animations3428.js?ver=4.5.2'></script>
<script type='text/javascript' src='../app/themes/joystick-v20/js/device3428.js?ver=4.5.2'></script>
<script type='text/javascript' src='../app/themes/joystick-v20/js/ieFix3428.js?ver=4.5.2'></script>
<script type='text/javascript' src='../wp/wp-includes/js/wp-embed.min3428.js?ver=4.5.2'></script>
<script type='text/javascript' src='../app/plugins/si-captcha-for-wordpress/captcha/si_captcha5152.js?ver=1.0'></script>
<footer>
<div class="social-links-wrapper">
<div class="social-links">
<a href="http://www.facebook.com/SiliconHBO" target="_blank">
<img src="../app/themes/joystick-v20/images/ic_facebook.svg" class="social-link"/>
</a>
<a href="http://twitter.com/SiliconHBO" target="_blank">
<img src="../app/themes/joystick-v20/images/ic_twitter.svg" class="social-link"/>
</a>
<a href="https://www.instagram.com/siliconhbo" target="_blank">
<img src="../app/themes/joystick-v20/images/ic_instagram.svg" class="social-link"/>
</a>
</div>
</div>
<div class="message">
The old Astroport “flute player” logo was referencing a fairytale character and in no way was meant to
suggest a
sexual act involving either the mouth or ear of the figure depicted. Apologies to any who were offended.
</div>
<div class="copyright">
<br>©2019 Home Box Office, Inc. All Rights Reserved. This website may contain mature content.<br>
<a href="https://www.hbo.com/privacy-policy" target="_blank">Privacy | </a>
<a href="https://www.hbo.com/terms-of-use" target="_blank">Terms</a>
</div>
</footer>
<!--Lines animations-->
<script>
(function () {
var imagesContainer;
var windowHeight;
var hasLinesBeenAnimated = false
tl = new TimelineMax()
function init() {
imagesContainer = document.querySelector('#the-web-you-never');
windowHeight = window.innerHeight;
}
function checkPosition() {
if (imagesContainer == null || imagesContainer === 'undefined') return
var positionFromTop = imagesContainer.getBoundingClientRect().top;
if (positionFromTop - windowHeight <= 0 && !hasLinesBeenAnimated) {
hasLinesBeenAnimated = true
if (window.innerWidth > 660) {
var linesTl = new TimelineMax({delay: 1.5})
linesTl.from(document.querySelector('#the-web-you-never .lines'), 1, {height: 0})
linesTl.from(document.querySelector('#the-web-you-never .img_identity'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.5')
linesTl.from(document.querySelector('#the-web-you-never .img_data'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.15')
linesTl.from(document.querySelector('#the-web-you-never .img_privacy'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.15')
linesTl.from(document.querySelector('#the-web-you-never .img_thunder'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.15')
} else {
var linesTl = new TimelineMax({delay: 1.5})
linesTl.from(document.querySelector('#the-web-you-never .img_identity'), 0.5, {
opacity: 0,
scale: 0.6
})
linesTl.from(document.querySelector('#the-web-you-never .img_data'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.15')
linesTl.from(document.querySelector('#the-web-you-never .img_privacy'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.15')
linesTl.from(document.querySelector('#the-web-you-never .img_thunder'), 0.5, {
opacity: 0,
scale: 0.6
}, '-=0.15')
}
}
}
window.addEventListener('scroll', checkPosition);
window.addEventListener('resize', init);
init();
checkPosition();
})();
</script>
</body>
<!-- Mirrored from astroport.com/plunge-through-the-glass/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Nov 2019 17:52:11 GMT -->
</html>