428 lines
23 KiB
HTML
428 lines
23 KiB
HTML
|
|
|||
|
<!DOCTYPE html>
|
|||
|
<html lang="en">
|
|||
|
|
|||
|
<!-- Mirrored from www.piedpiper.com/our-developers/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Nov 2019 17:45:17 GMT -->
|
|||
|
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
|
|||
|
<head>
|
|||
|
<script type="text/javascript">
|
|||
|
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/www.piedpiper.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" />
|
|||
|
<meta name="generator" content="WordPress 4.5.2" />
|
|||
|
<link rel="canonical" href="index.html" />
|
|||
|
<link rel='shortlink' href='../index18c0.html?p=1163' />
|
|||
|
<link rel="alternate" type="application/json+oembed" href="../wp-json/oembed/1.0/embed8d21.json?url=http%3A%2F%2Fwww.piedpiper.com%2Four-developers%2F" />
|
|||
|
<link rel="alternate" type="text/xml+oembed" href="../wp-json/oembed/1.0/embed6796?url=http%3A%2F%2Fwww.piedpiper.com%2Four-developers%2F&format=xml" />
|
|||
|
<script type="text/javascript" src="../app/plugins/si-captcha-for-wordpress/captcha/si_captcha060e.js?ver=1574531094"></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="./Alogo72.png" />
|
|||
|
<meta name="msapplication-TileImage" content="./Alogo72.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="page page-id-1163 page-template page-template-our-developers page-template-our-developers-php">
|
|||
|
|
|||
|
<header class="main-header">
|
|||
|
<div class="navigation-container">
|
|||
|
<div class="main-logo">
|
|||
|
<a href="../index.html">
|
|||
|
<img class="logo_image" src="../app/themes/joystick-v20/images/logo.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">Bienvenue</a></li>
|
|||
|
<li id="menu-item-1261" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1163 current_page_item menu-item-1261"><a href="index.html">Nos partenaires</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">Notre Message</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>
|
|||
|
<section id="our-developers">
|
|||
|
<section role="main" class="intro-section">
|
|||
|
<article class="intro-text">
|
|||
|
<h1 class="title slide-up-animation hidden">Une suite logicielle qui <br/><span class="bold">décentralise</span>
|
|||
|
DEBIAN 10
|
|||
|
</h1>
|
|||
|
|
|||
|
<p class="description slide-up-animation hidden">
|
|||
|
<span class="bold">Astroport</span> est conçu pour permettre aux acteurs économiques de développer leurs activités.
|
|||
|
<br/>Que vous soyez un titan de l'industrie cherchant à augmenter ses performances, ou un nouvel arrivant
|
|||
|
qui veut réduire ses coûts <br/><br/> Astroport est un <span class="bold">système d'information</span> qui répond à tous les besoins.
|
|||
|
</p>
|
|||
|
</article>
|
|||
|
</section>
|
|||
|
|
|||
|
<section class="developers-section">
|
|||
|
<article class="developers-text">
|
|||
|
<h1 class="title slide-up-animation hidden">Les acteurs de la transition adorent <span class="bold">Astroport</span></h1>
|
|||
|
<div class="text-image-left slide-up-animation hidden">
|
|||
|
<img src="../app/themes/joystick-v20/images/Galloo%20Logo.png" alt="Image"/>
|
|||
|
<div class="developers-text-content">
|
|||
|
|
|||
|
<p class="description">
|
|||
|
What began as little more than a side project birthed in a man’s illegally parked RV has become
|
|||
|
the fastest-selling medieval MMORPG of all time. Like the aqueducts of the Amethyst City of Galloo,
|
|||
|
<span class="bold">Astroport </span> is the infrastructure that sustains Gates of Galloo’s
|
|||
|
meteoric rise in functionality and millions of active players.
|
|||
|
</p>
|
|||
|
<br/>
|
|||
|
<p class="description">
|
|||
|
But don’t take our word for it - let’s hear it straight from Gates of Galloo’s all-knowing
|
|||
|
creator, Colin:
|
|||
|
</p>
|
|||
|
<br/>
|
|||
|
<p class="description quote">
|
|||
|
“Astroport’s tech is pretty baller. Galloo Games leverages their APIs to engage users in ways I
|
|||
|
didn’t even know were possible... which allows us to do some pretty baller stuff. The network
|
|||
|
also allows the game’s world to be bigger and more interactive, which... well no yeah, is also
|
|||
|
pretty baller.”
|
|||
|
<br/>
|
|||
|
<span class="dash">– </span><span class="author">Colin, CEO at Galloo Games</span>
|
|||
|
</p>
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="text-image-right slide-up-animation hidden">
|
|||
|
<img src="../app/themes/joystick-v20/images/Plucky%20Logo.png" alt="Image"/>
|
|||
|
<div class="developers-text-content ">
|
|||
|
<p class="description">
|
|||
|
As Astroport’s number one universal music player, Plucky enables users to compile their song
|
|||
|
libraries from dozens of services into one simple, social platform. Storing millions of users’
|
|||
|
music libraries on centralized storage was expensive and inefficient, so Plucky turned to
|
|||
|
<span class="bold">Astroport</span> for an affordable decentralized solution.
|
|||
|
</p>
|
|||
|
<br/>
|
|||
|
<p class="description quote">
|
|||
|
“Plucky wouldn’t be possible without Astroport. As soon as Richard told me that searching
|
|||
|
compressed audio was the root idea that launched Astroport 1.0, I was in. While at Hooli,
|
|||
|
Richard said he was mercilessly mocked for his diehard passion for compression, and the name
|
|||
|
Astroport, which I totally get. But hey, Astroport is killing it and he gets a lot of mileage
|
|||
|
out of that costume...so joke’s on them?”
|
|||
|
<br/><span class="dash">– </span><span class="author">Wendy, CEO at Plucky</span></p>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="text-image-left slide-up-animation hidden">
|
|||
|
<img src="../app/themes/joystick-v20/images/Theebly%20Logo.png" alt="Image"/>
|
|||
|
|
|||
|
<div class="developers-text-content ">
|
|||
|
<p class="description">
|
|||
|
With Theebly, managing financial records has never been more exciting. Even though Theebly makes
|
|||
|
analyzing your personal finances a no holds barred full-throttle thrill ride, privacy remains paramount.
|
|||
|
</p>
|
|||
|
<br/>
|
|||
|
<p class="description">
|
|||
|
With Astroport’s integrity-centric authentication architecture, Theebly can guarantee that your
|
|||
|
fiscal data is completely secure and fully decentralized.
|
|||
|
</p>
|
|||
|
<br/>
|
|||
|
<p class="description quote">
|
|||
|
“Richard and I see eye-to-eye on one thing: our promise of data privacy. Well, he’s not usually
|
|||
|
the type to look any fellow CEO in the eye, but I know he cares about privacy.”
|
|||
|
<br/>
|
|||
|
<span class="dash">– </span><span class="author">Steve, CEO at Theebly</span>
|
|||
|
</p>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</article>
|
|||
|
</section>
|
|||
|
|
|||
|
<!-- FEATURES -->
|
|||
|
<section class="developers-feature-section">
|
|||
|
<article class="developers-text">
|
|||
|
<h1 class="title slide-up-animation hidden">Les fonctionnalités à utiliser <span class="bold">abondent</span></h1>
|
|||
|
<div class="columns">
|
|||
|
<div class="col-3 hidden">
|
|||
|
<h4 class="title bold">Stockage</h4>
|
|||
|
<p>Notre algorithme de d'enregistrement distribution de intermédiaire inégalé réduira vos fichiers et vos factures de serveur</p>
|
|||
|
</div>
|
|||
|
<div class="col-3 hidden">
|
|||
|
<h4 class="title bold">Compute</h4>
|
|||
|
<p>Smaller data means Astroport’s distributed network of nodes will always be able to find the
|
|||
|
resources
|
|||
|
to run HPC</p>
|
|||
|
</div>
|
|||
|
<div class="col-3 hidden">
|
|||
|
<h4 class="title bold">Networking</h4>
|
|||
|
<p>Faster compute will free up your network to provide scaling and load balancing, leading to better
|
|||
|
bandwidth and QoS</p>
|
|||
|
</div>
|
|||
|
</div><!-- end of column-->
|
|||
|
</article>
|
|||
|
</section>
|
|||
|
|
|||
|
<!-- ONE OF THE KIND -->
|
|||
|
<section class="developers-one-kind-section">
|
|||
|
<article class="developers-one-kind">
|
|||
|
<h1 class="title slide-up-animation hidden">Our one-of-a-kind tech</h1>
|
|||
|
<div class="developers-one-kind-content slide-up-animation hidden">
|
|||
|
<img src="../app/themes/joystick-v20/images/p2p-icon.png" alt="P2P">
|
|||
|
<h4 class="title bold">P2P Computer Communication Patent</h4>
|
|||
|
<p class="description">Astroport’s decentralized internet is built upon a patented foundation of
|
|||
|
peer-to-peer computer
|
|||
|
communication. Thisis the principle foundation of the “Internet of People™”.</p>
|
|||
|
</div>
|
|||
|
<div class="developers-one-kind-content slide-up-animation hidden">
|
|||
|
<img src="../app/themes/joystick-v20/images/middle-out-icon.png" alt="Middel out">
|
|||
|
<h4 class="title bold">Award-Winning Middle-Out Compression</h4>
|
|||
|
<p class="description">Our revolutionary middle-out compression was the missing piece preventing Peter
|
|||
|
Gregory and Gavin
|
|||
|
Belson
|
|||
|
from pursuing their original patent. After shattering the theoretical limit of compression at
|
|||
|
TechCrunch
|
|||
|
Disrupt, we’re now able to transport even the most complex data files across our network within
|
|||
|
seconds.</p>
|
|||
|
</div>
|
|||
|
<div class="developers-one-kind-content slide-up-animation hidden">
|
|||
|
<img src="../app/themes/joystick-v20/images/storage.png" alt="Storage">
|
|||
|
<h4 class="title bold">Distributed Storage</h4>
|
|||
|
<p class="description">Middle-out reduces the size of your files so we can distribute, store, and
|
|||
|
reassemble them seamlessly
|
|||
|
across our network. Not to mention your data is fully encrypted and totally redundant across our
|
|||
|
storage
|
|||
|
nodes.</p>
|
|||
|
</div>
|
|||
|
</article>
|
|||
|
</section>
|
|||
|
|
|||
|
<!-- START UP SECTION -->
|
|||
|
<section class="developers-startup-section">
|
|||
|
<article class="developers-startup">
|
|||
|
<h1 class="title slide-up-animation hidden">Start using <span class="bold">Astroport</span> in minutes</h1>
|
|||
|
<p class="description slide-up-animation hidden">
|
|||
|
The most powerful API platform in the world is at your
|
|||
|
fingertips. What are you waiting for? Copy the code below into your terminal to begin your Astroport
|
|||
|
<span class="bold">adventure</span>!
|
|||
|
</p>
|
|||
|
|
|||
|
<div class="code-container slide-up-animation ">
|
|||
|
<div class="code-header">
|
|||
|
<p class="">piper.code</p>
|
|||
|
</div>
|
|||
|
<pre class="sc-iQNlJl jeEayy line-numbers language-groovy">
|
|||
|
<code id="code" class=" sc-bsbRJL hhlgKw language-groovy">
|
|||
|
pp() {
|
|||
|
uname | sed 's/.*/API piedpipeR LOaDLO_eD/g' | tr '_ALPO RIaD' 'dwcwo.rwm/';
|
|||
|
};
|
|||
|
|
|||
|
curl -sL $(pp) | tr '\n' ' ' | sed -E 's/.*<pre>(.*)<\/pre>.*/\1/g' | tr ' ' '\n'
|
|||
|
<span aria-hidden="true" class="line-numbers-rows"><span></span>
|
|||
|
<span>1</span>
|
|||
|
<span>2</span>
|
|||
|
<span>3</span>
|
|||
|
<span>4</span>
|
|||
|
<span>5</span>
|
|||
|
<span>6</span>
|
|||
|
<span>7</span>
|
|||
|
<span>8</span>
|
|||
|
<span>9</span>
|
|||
|
<span>10</span>
|
|||
|
<span>11</span>
|
|||
|
<span>12</span>
|
|||
|
<span>13</span>
|
|||
|
<span>14</span>
|
|||
|
<span>15</span>
|
|||
|
<span>16</span>
|
|||
|
<span>17</span>
|
|||
|
<span>18</span>
|
|||
|
<span>19</span>
|
|||
|
<span>20</span>
|
|||
|
<span>21</span>
|
|||
|
<span>22</span>
|
|||
|
<span>23</span>
|
|||
|
<span>24</span>
|
|||
|
<span>25</span></span></code></pre>
|
|||
|
|
|||
|
<div class="code-footer">
|
|||
|
<button onclick="copyToClipboard()" id="code-copy" class="code-copy">copy</button>
|
|||
|
</div>
|
|||
|
|
|||
|
</div>
|
|||
|
</article>
|
|||
|
</section>
|
|||
|
|
|||
|
<video class="video-bg" src="../app/themes/joystick-v20/video-bgs/pp-developers-bg-02.mp4" autoplay muted
|
|||
|
loop></video>
|
|||
|
</section>
|
|||
|
|
|||
|
<script>
|
|||
|
function copyToClipboard(element) {
|
|||
|
var range = document.createRange();
|
|||
|
range.selectNode(document.getElementById("code"));
|
|||
|
window.getSelection().addRange(range);
|
|||
|
document.execCommand("copy");
|
|||
|
}
|
|||
|
</script>
|
|||
|
<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>
|
|||
|
|
|||
|
|
|||
|
<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 www.piedpiper.com/our-developers/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Nov 2019 17:45:25 GMT -->
|
|||
|
</html>
|