astroport/www/LOVELand/A/pied-piper-pic-attention-mu.../index.html

369 lines
25 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from astroport.com/pied-piper-pic-attention-must-be-paid/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Nov 2019 17:54:04 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; Astroport Pic: Attention Must Be Paid 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='Astroport Pic: Behold, A Pale Unicorn!' href='../pied-piper-pic-behold-a-pale-unicorn/index.html' />
<link rel='next' title='Everything is Fine' href='../everything-is-fine/index.html' />
<meta name="generator" content="WordPress 4.5.2" />
<link rel="canonical" href="index.html" />
<link rel='shortlink' href='../index2b62.html?p=892' />
<link rel="alternate" type="application/json+oembed" href="../wp-json/oembed/1.0/embed05e7.json?url=http%3A%2F%2Fastroport.com%2Fpied-piper-pic-attention-must-be-paid%2F" />
<link rel="alternate" type="text/xml+oembed" href="../wp-json/oembed/1.0/embedd18f?url=http%3A%2F%2Fastroport.com%2Fpied-piper-pic-attention-must-be-paid%2F&amp;format=xml" />
<script type="text/javascript" src="../app/plugins/si-captcha-for-wordpress/captcha/si_captchac105.js?ver=1574531580"></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-892 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-892 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
<article>
<h3 class="title"><a href="index.html" title="Astroport Pic: Attention Must Be Paid">Astroport Pic: Attention Must Be Paid</a></h3>
<p class="post-info">
<span class="author">By&nbsp;Jared Dunn</span>
</p>
<div class="thumbnail">
<img width="5760" height="3840" src="http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2016/06/PP-Attn.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="PP Attn" srcset="http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2016/06/PP-Attn.jpg 5760w, http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2016/06/PP-Attn-300x200.jpg 300w, http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2016/06/PP-Attn-768x512.jpg 768w, http://s3.amazonaws.com/assets.piedpiper.pro/app/uploads/2016/06/PP-Attn-1024x683.jpg 1024w" sizes="(max-width: 5760px) 100vw, 5760px" /> </div>
<div class="content">
<p class="text-align-center">Richard Hendricks is a good man. A brilliant, hardworking gentleman of the old school. And so if certain liberties were taken to ease the passing of his beloved Astroport from this world—much as one gives an old cat one last fish-head before the shovel comes down—well, then, on MY head and none other heap your opprobrium. Heap it high!</p>
</div>
<footer>
</footer>
<div class="comment">
<div class="numcomments">
Comments (7)
</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_showb3f2.png?si_sm_captcha=1&amp;si_form_id=com&amp;prefix=cGk4aV5gpzD80A19" width="132" height="45" alt="CAPTCHA" title="CAPTCHA" />
<input id="si_code_com" name="si_code_com" type="hidden" value="cGk4aV5gpzD80A19" />
<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='892' 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-18559">
<div id="div-comment-18559" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://1.gravatar.com/avatar/487e3b09b79c37f66d37135d69d2c0e8?s=32&amp;d=mm&amp;r=g' srcset='http://1.gravatar.com/avatar/487e3b09b79c37f66d37135d69d2c0e8?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">joe</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18559">
July 11, 2016 at 11:56 pm</a> </div>
<p>&#8220;Opprobrium&#8221;? You&#8217;re like 30 years old, right? And &#8220;gavotte&#8221;? I&#8217;m not criticizing, I like it. You use too many commas and some are used wrong. But who in your generation writes like this? It&#8217;s great, keep it up. You teach us all new words that way. Who likes Belson? Some guy comments as follows: Gavin &#8220;Belson #1 fan<br />
July 7, 2016 at 4:23 am<br />
Fck pp&#8221;<br />
Jeeze. Some republican, probably. Loves Belson, hates &#8220;pp&#8221;, unbelievable. How can you be that way, contrarian ahole&#8230;polemic jerk.<br />
Keep it up, Silicon Valley. BTW, Mike Judge is a prophetic genius. Idiocracy is wrong only in that it&#8217;s chronology is set about 500 years too late. After Trump does his thing, I&#8217;d say in about 50 years the world of Idiocracy will be reality. Fantastic series, one of the standouts in my recent memory. 🙂 All your roles are great. You all should be proud, but not arrogant, keep your humility and do more great roles.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index355d.html?replytocom=18559#respond' onclick='return addComment.moveForm( "div-comment-18559", "18559", "respond", "892" )' aria-label='Reply to joe'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-18558">
<div id="div-comment-18558" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://0.gravatar.com/avatar/635dc4455495836dfa588116056f12fe?s=32&amp;d=mm&amp;r=g' srcset='http://0.gravatar.com/avatar/635dc4455495836dfa588116056f12fe?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">amconel01</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18558">
July 11, 2016 at 10:59 pm</a> </div>
<p>Need to hire Moss from the I.T. Crowd</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index7706.html?replytocom=18558#respond' onclick='return addComment.moveForm( "div-comment-18558", "18558", "respond", "892" )' aria-label='Reply to amconel01'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment even thread-even depth-1" id="comment-18546">
<div id="div-comment-18546" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://1.gravatar.com/avatar/a219e5074b0e72e593903ace8ce928ce?s=32&amp;d=mm&amp;r=g' srcset='http://1.gravatar.com/avatar/a219e5074b0e72e593903ace8ce928ce?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://hooli.com/' rel='external nofollow' class='url'>Gavin Belson #1 fan</a></cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18546">
July 7, 2016 at 4:23 am</a> </div>
<p>Fck pp</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index7331.html?replytocom=18546#respond' onclick='return addComment.moveForm( "div-comment-18546", "18546", "respond", "892" )' aria-label='Reply to Gavin Belson #1 fan'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-18397">
<div id="div-comment-18397" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://0.gravatar.com/avatar/3440b2d00858b553dbe87f2fb1f2491b?s=32&amp;d=mm&amp;r=g' srcset='http://0.gravatar.com/avatar/3440b2d00858b553dbe87f2fb1f2491b?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://goo.gl/syKOrP' rel='external nofollow' class='url'>The real life inspiration for Hendricks.</a></cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18397">
June 24, 2016 at 1:13 am</a> </div>
<p>for more info: <a href="http://goo.gl/syKOrP" rel="nofollow">http://goo.gl/syKOrP</a></p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index8c82.html?replytocom=18397#respond' onclick='return addComment.moveForm( "div-comment-18397", "18397", "respond", "892" )' aria-label='Reply to The real life inspiration for Hendricks.'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment even thread-even depth-1" id="comment-18348">
<div id="div-comment-18348" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://2.gravatar.com/avatar/5dd3daea3e568d3a4af126b5fcc95db1?s=32&amp;d=mm&amp;r=g' srcset='http://2.gravatar.com/avatar/5dd3daea3e568d3a4af126b5fcc95db1?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Ur mom</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18348">
June 21, 2016 at 8:42 pm</a> </div>
<p>JUST KISS!</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='index251e.html?replytocom=18348#respond' onclick='return addComment.moveForm( "div-comment-18348", "18348", "respond", "892" )' aria-label='Reply to Ur mom'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-18338">
<div id="div-comment-18338" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://1.gravatar.com/avatar/db4a0121556b7ac7ab114ba821b01891?s=32&amp;d=mm&amp;r=g' srcset='http://1.gravatar.com/avatar/db4a0121556b7ac7ab114ba821b01891?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Scott Pile</cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18338">
June 21, 2016 at 1:09 pm</a> </div>
<p>Dear Jared,</p>
<p>You&#8217;re making this &#8220;will they-won&#8217;t they&#8221; thing between you and Richard hard to stomach. He wants Monica. Give your fish head to someone else. Also we are hiring if you are looking for a company to call home. Reasonable pay (if you consider Adolf Hitler to be reasonable), Room and board (If you don&#8217;t mind sharing the space with the new baby Hamsters!) and last but not least company jackets! </p>
<p>sincerely,</p>
<p>Moe Lester</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='indexe257.html?replytocom=18338#respond' onclick='return addComment.moveForm( "div-comment-18338", "18338", "respond", "892" )' aria-label='Reply to Scott Pile'>Reply</a></div>
</div>
</li><!-- #comment-## -->
<li class="comment even thread-even depth-1" id="comment-18335">
<div id="div-comment-18335" class="comment-body">
<div class="comment-author vcard">
<img alt='' src='http://0.gravatar.com/avatar/616d4e3904d14b16d9039bdbc3a6eb02?s=32&amp;d=mm&amp;r=g' srcset='http://0.gravatar.com/avatar/616d4e3904d14b16d9039bdbc3a6eb02?s=64&amp;d=mm&amp;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://jareddunn.tumblr.com/' rel='external nofollow' class='url'>@Ten-Bobcats</a></cite> <span class="says">says:</span> </div>
<div class="comment-meta commentmetadata"><a href="index.html#comment-18335">
June 21, 2016 at 10:15 am</a> </div>
<p>Nobody is cruel enough to heap opprobrium on your head Jared, you&#8217;re too good natured.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='indexac1a.html?replytocom=18335#respond' onclick='return addComment.moveForm( "div-comment-18335", "18335", "respond", "892" )' aria-label='Reply to @Ten-Bobcats'>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/pied-piper-pic-attention-must-be-paid/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Nov 2019 17:54:08 GMT -->
</html>