mirror of
https://gitlab.com/harald.mueller/aktuelle.kurse.git
synced 2024-10-19 18:05:02 +02:00
3681 lines
249 KiB
Plaintext
3681 lines
249 KiB
Plaintext
|
<?xml version="1.0" encoding="UTF-8"?>
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<!DOCTYPE html><html lang="en-US" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"><head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
|||
|
|
<meta http-equiv="Content-Language" content="en" />
|
|||
|
|
|
|||
|
|
<meta name="baidu-site-verification" content="zPiP4Y6JPw" />
|
|||
|
|
<meta name="yandex-verification" content="67e79094314b725f" />
|
|||
|
|
<meta name="google-site-verification" content="nwxdSxCcBqilblu_dSMA680ULvUqh17mPCmHn3q0jPQ" />
|
|||
|
|
<meta property="og:title" content="How DNS Works In Six Steps - Verisign" />
|
|||
|
|
<meta name="twitter:title" content="How DNS Works In Six Steps - Verisign" />
|
|||
|
|
<meta property="og:description" content="How does DNS Work? Find out how DNS works as a central part of the internet and get a basic understanding of the domain name system." />
|
|||
|
|
<meta name="twitter:description" content="How does DNS Work? Find out how DNS works as a central part of the internet and get a basic understanding of the domain name system." />
|
|||
|
|
|
|||
|
|
<meta property="og:url" content="https://www.verisign.com/en_US/website-presence/online/how-dns-works/index.xhtml" />
|
|||
|
|
<meta property="og:type" content="website" />
|
|||
|
|
<meta property="og:locale" content="en_US" />
|
|||
|
|
|
|||
|
|
<link rel="canonical" href="https://www.verisign.com/en_US/website-presence/online/how-dns-works/index.xhtml" />
|
|||
|
|
|
|||
|
|
<link rel="icon" type="image/png" href="https://www.verisign.com/en_US/favicon-196x196.png" sizes="196x196" />
|
|||
|
|
<link rel="apple-touch-icon" type="image/png" href="https://www.verisign.com/en_US/favicon-196x196.png" />
|
|||
|
|
<link rel="apple-touch-startup-image" href="https://www.verisign.com/en_US/favicon-196x196.png" />
|
|||
|
|
<meta name="apple-mobile-web-app-title" content="Verisign NameStudio" />
|
|||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="#005ba0" />
|
|||
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|||
|
|
|
|||
|
|
<meta name="twitter:card" content="summary" />
|
|||
|
|
<meta name="twitter:site" content="@VERISIGN" />
|
|||
|
|
<meta name="twitter:creator" content="@VERISIGN" />
|
|||
|
|
|
|||
|
|
<meta name="format-detection" content="telephone=no" />
|
|||
|
|
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible" />
|
|||
|
|
|
|||
|
|
<link rel="preconnect" href="https://assets.adobedtm.com" />
|
|||
|
|
<link rel="preconnect" href="https://siteimproveanalytics.com" />
|
|||
|
|
<meta name="keywords" lang="en" content="How DNS Works, How Does DNS Work,Verisign" />
|
|||
|
|
<meta name="Description" content="How does DNS Work? Find out how DNS works as a central part of the internet and get a basic understanding of the domain name system." />
|
|||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|||
|
|
<meta property="og:image" content="https://www.verisign.com/en_US/resources/img/VRSN_logo_201712.png" />
|
|||
|
|
<meta name="twitter:image" content="https://www.verisign.com/en_US/resources/img/VRSN_logo_201712.png" />
|
|||
|
|
|
|||
|
|
<link href="/en_US/resources/css/main.css" rel="stylesheet" />
|
|||
|
|
<link type="text/css" rel="stylesheet" href="/en_US/resources/css/templates/article.css" />
|
|||
|
|
<style type="text/css">
|
|||
|
|
/*stylelint issues should be corrected and this should be moved to an external file*/
|
|||
|
|
/* stylelint-disable */
|
|||
|
|
.lax_container_mobile {
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.lax_container_mobile.chromefix {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.lax_container {
|
|||
|
|
position: relative;
|
|||
|
|
width: 960px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.lax_container.chromefix {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
#lax_wrapper {
|
|||
|
|
position: relative;
|
|||
|
|
background: #e7f1f8;
|
|||
|
|
height:29666px;
|
|||
|
|
font-size:14px; line-height:1.571;
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width: 1152px) {
|
|||
|
|
#lax_wrapper {
|
|||
|
|
height:29535px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
#lax_wrapper.international{
|
|||
|
|
height:29785px;
|
|||
|
|
}
|
|||
|
|
#bg_1, #bg_2 {
|
|||
|
|
position: absolute;
|
|||
|
|
height:100%; width:100%;
|
|||
|
|
background:transparent url('/en_US/resources/img/parallax/pipes_bottom.png') repeat-y top center fixed;
|
|||
|
|
}
|
|||
|
|
#bg_1 { opacity:.8; }
|
|||
|
|
#bg_2 { background-image:url('/en_US/resources/img/parallax/pipes_top.png'); }
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
UNIVERSAL ELEMENTS
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
.slide {
|
|||
|
|
position:relative;
|
|||
|
|
overflow-x:hidden;
|
|||
|
|
z-index:18;
|
|||
|
|
}
|
|||
|
|
.player {
|
|||
|
|
position:absolute;
|
|||
|
|
height:100%; width:100%;
|
|||
|
|
z-index:5;
|
|||
|
|
}
|
|||
|
|
.title_shadow {
|
|||
|
|
position:absolute;
|
|||
|
|
width:960px; height:18px;
|
|||
|
|
bottom:0; left:0;
|
|||
|
|
z-index:15;
|
|||
|
|
background:transparent url('/en_US/resources/img/parallax/title_shadow.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.pipe {
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:1;
|
|||
|
|
width:12px;
|
|||
|
|
border:1px solid #8CB9D7;
|
|||
|
|
border-width:0 1px;
|
|||
|
|
background:#0061A3;
|
|||
|
|
bottom:0; top:50px; left:94px;
|
|||
|
|
}
|
|||
|
|
.slide .title,
|
|||
|
|
.slide .connector,
|
|||
|
|
.slide .icon,
|
|||
|
|
.slide .icon_two,
|
|||
|
|
.slide .query,
|
|||
|
|
.slide .server,
|
|||
|
|
.slide .query_2,
|
|||
|
|
.slide .bubble,
|
|||
|
|
.slide .bubble_2,
|
|||
|
|
.slide .text_box,
|
|||
|
|
.slide .server_map,
|
|||
|
|
.slide .server_map_text,
|
|||
|
|
.slide .server_map_content,
|
|||
|
|
.slide .map_comp,
|
|||
|
|
.slide .map_dot,
|
|||
|
|
.slide .text_box_2,
|
|||
|
|
.slide .text_box_3,
|
|||
|
|
.slide .success,
|
|||
|
|
.slide .success_shot {
|
|||
|
|
position: absolute;
|
|||
|
|
height:100%; width:100%;
|
|||
|
|
}
|
|||
|
|
.slide .factoid {
|
|||
|
|
position: absolute;
|
|||
|
|
width:170px; height:144px;
|
|||
|
|
left:15px; bottom:20px;
|
|||
|
|
z-index:10;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
NAV
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#para_nav {
|
|||
|
|
position: fixed;
|
|||
|
|
top:170px; right:15px;
|
|||
|
|
z-index:20;
|
|||
|
|
width:18px;
|
|||
|
|
display:none;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/sprite.png') no-repeat -327px -155px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
#para_nav:hover { overflow:visible;}
|
|||
|
|
#para_nav a {
|
|||
|
|
float:right;
|
|||
|
|
clear:both;
|
|||
|
|
margin:0 0 4px;
|
|||
|
|
padding:0 8px 0 0;
|
|||
|
|
height:17px; width:300px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
line-height:17px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/nav.png') no-repeat right -62px;
|
|||
|
|
}
|
|||
|
|
#para_nav a.cur {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/nav.png') no-repeat right -42px;
|
|||
|
|
}
|
|||
|
|
#para_nav .cur > div div:first-child {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/nav.png') no-repeat center -22px;
|
|||
|
|
}
|
|||
|
|
#para_nav .cur > div div + div {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/nav.png') no-repeat left -22px;
|
|||
|
|
}
|
|||
|
|
#para_nav a > div {
|
|||
|
|
float:right;
|
|||
|
|
overflow:hidden;
|
|||
|
|
height:17px;
|
|||
|
|
}
|
|||
|
|
#para_nav a > div div:first-child {
|
|||
|
|
float:right;
|
|||
|
|
position: relative;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:11px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/nav.png') no-repeat center -2px;
|
|||
|
|
z-index:1;
|
|||
|
|
margin:0 -300px 0 0;
|
|||
|
|
-webkit-transition: all .1s ease-in;
|
|||
|
|
-moz-transition: all .1s ease-in;
|
|||
|
|
transition: all .1s ease-in;
|
|||
|
|
}
|
|||
|
|
#para_nav a > div div + div {
|
|||
|
|
float:right;
|
|||
|
|
width:8px; height:17px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/nav.png') no-repeat left -2px;
|
|||
|
|
}
|
|||
|
|
#para_nav a:hover > div div:first-child {
|
|||
|
|
margin:0;
|
|||
|
|
position:static;
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes intent {
|
|||
|
|
0%, 100% { top:332px; }
|
|||
|
|
50% { top:342px; }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes intent {
|
|||
|
|
0%, 100% { top:332px; }
|
|||
|
|
50% { top:342px; }
|
|||
|
|
}
|
|||
|
|
@keyframes intent {
|
|||
|
|
0%, 100% { top:332px; }
|
|||
|
|
50% { top:342px; }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.intent {
|
|||
|
|
position: fixed;
|
|||
|
|
top:360px; right:13px;
|
|||
|
|
width:22px; height:18px;
|
|||
|
|
bottom:-200px;
|
|||
|
|
background: url('/en_US/resources/img/parallax/sprite.png') no-repeat -326px -327px;
|
|||
|
|
-webkit-animation:
|
|||
|
|
intent .7s ease 4 forwards,
|
|||
|
|
hide .7s linear 2.1s forwards;
|
|||
|
|
-moz-animation:
|
|||
|
|
intent .7s ease 3,
|
|||
|
|
hide .7s linear 2.1s forwards;
|
|||
|
|
animation:
|
|||
|
|
intent .7s ease 3,
|
|||
|
|
hide .7s linear 2.1s forwards;
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE ONE
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#one {
|
|||
|
|
background:#e7f1f8 ;
|
|||
|
|
padding:25px 60px;
|
|||
|
|
}
|
|||
|
|
#one .figure {
|
|||
|
|
float:left;
|
|||
|
|
background: url('/en_US/resources/img/parallax/sprite.png') no-repeat 0 -141px;
|
|||
|
|
width: 318px; height: 372px;
|
|||
|
|
margin:0 40px 0 0;
|
|||
|
|
}
|
|||
|
|
#one .box {
|
|||
|
|
float:left;
|
|||
|
|
width:429px;
|
|||
|
|
border-radius:10px;
|
|||
|
|
background:#fff;
|
|||
|
|
padding:35px 40px;
|
|||
|
|
}
|
|||
|
|
#one .box p:first-child {
|
|||
|
|
margin-top:0;
|
|||
|
|
}
|
|||
|
|
#one .scroll_down {
|
|||
|
|
color:#4796d0;
|
|||
|
|
font-weight:bold;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes scroll_down {
|
|||
|
|
0%, 100% { top:0; }
|
|||
|
|
50% { top:10px; }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes scroll_down {
|
|||
|
|
0%, 100% { top:0; }
|
|||
|
|
50% { top:10px; }
|
|||
|
|
}
|
|||
|
|
@keyframes scroll_down {
|
|||
|
|
0%, 100% { top:0; }
|
|||
|
|
50% { top:10px; }
|
|||
|
|
}
|
|||
|
|
#one .box div {
|
|||
|
|
position: relative;
|
|||
|
|
width:22px; height:18px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
background: url('/en_US/resources/img/parallax/sprite.png') no-repeat -326px -327px;
|
|||
|
|
-webkit-animation: scroll_down .7s ease infinite;
|
|||
|
|
-moz-animation: scroll_down .7s ease infinite;
|
|||
|
|
animation: scroll_down .7s ease infinite;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE TWO
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#one_b { height:5124px; }
|
|||
|
|
#one_b .title {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .server {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/server.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .icon {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/one_b/icon.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .bubble {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble_2.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .text_box {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/one_b/text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .connector {
|
|||
|
|
width:543px; left:129px;
|
|||
|
|
z-index:1;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/connector.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .query {
|
|||
|
|
width:543px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#one_b .factoid {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/one_b/factoid.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE TWO
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#two { height:4192px; }
|
|||
|
|
#two .title {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .server {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/server.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .icon {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two/root_server_1.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .icon_two {
|
|||
|
|
display:none;
|
|||
|
|
z-index:4;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two/root_server_2.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .bubble,
|
|||
|
|
#two .bubble_2 {
|
|||
|
|
z-index:5;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#two .bubble_2 {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble_3.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#two .text_box {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two/text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .connector {
|
|||
|
|
width:162px; left:129px;
|
|||
|
|
z-index:1;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/connector.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .query {
|
|||
|
|
width:162px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .query_2 {
|
|||
|
|
width:162px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query_2.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two .factoid {
|
|||
|
|
height:112px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two/factoid.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE TWO_B
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#two_b { height:3453px; }
|
|||
|
|
#two_b .title {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .server {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/server.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .server_map {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two_b/map.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .server_map_text {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two_b/map_text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .server_map_content {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two_b/text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .map_comp {
|
|||
|
|
display:none;
|
|||
|
|
z-index:13;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two_b/icon.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .map_dot {
|
|||
|
|
display:none;
|
|||
|
|
z-index:13;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/two_b/map_dot.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#two_b .connector {
|
|||
|
|
width:55px; left:387px;
|
|||
|
|
z-index:12;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/connector.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE THREE
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#three { height:4135px; }
|
|||
|
|
#three .title {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .server {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/server.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .icon {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/three/gtld_server_1.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .icon_two {
|
|||
|
|
display:none;
|
|||
|
|
z-index:4;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/three/gtld_server_2.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .bubble,
|
|||
|
|
#three .bubble_2 {
|
|||
|
|
z-index:5;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#three .bubble_2 {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble_4.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#three .text_box {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/three/text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .connector {
|
|||
|
|
width:391px; left:129px;
|
|||
|
|
z-index:1;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/connector.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .query {
|
|||
|
|
width:391px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .query_2 {
|
|||
|
|
width:391px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query_3.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#three .factoid {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/three/factoid.png') no-repeat 0 0;
|
|||
|
|
height: 145px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE FOUR
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#four { height:5451px; }
|
|||
|
|
#four .title {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .server {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/server.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .icon {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/four/hosting_servers.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .bubble,
|
|||
|
|
#four .bubble_2 {
|
|||
|
|
z-index:5;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#four .bubble_2 {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble_5.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#four .text_box {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/four/text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .connector {
|
|||
|
|
width:547px; left:129px;
|
|||
|
|
z-index:1;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/connector.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .query {
|
|||
|
|
width:547px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .query_2 {
|
|||
|
|
width:547px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query_4.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#four .factoid {
|
|||
|
|
height:165px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/four/factoid.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE FIVE
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#five { height:5665px; }
|
|||
|
|
#five .title {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .server {
|
|||
|
|
z-index:9;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/server.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .icon {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/four/hosting_servers.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .success {
|
|||
|
|
z-index:10;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/success.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .success_shot {
|
|||
|
|
z-index:11;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/screenshot.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .bubble,
|
|||
|
|
#five .bubble_2 {
|
|||
|
|
z-index:5;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#five .bubble_2 {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/bubble_6.png') no-repeat 572px 91px fixed;
|
|||
|
|
}
|
|||
|
|
#five .text_box {
|
|||
|
|
z-index:3;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/five/text.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .connector {
|
|||
|
|
width:547px; left:129px;
|
|||
|
|
z-index:1;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/connector.png') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .query {
|
|||
|
|
width:547px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/query.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
#five .query_2 {
|
|||
|
|
width:547px; left:129px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/five/screenshot.gif') no-repeat 200px 0 fixed;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
SLIDE FIVE
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
#six { height:825px; }
|
|||
|
|
.international #six { height:1075px; }
|
|||
|
|
#six .title {
|
|||
|
|
height:75px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/title_sprite.png') no-repeat -5760px 0;
|
|||
|
|
}
|
|||
|
|
#six .icon {
|
|||
|
|
position:absolute;
|
|||
|
|
width:239px; height:225px;
|
|||
|
|
top:117px; left:60px;
|
|||
|
|
z-index:2;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/success.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .icon div {
|
|||
|
|
position:absolute;
|
|||
|
|
top:42px; left:117px;
|
|||
|
|
width:85px; height:52px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/screenshot.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.no-cssanimations #six .icon div,
|
|||
|
|
.no-cssanimations #six .servers_gtld,
|
|||
|
|
.no-cssanimations #six .servers_host {
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cssanimations #six .icon div,
|
|||
|
|
.cssanimations #six .servers_gtld,
|
|||
|
|
.cssanimations #six .servers_host {
|
|||
|
|
opacity:0;
|
|||
|
|
}
|
|||
|
|
#six .server {
|
|||
|
|
position:absolute;
|
|||
|
|
width:98px; height:68px;
|
|||
|
|
top:188px; left:199px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/server.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .flipper {
|
|||
|
|
position: absolute;
|
|||
|
|
top:117px; left:961px;
|
|||
|
|
}
|
|||
|
|
.cssanimations #six .flipper {
|
|||
|
|
-webkit-perspective: 700px;
|
|||
|
|
-moz-perspective: 700px;
|
|||
|
|
perspective: 700px;
|
|||
|
|
}
|
|||
|
|
#six .fast {
|
|||
|
|
position:absolute;
|
|||
|
|
top:20px; left:0;
|
|||
|
|
width:569px; height:226px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/text.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .servers_root {
|
|||
|
|
position:absolute;
|
|||
|
|
top:1px; left:0;
|
|||
|
|
width:496px; height:210px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/root_servers.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .servers_gtld {
|
|||
|
|
position:absolute;
|
|||
|
|
top:37px; left:0;
|
|||
|
|
width:337px; height:139px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/three/gtld_server_1.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .servers_host {
|
|||
|
|
position:absolute;
|
|||
|
|
top:44px; left:0;
|
|||
|
|
width:185px; height:126px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/four/hosting_servers.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .text_fast {
|
|||
|
|
position:absolute;
|
|||
|
|
width:569px; height: 226px;
|
|||
|
|
top:117px; left:334px;
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/six/text.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#six .text_box_static {
|
|||
|
|
position: absolute;
|
|||
|
|
top:383px; left:60px;
|
|||
|
|
width:840px;
|
|||
|
|
border-radius:10px;
|
|||
|
|
background:#fff;
|
|||
|
|
padding:35px 40px;
|
|||
|
|
}
|
|||
|
|
#six .text_box_static p:first-child {
|
|||
|
|
margin-top:0;
|
|||
|
|
}
|
|||
|
|
#six .text_box_static p:last-child {
|
|||
|
|
margin-bottom:0;
|
|||
|
|
}
|
|||
|
|
.cssanimations #six .servers_host,
|
|||
|
|
.cssanimations #six .servers_gtld {
|
|||
|
|
-webkit-transform:rotateX( 99deg );
|
|||
|
|
-moz-transform:rotateX( 99deg );
|
|||
|
|
transform:rotateX( 99deg );
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes swoop_in { 100% {left: 400px } }
|
|||
|
|
@-webkit-keyframes flip_down {
|
|||
|
|
0% {-webkit-transform:rotateX( 0deg ) }
|
|||
|
|
100% {-webkit-transform:rotateX( -81deg ) }
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes flip_up {
|
|||
|
|
0% { -webkit-transform:rotateX( 99deg ) }
|
|||
|
|
100% { -webkit-transform:rotateX( 0deg ) }
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes hide {
|
|||
|
|
0% { opacity:1; }
|
|||
|
|
100% { opacity:0; }
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes show {
|
|||
|
|
0% { opacity:0; }
|
|||
|
|
100% { opacity:1; }
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes swoop_server_out {
|
|||
|
|
100% { -webkit-transform: translateX(100px) }
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes swoop_server_in {
|
|||
|
|
0% { -webkit-transform: translateX(100px) }
|
|||
|
|
100% { -webkit-transform: translateX(0px) }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-moz-keyframes swoop_in { 100% {left: 400px } }
|
|||
|
|
@-moz-keyframes flip_down {
|
|||
|
|
0% { -moz-transform:rotateX( 0deg ); }
|
|||
|
|
100% { -moz-transform:rotateX( -90deg ); }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes flip_up {
|
|||
|
|
0% { -moz-transform:rotateX( 90deg ); }
|
|||
|
|
100% { -moz-transform:rotateX( 0deg ); }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes hide {
|
|||
|
|
0% { opacity:1; }
|
|||
|
|
100% { opacity:0; }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes show {
|
|||
|
|
0% { opacity:0; }
|
|||
|
|
100% { opacity:1; }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes swoop_server_out {
|
|||
|
|
100% { -moz-transform: translateX(100px); }
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes swoop_server_in {
|
|||
|
|
0% { -moz-transform: translateX(100px); }
|
|||
|
|
100% { -moz-transform: translateX(0px); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* hide the text box and show it at the end */
|
|||
|
|
.cssanimations #six.end .text_fast {
|
|||
|
|
-webkit-animation:
|
|||
|
|
hide .2s ease 5s 1 forwards,
|
|||
|
|
show .2s ease 9s 1 forwards;
|
|||
|
|
-moz-animation:
|
|||
|
|
hide .2s ease 5s 1 forwards,
|
|||
|
|
show .2s ease 9s 1 forwards;
|
|||
|
|
animation:
|
|||
|
|
hide .2s ease 5s 1 forwards,
|
|||
|
|
show .2s ease 9s 1 forwards;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* swoop in all the servers from the right */
|
|||
|
|
.cssanimations #six.end .server {
|
|||
|
|
-webkit-animation:
|
|||
|
|
swoop_server_out .2s ease 5.2s 1 forwards,
|
|||
|
|
swoop_server_in .2s ease 8.5s 1 forwards;
|
|||
|
|
-moz-animation:
|
|||
|
|
swoop_server_out .2s ease 5.2s 1 forwards,
|
|||
|
|
swoop_server_in .2s ease 8.5s 1 forwards;
|
|||
|
|
animation:
|
|||
|
|
swoop_server_out .2s ease 5.2s 1 forwards,
|
|||
|
|
swoop_server_in .2s ease 8.5s 1 forwards;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cssanimations #six.end .flipper {
|
|||
|
|
-webkit-animation:swoop_in .2s ease 5.2s 1 forwards;
|
|||
|
|
-moz-animation:swoop_in .2s ease 5.2s 1 forwards;
|
|||
|
|
animation:swoop_in .2s ease 5.2s 1 forwards;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* flip the root servers down and then hide */
|
|||
|
|
.cssanimations #six.end .servers_root {
|
|||
|
|
-webkit-animation:
|
|||
|
|
flip_down .3s ease 6s 1 forwards,
|
|||
|
|
hide .1s ease 6.3s 1 forwards;
|
|||
|
|
-moz-animation:
|
|||
|
|
flip_down .3s ease 6s 1 forwards,
|
|||
|
|
hide .1s ease 6.1s 1 forwards;
|
|||
|
|
animation:
|
|||
|
|
flip_down .3s ease 6s 1 forwards,
|
|||
|
|
hide .1s ease 6.3s 1 forwards;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* flip the gtld servers up, down, and hide */
|
|||
|
|
.cssanimations #six.end .servers_gtld {
|
|||
|
|
-webkit-animation:
|
|||
|
|
show .1s ease 6.3s 1 forwards,
|
|||
|
|
flip_up .3s ease 6.3s 1 forwards,
|
|||
|
|
flip_down .3s ease 7.1s 1 forwards,
|
|||
|
|
hide .1s ease 7.4s 1 forwards;
|
|||
|
|
-moz-animation:
|
|||
|
|
show .1s ease 6.3s 1 forwards,
|
|||
|
|
flip_up .3s ease 6.3s 1 forwards,
|
|||
|
|
flip_down .3s ease 7.1s 1 forwards,
|
|||
|
|
hide .1s ease 7.2s 1 forwards;
|
|||
|
|
animation:
|
|||
|
|
show .1s ease 6.3s 1 forwards,
|
|||
|
|
flip_up .3s ease 6.3s 1 forwards,
|
|||
|
|
flip_down .3s ease 7.1s 1 forwards,
|
|||
|
|
hide .1s ease 7.4s 1 forwards;
|
|||
|
|
}
|
|||
|
|
.cssanimations #six.end .servers_host {
|
|||
|
|
-webkit-animation:
|
|||
|
|
show .1s ease 7.4s 1 forwards,
|
|||
|
|
flip_up .3s ease 7.4s 1 forwards,
|
|||
|
|
flip_down .3s ease 8.2s 1 forwards,
|
|||
|
|
hide .1s ease 8.5s 1 forwards;
|
|||
|
|
-moz-animation:
|
|||
|
|
show .1s ease 7.4s 1 forwards,
|
|||
|
|
flip_up .3s ease 7.4s 1 forwards,
|
|||
|
|
flip_down .3s ease 8.2s 1 forwards,
|
|||
|
|
hide .1s ease 8.3s 1 forwards;
|
|||
|
|
animation:
|
|||
|
|
show .1s ease 7.4s 1 forwards,
|
|||
|
|
flip_up .3s ease 7.4s 1 forwards,
|
|||
|
|
flip_down .3s ease 8.2s 1 forwards,
|
|||
|
|
hide .1s ease 8.5s 1 forwards;
|
|||
|
|
}
|
|||
|
|
.cssanimations #six.end .icon div {
|
|||
|
|
-webkit-animation:show .3s ease 8.7s 1 forwards;
|
|||
|
|
-moz-animation:show .3s ease 8.7s 1 forwards;
|
|||
|
|
animation:show .3s ease 8.7s 1 forwards;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*******************************************************************************
|
|||
|
|
MOBILE VERSION
|
|||
|
|
********************************************************************************/
|
|||
|
|
|
|||
|
|
.iosandroid #one_b div,
|
|||
|
|
.iosandroid #two div,
|
|||
|
|
.iosandroid #two_b div,
|
|||
|
|
.iosandroid #three div,
|
|||
|
|
.iosandroid #four div,
|
|||
|
|
.iosandroid #five div {
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.iosandroid #one_b,
|
|||
|
|
.iosandroid #two,
|
|||
|
|
.iosandroid #two_b,
|
|||
|
|
.iosandroid #three,
|
|||
|
|
.iosandroid #four,
|
|||
|
|
.iosandroid #five,
|
|||
|
|
.iosandroid #six {
|
|||
|
|
height:734px;
|
|||
|
|
}
|
|||
|
|
.iosandroid #one_b {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/one_b.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #two {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/two.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #two_b {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/two_b.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #three {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/three.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #four {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/four.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #five {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/five.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #six {
|
|||
|
|
background: transparent url('/en_US/resources/img/parallax/mobile/six.png') no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.iosandroid #lax_wrapper {
|
|||
|
|
height:5852px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 900px)
|
|||
|
|
{
|
|||
|
|
.lax_container {
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.lax_container_mobile {
|
|||
|
|
display:block;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<title>How DNS Works In Six Steps - Verisign
|
|||
|
|
</title>
|
|||
|
|
<style id="antiClickjack">
|
|||
|
|
body {
|
|||
|
|
display: none !important;
|
|||
|
|
}
|
|||
|
|
</style><style type="text/css">.domain-search-far{display:none}</style><style type="text/css">html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.share{width:100%;text-align:right;padding:32px 0;font-size:0}.share span{display:none;vertical-align:middle;font-size:18px;color:#333;padding-right:18px}.share a{display:inline-block;vertical-align:middle;cursor:pointer;height:32px;margin-left:6px;overflow:hidden}.share a,.share a svg{-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}.share a svg{width:24px;height:24px;float:left;fill:#fff;margin:4px}.share a:after{content:attr(data-text) "";color:#fff;float:left;padding:0 10px 0 2px;font-size:14px;line-height:34px;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}.share a.email{background:#6bb02e}.share a.facebook{background:#3b5998}.share a.twitter{background:#55acee}.share a.linkedin{background:#0077b5}.share a.google{background:#dd4b39}.share a.toggle:before{display:none}.share a.toggle:after{color:#fff;font-size:24px;font-weight:700;background:#6c7d84;-webkit-transition-delay:0s;transition-delay:0s;line-height:30px;padding:0 7px 2px}.share a.hidden{margin:0}.share a.hidden svg{width:0;margin:0}.share a.hidden:after{font-size:0;padding:0}.share.grey a{-webkit-transition:all .1s ease;transition:all .1s ease;-webkit-transition-delay:0s;transition-delay:0s}.share.grey a.email{background:#aebdc8;margin-left:2px}.share.grey a.email:hover{background:#6bb02e}.share.grey a.facebook{background:#aebdc8}.share.grey a.facebook:hover{background:#3b5998}.share.grey a.twitter{background:#aebdc8}.share.grey a.twitter:hover{background:#55acee}.share.grey a.linkedin{background:#aebdc8}.share.grey a.linkedin:hover{background:#0077b5}.share.grey a.google{background:#aebdc8;margin-right:2px}.share.grey a.google:hover{background:#dd4b39}.share.fullwidth{position:relative;width:480px;z-index:2;top:-60px;margin-top:-36px;margin-right:8%;margin-left:auto;padding:2px 0;background:hsla(0,0%,100%,0)}@media screen and (max-width:768px){.share.fullwidth{width:276px;margin-right:0;background:hsla(0,0%,100%,.65)}.share span{display:inline-block}.share a:after{display:none}.share a.toggle:after{display:block}}@media screen and (max-width:375px){.share span{padding-right:0}.share a{margin-left:5px}}</style><style type="text/css">html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.share{width:100%;text-align:right;padding:32px 0;font-size:0}.share span{display:none;vertical-align:middle;font-size:18px;color:#333;padding-right:18px}.share a{display:inline-block;vertical-align:middle;cursor:pointer;height:32px;margin-left:6px;overflow:hidden}.share a,.share a svg{-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}.share a svg{width:24px;height:24px;float:left;fill:#fff;margin:4px}.share a:after{content:attr(data-text) "";color:#fff;float:left;padding:0 10px 0 2px;font-size:14px;line-height:34px;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}.share a.email{background:#6bb02e}.share a.facebook{background:#3b5998}.share a.twitter{background:#55acee}.share a.linkedin{background:#0077b5}.share a.google{background:#dd4b39}.share a.toggle:before{display:none}.share a.toggle:after{color:#fff;font-size:24px;font-weight:700;background:#6c7d84;-webkit-transition-delay:0s;transition-delay:0s;line-height:30px;padding:0 7px 2px}.share a.hidden{margin:0}.share a.hidden svg{width:0;margin:0}.share a.hidden:after{font-size:0;padding:0}.share.grey a{-webkit-transition:all .1s ease;transition:all .1s ease;-webkit-transition-delay:0s;transition-delay:0s}.share.grey a.email{background:#aebdc8;margin-left:2px}.share.grey a.email:hover{background:#6bb02e}.share.grey a.facebook{background:#aebdc8}.share.grey a.facebook:hover{background:#3b5998}.share.grey a.twitter{ba
|
|||
|
|
<div style="height: 0; width: 0; position: absolute; visibility: hidden;"><?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="com_noPbV_rev_linear-gradient" x1="48.79" y1="13.63" x2="48.79" y2="-4.21" gradientTransform="matrix(1 0 0 -1 -39.87 25.74)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#81d1f4"/><stop offset="1" stop-color="#009cdb"/></linearGradient><linearGradient id="com_noPBV_com-no-pbv" gradientUnits="userSpaceOnUse" x1="7.438" y1="12.387" x2="7.438" y2="19.83"><stop offset="0" stop-color="#2ac3f0"/><stop offset="1" stop-color="#298dcd"/></linearGradient><linearGradient id="com_pbv_white_linear-gradient" x1="48.79" y1="1066.37" x2="48.79" y2="1084.21" gradientTransform="translate(-39.87 -1054.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#81d1f4"/><stop offset="1" stop-color="#009cdb"/></linearGradient><linearGradient id="com_pbv_white_linear-gradient-2" x1="235.81" y1="1100.52" x2="221.01" y2="1115.32" gradientTransform="translate(-39.87 -1054.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".15" stop-color="#f9f9f9"/><stop offset=".35" stop-color="#e9e9ea"/><stop offset=".58" stop-color="#cecfcf"/><stop offset=".83" stop-color="#a8aaab"/><stop offset="1" stop-color="#898b8d"/></linearGradient><linearGradient id="com_pbv_linear-gradient" x1="48.79" y1="1066.37" x2="48.79" y2="1084.21" gradientTransform="translate(-39.87 -1054.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#81d1f4"/><stop offset="1" stop-color="#009cdb"/></linearGradient><linearGradient id="com_pbv_linear-gradient-2" x1="235.81" y1="1100.52" x2="221.01" y2="1115.32" gradientTransform="translate(-39.87 -1054.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".15" stop-color="#f9f9f9"/><stop offset=".35" stop-color="#e9e9ea"/><stop offset=".58" stop-color="#cecfcf"/><stop offset=".83" stop-color="#a8aaab"/><stop offset="1" stop-color="#898b8d"/></linearGradient><linearGradient id="net_PbV_rev_linear-gradient" x1="219.63" y1="-8.44" x2="205.33" y2="-22.74" gradientTransform="matrix(1 0 0 -1 -64.41 51.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".15" stop-color="#f9f9f9"/><stop offset=".35" stop-color="#e9e9ea"/><stop offset=".58" stop-color="#cecfcf"/><stop offset=".83" stop-color="#a8aaab"/><stop offset="1" stop-color="#898b8d"/></linearGradient><linearGradient id="net_pbv_v2_net-pbv-lg" x1="219.63" y1="-8.44" x2="205.33" y2="-22.74" gradientTransform="matrix(1 0 0 -1 -64.41 51.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".15" stop-color="#f9f9f9"/><stop offset=".35" stop-color="#e9e9ea"/><stop offset=".58" stop-color="#cecfcf"/><stop offset=".83" stop-color="#a8aaab"/><stop offset="1" stop-color="#898b8d"/></linearGradient><linearGradient id="net_pbv_net-pbv-lg" x1="219.63" y1="-8.44" x2="205.33" y2="-22.74" gradientTransform="matrix(1 0 0 -1 -64.41 51.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".15" stop-color="#f9f9f9"/><stop offset=".35" stop-color="#e9e9ea"/><stop offset=".58" stop-color="#cecfcf"/><stop offset=".83" stop-color="#a8aaab"/><stop offset="1" stop-color="#898b8d"/></linearGradient></defs><symbol id="com_noPbV_rev" viewBox="0 0 173.94 41.57"><path d="M66.79 25.49a20.92 20.92 0 01-41.27-4.74A20.44 20.44 0 0145.66.01h.47c10.32 0 18.67 6.81 20.64 16.35H54.92a8.71 8.71 0 00-8.42-5.47 8.38 8.38 0 00-6.74 2.74 10.71 10.71 0 00-2.52 7.12c0 5.68 3.72 9.89 9.26 9.89a8.93 8.93 0 008.42-5.19z" fill="#fff"/><path d="M69.13 20.75c0-9.48 6.81-20.64 21-20.64s21 11.13 21 20.64-6.81 20.7-21 20.7-21-11.12-21-20.7zm11.65.14a9.352 9.352 0 0018.67 1.12 9.77 9.77 0 000-1.21 9.35 9.35 0 10-18.68-.86v.86z" fill="#fff"/><path d="M114.13 1.34H125v4.15a9.25 9.25 0 012.43-2.74 12.83 12.83 0 018.5-2.74 11.92
|
|||
|
|
</div>
|
|||
|
|
<header>
|
|||
|
|
|
|||
|
|
<section class="msgs"></section>
|
|||
|
|
<section class="util-nav">
|
|||
|
|
<nav>
|
|||
|
|
<a class="logo-vrsn" href="/"><svg id="vrsn-name"><use xlink:href="/en_US/resources/img/sprites/main.svg#vrsn_name"></use></svg></a><div class="nav-section hide-resp">
|
|||
|
|
</div><div class="nav-section hide-resp">
|
|||
|
|
<a href="/en_US/support-services/index.xhtml">Support</a>
|
|||
|
|
</div><div class="nav-section">
|
|||
|
|
<a href="javascript:;">
|
|||
|
|
<svg class="no_mr no_ml blue hide-active show-desktop-touch"><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg>
|
|||
|
|
<svg class="no_mr no_ml blue show-resp show-active"><use xlink:href="/en_US/resources/img/sprites/main.svg#x-thin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<div class="util-search">
|
|||
|
|
<div>
|
|||
|
|
<p class="uppercase">Search Verisign.com</p>
|
|||
|
|
<form method="post" autocomplete="off" novalidate="true" action="/en_US/search/index.xhtml">
|
|||
|
|
<div class="header-search clearfix "><input id="j_idt57-domainText" required="required" name="q" placeholder="Search Verisign.com" type="search" /><button class="button" type="submit">Search<svg class="show-resp"><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg></button></div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><div class="nav-section show-resp mobile-nav-toggle">
|
|||
|
|
<a href="javascript:;">
|
|||
|
|
<svg class="no_mr no_ml grey hide-active"><use xlink:href="/en_US/resources/img/sprites/main.svg#menu-burger"></use></svg>
|
|||
|
|
<svg class="no_mr no_ml blue show-resp show-active"><use xlink:href="/en_US/resources/img/sprites/main.svg#x-thin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<div class="mobile-nav">
|
|||
|
|
|
|||
|
|
<div class="mobile-nav-sections">
|
|||
|
|
<div class="mobile-nav-section active">
|
|||
|
|
<div class="mobile-nav-section-contents">
|
|||
|
|
<button>Discover Domain Names<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></button>
|
|||
|
|
<button>Explore Registry Services<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></button>
|
|||
|
|
<button>About Verisign<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></button>
|
|||
|
|
<a href="/en_US/support-services/index.xhtml">Support<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></a>
|
|||
|
|
</div>
|
|||
|
|
<aside class="mobile-nav-promo mobile-nav-promo-search">
|
|||
|
|
<p class="small centered">Got a great website name? See if it's available:</p>
|
|||
|
|
<form method="post" autocomplete="off" novalidate="true" action="/en_US/domain-names/domain-name-search/index.xhtml">
|
|||
|
|
<div class="header-search clearfix "><input id="j_idt78-domainText" required="required" name="domainText" placeholder="Type your perfect domain name" type="search" />
|
|||
|
|
<a class="searchbar_terms clear light top-12 font-12" href="/en_US/legal-notices/domain-name-search-terms-of-service/index.xhtml" target="_blank">Terms of Service</a><button class="button" type="submit"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg></button></div>
|
|||
|
|
</form>
|
|||
|
|
</aside>
|
|||
|
|
<aside class="nav-promo mobile-nav-promo-follow clearfix">
|
|||
|
|
<p class="uppercase centered">Follow Us</p>
|
|||
|
|
<a href="https://www.facebook.com/Verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="https://twitter.com/VERISIGN" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://www.linkedin.com/company/verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://feeds.feedblitz.com/VerisignBlog" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="mobile-nav-section">
|
|||
|
|
<div class="mobile-nav-section-contents mobile-nav-accordion">
|
|||
|
|
<button class="back uppercase"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#caratx2"></use></svg>Back to Main Menu</button>
|
|||
|
|
<label class="title">Discover Domain Names</label>
|
|||
|
|
<ul>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<input type="radio" id="domainnames-1" name="domainnames" />
|
|||
|
|
<label for="domainnames-1">Domain Name Extensions<svg class="carat"><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></label>
|
|||
|
|
<div class="domains">
|
|||
|
|
<a target="_blank" href="https://yourdot.com/"><svg class="logo"><use xlink:href="#com_noPBV"></use></svg></a>
|
|||
|
|
<a href="/en_US/domain-names/net-domain-names/index.xhtml"><svg class="svg-net"><use xlink:href="/en_US/resources/img/sprites/main.svg#net_noPBV"></use></svg></a>
|
|||
|
|
<a href="/en_US/domain-names/name-domains/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#name_noPBV"></use></svg></a>
|
|||
|
|
<a href="/en_US/domain-names/tv-domain-names/index.xhtml"><svg class="svg-tv"><use xlink:href="/en_US/resources/img/sprites/main.svg#tv_noPBV"></use></svg></a>
|
|||
|
|
<a href="/en_US/domain-names/cc-domain-names/index.xhtml"><svg class="svg-cc"><use xlink:href="/en_US/resources/img/sprites/main.svg#cc_noPBV"></use></svg></a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<input type="radio" id="domainnames-2" name="domainnames" />
|
|||
|
|
<label for="domainnames-2">Domain Tools<svg class="carat"><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></label>
|
|||
|
|
<div>
|
|||
|
|
<a href="https://webwhois.verisign.com?language=en_US" target="_blank"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#whois"></use></svg>Whois</a>
|
|||
|
|
<a href="/en_US/domain-names/domain-registrar/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#screen-www"></use></svg>Find a Registrar</a>
|
|||
|
|
<a href="/en_US/domain-names/domain-name-search/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#domain-search"></use></svg>Domain Name Search</a>
|
|||
|
|
<a href="/en_US/channel-resources/domain-registry-products/zone-file/index.xhtml"><svg class="stroke"><use xlink:href="/en_US/resources/img/sprites/main.svg#zone-file"></use></svg>Zone File Information</a>
|
|||
|
|
<a href="/en_US/domain-names/dnib/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#book"></use></svg>The Verisign Domain Name Industry Brief</a>
|
|||
|
|
<a href="/en_US/domain-names/internet-resolution/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#globe-star"></use></svg>Regional Internet Resolution</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<aside class="nav-promo nav-promo-image nav_promo-idn no-img-padding link-only">
|
|||
|
|
<span></span>
|
|||
|
|
<a target="_self" href="/en_US/domain-names/international-domains/index.xhtml">Find out more about our Internationalized Domain Names (IDNs)<svg class="carat"><use xlink:href="/en_US/resources/img/sprites/main.svg#carat"></use></svg></a>
|
|||
|
|
</aside>
|
|||
|
|
<aside class="mobile-nav-promo mobile-nav-promo-search">
|
|||
|
|
<p class="small centered">Got a great website name? See if it's available:</p>
|
|||
|
|
<form method="post" autocomplete="off" novalidate="true" action="/en_US/domain-names/domain-name-search/index.xhtml">
|
|||
|
|
<div class="header-search clearfix "><input id="j_idt122-domainText" required="required" name="domainText" placeholder="Type your perfect domain name" type="search" />
|
|||
|
|
<a class="searchbar_terms clear light top-12 font-12" href="/en_US/legal-notices/domain-name-search-terms-of-service/index.xhtml" target="_blank">Terms of Service</a><button class="button" type="submit"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg></button></div>
|
|||
|
|
</form>
|
|||
|
|
</aside>
|
|||
|
|
<aside class="nav-promo mobile-nav-promo-follow clearfix">
|
|||
|
|
<p class="uppercase centered">Follow Us</p>
|
|||
|
|
<a href="https://www.facebook.com/Verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="https://twitter.com/VERISIGN" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://www.linkedin.com/company/verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://feeds.feedblitz.com/VerisignBlog" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
<div class="mobile-nav-section">
|
|||
|
|
<div class="mobile-nav-section-contents mobile-nav-accordion">
|
|||
|
|
<button class="back uppercase"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#caratx2"></use></svg>Back to Main Menu</button>
|
|||
|
|
<label class="title">Explore Registry Services</label>
|
|||
|
|
<ul>
|
|||
|
|
<li class="no-label">
|
|||
|
|
<div>
|
|||
|
|
<a href="/en_US/channel-resources/become-a-registrar/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#partners"></use></svg>Become A Registrar</a>
|
|||
|
|
<a href="/en_US/channel-resources/domain-registry-products/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#tools"></use></svg>Registrar Tools</a>
|
|||
|
|
<a href="https://www.namesuggestion.com/" target="_blank"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#name-suggest"></use></svg>Name Suggestion Service</a>
|
|||
|
|
<a href="https://support.verisign.com/" target="_blank" rel="noopener"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#portal"></use></svg>Access Partner Portal</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<aside class="mobile-nav-promo mobile-nav-promo-search">
|
|||
|
|
<p class="small centered">Got a great website name? See if it's available:</p>
|
|||
|
|
<form method="post" autocomplete="off" novalidate="true" action="/en_US/domain-names/domain-name-search/index.xhtml">
|
|||
|
|
<div class="header-search clearfix "><input id="j_idt138-domainText" required="required" name="domainText" placeholder="Type your perfect domain name" type="search" />
|
|||
|
|
<a class="searchbar_terms clear light top-12 font-12" href="/en_US/legal-notices/domain-name-search-terms-of-service/index.xhtml" target="_blank">Terms of Service</a><button class="button" type="submit"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg></button></div>
|
|||
|
|
</form>
|
|||
|
|
</aside>
|
|||
|
|
<aside class="nav-promo mobile-nav-promo-follow clearfix">
|
|||
|
|
<p class="uppercase centered">Follow Us</p>
|
|||
|
|
<a href="https://www.facebook.com/Verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="https://twitter.com/VERISIGN" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://www.linkedin.com/company/verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://feeds.feedblitz.com/VerisignBlog" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="mobile-nav-section">
|
|||
|
|
<div class="mobile-nav-section-contents mobile-nav-accordion">
|
|||
|
|
<button class="back uppercase"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#caratx2"></use></svg>Back to Main Menu</button>
|
|||
|
|
<label class="title">About Verisign</label>
|
|||
|
|
<ul>
|
|||
|
|
<li class="no-label">
|
|||
|
|
<div>
|
|||
|
|
<a href="/en_US/company-information/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#verisign_v"></use></svg>Overview</a>
|
|||
|
|
<a href="/en_US/company-information/mission-values/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#missionvalues"></use></svg>Mission and Values</a>\
|
|||
|
|
|
|||
|
|
<a href="/en_US/internet-technology-news/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#article"></use></svg>Newsroom</a>
|
|||
|
|
<a href="/en_US/company-information/jim-bidzos/index.xhtml"><svg class="stroke"><use xlink:href="/en_US/resources/img/sprites/main.svg#expand-audience-reach"></use></svg>Executive Team</a>
|
|||
|
|
<a href="/en_US/company-information/verisign-careers/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#partners"></use></svg>Careers</a>
|
|||
|
|
<a href="/en_US/company-information/verisign-labs/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#lightbulb"></use></svg>Verisign Labs</a>
|
|||
|
|
<a href="https://blog.verisign.com/" target="_blank" rel="noopener"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>Blog</a>
|
|||
|
|
<a href="/en_US/company-information/contact-us/index.xhtml"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#headset"></use></svg>Contact Us</a>
|
|||
|
|
<a href="https://investor.verisign.com/index.cfm" target="_blank" rel="noopener"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#graph"></use></svg>Investors</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<aside class="mobile-nav-promo mobile-nav-promo-search">
|
|||
|
|
<p class="small centered">Got a great website name? See if it's available:</p>
|
|||
|
|
<form method="post" autocomplete="off" novalidate="true" action="/en_US/domain-names/domain-name-search/index.xhtml">
|
|||
|
|
<div class="header-search clearfix "><input id="j_idt199-domainText" required="required" name="domainText" placeholder="Type your perfect domain name" type="search" />
|
|||
|
|
<a class="searchbar_terms clear light top-12 font-12" href="/en_US/legal-notices/domain-name-search-terms-of-service/index.xhtml" target="_blank">Terms of Service</a><button class="button" type="submit"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg></button></div>
|
|||
|
|
</form>
|
|||
|
|
</aside>
|
|||
|
|
<aside class="nav-promo mobile-nav-promo-follow clearfix">
|
|||
|
|
<p class="uppercase centered">Follow Us</p>
|
|||
|
|
<a href="https://www.facebook.com/Verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="https://twitter.com/VERISIGN" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://www.linkedin.com/company/verisign" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="http://feeds.feedblitz.com/VerisignBlog" target="_blank">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</section>
|
|||
|
|
<section class="mega-nav mega-nav-mod">
|
|||
|
|
<nav>
|
|||
|
|
<section class="nav-section">
|
|||
|
|
<a href="/en_US/domain-names/index.xhtml">Discover Domain Names</a>
|
|||
|
|
<div class="mega-nav-panel domains">
|
|||
|
|
<section class="mega-nav-subpanel">
|
|||
|
|
<p class="centered">Learn why you should get online with domains powered by Verisign</p>
|
|||
|
|
|
|||
|
|
<div class="tld-section clearfix">
|
|||
|
|
<div class="tld-single com">
|
|||
|
|
<div class="tld-svg-wrapper">
|
|||
|
|
<svg><use xlink:href="#com_pbv"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<a target="_blank" href="https://yourdot.com/" class="css-carat">
|
|||
|
|
Visit
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="tld-single net">
|
|||
|
|
<div class="tld-svg-wrapper">
|
|||
|
|
<svg><use xlink:href="#net_pbv_v2"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<a href="/en_US/domain-names/net-domain-names/index.xhtml" class="css-carat">
|
|||
|
|
Visit
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="tld-column">
|
|||
|
|
<a class="css-carat" href="/en_US/domain-names/tv-domain-names/index.xhtml">
|
|||
|
|
<svg class="svg-tv"><use xlink:href="/en_US/resources/img/sprites/main.svg#tv_noPBV"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a class="css-carat" href="/en_US/domain-names/cc-domain-names/index.xhtml">
|
|||
|
|
<svg class="svg-cc"><use xlink:href="/en_US/resources/img/sprites/main.svg#cc_noPBV"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a class="css-carat" href="/en_US/domain-names/name-domains/index.xhtml">
|
|||
|
|
<svg class="svg-name"><use xlink:href="/en_US/resources/img/sprites/main.svg#name_noPBV"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p class="centered">Find out more about our Internationalized Domain Names (IDNs)</p>
|
|||
|
|
<div class="idns"><svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.1 19.5"><defs><linearGradient id="a" x1="15.7" y1="8.3" x2="15.7" y2="15.66" gradientTransform="matrix(1 0 0 -1 -12 27.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#56a0d3"/><stop offset="1" stop-color="#82d1f5"/></linearGradient></defs><path data-name="Alternate Character" fill="currentColor" d="M51.1 17.8c-4.5.6-10.2 1.2-18.5 1.7v-3.6a20.15 20.15 0 002.3-.1c1-2.2 2.2-5 3.4-8.5q1.35-3.75 2.4-7.2V0h4.1v.1A119.8 119.8 0 0139 15.7c5-.3 8-.6 10.5-1-.4-.8-2-3.3-4.7-7.5L48 5.6a66.6 66.6 0 014.4 6.3 73.33 73.33 0 013.7 7.5H52a12.9 12.9 0 01-.9-1.6z"/><path data-name="<Path>" fill="currentColor" d="M30.9 19.5H10.5v-3.4h16.3V3.5H10.7V.1h20.1v19.4z"/><circle data-name="Loose Blue Dot" fill="url(#a)" cx="3.7" cy="15.8" r="3.7"/></svg><svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 23.8"><defs><linearGradient id="a" x1="17" y1="6.14" x2="17" y2="13.1" gradientTransform="matrix(1 0 0 -1 -13.5 29.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a1df"/><stop offset="1" stop-color="#8fc7e8"/></linearGradient></defs><path fill="currentColor" d="M22.1 4.8h-8.6V10h8.9v3H9.9V1.5H22v3.3zM23.2 15a33.39 33.39 0 005.4 8.7h-4.1c-.6-.8-1.3-1.9-1.9-2.8-.4-.5-.7-1.1-1.1-1.7l-3.2 4.5H14a55.38 55.38 0 004.2-5.9c.6-1 1.1-1.9 1.6-2.8zm5-8.9H31v3.1h-2.8v6h-3.4V0h3.4zm5.1-4.9h11.5v2.1c0 4-5.2 8.9-10.8 11.2v-3.3a10.25 10.25 0 004.1-2.7h-4.3V5.8h6.1a4.43 4.43 0 00.9-1.6h-7.6v-3zm3 13.9H53v8.4H36.3zm13.6 5.4v-2.4H39.4v2.4zM49.4.1h3.5v13.7h-3.5V8.6h-4.1V5.3h4.1z"/><circle data-name="Loose Blue Dot" cx="3.5" cy="20.3" r="3.5" fill="url(#a)"/></svg>
|
|||
|
|
<span class="ko-net-logo"><svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.1 23.8"><path d="M22.8 4.7h-8.5v5.1h8.8v2.9H10.9V1.5h12v3.2zM24 14.9a37.52 37.52 0 005.3 8.6h-4a31.55 31.55 0 01-1.9-2.7c-.4-.5-.7-1.1-1.1-1.7l-3.2 4.4h-4.2a42.08 42.08 0 004.1-5.8c.6-1 1.1-1.9 1.6-2.8zM28.9 6h2.7v3.1h-2.7V15h-3.3V0h3.3zm4.9 7.1V1.6h3.6V10h6.9v3.1zm14 2.9c1.2 2.5 4 5.7 5.8 7.7h-4.4C48 22.2 47 21 46 19.6a41.18 41.18 0 01-3.2 4.1h-4.6a55.47 55.47 0 004.5-5.4l1.7-2.4h3.4zM45.9 4.7V0h3.3v14.1h-3.3V7.7H42v-3zM50.8 0h3.3v15.1h-3.3z" fill="currentColor"/><circle data-name="<Path>" fill="#ffce00" cx="3.8" cy="20" r="3.8"/></svg></span><svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.17 24.47"><defs><linearGradient id="b" x1="-241.66" y1="180.66" x2="-241.5" y2="180.66" gradientTransform="matrix(0 -41.7 -41.7 0 7580.33 -10059.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#009cdb"/><stop offset="1" stop-color="#81d1f4"/></linearGradient><clipPath id="a" transform="translate(21.51 -5.45)"><path d="M21.14 20.77a3.26 3.26 0 103.26-3.26 3.26 3.26 0 00-3.26 3.26" fill="none"/></clipPath></defs><path d="M0 0h15.51v18.16H.01zm10.74 3.7h-6v10.75h6zm8.52 0h-1.59V0h6.35v18.16h-4.76V3.7zm14.01 10.85a4.09 4.09 0 002.94-1.17 4.5 4.5 0 001-3.16V3.7H26.68V0h15.31v10.12a8.31 8.31 0 01-1 4.27 7 7 0 01-3 2.73 11.46 11.46 0 01-4.69 1zm-6.44-2.75a5.87 5.87 0 011.08-3.89h3.8a15.83 15.83 0 00-.29 3.39v13.17h-4.59z" fill="currentColor"/><g clip-path="url(#a)"><path fill="url(#b)" d="M42.66 12.06h6.52v6.52h-6.52z"/></g></svg>
|
|||
|
|
</div>
|
|||
|
|
<p>
|
|||
|
|
<a href="/en_US/domain-names/international-domains/index.xhtml" class="btn-learn-more css-carat">Learn More</a>
|
|||
|
|
</p>
|
|||
|
|
</section>
|
|||
|
|
<section class="mega-nav-subpanel domaintools">
|
|||
|
|
<div class="h4">DOMAIN TOOLS</div>
|
|||
|
|
<a href="https://webwhois.verisign.com?language=en_US" target="_blank" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#whois"></use></svg>Whois</a>
|
|||
|
|
<a href="/en_US/domain-names/domain-registrar/index.xhtml" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#screen-www"></use></svg>Find a Registrar</a>
|
|||
|
|
<a href="/en_US/domain-names/domain-name-search/index.xhtml" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#domain-search"></use></svg>Domain Name Search</a>
|
|||
|
|
<a href="/en_US/channel-resources/domain-registry-products/zone-file/index.xhtml" class="icon-and-text-link"><svg class="stroke"><use xlink:href="/en_US/resources/img/sprites/main.svg#zone-file"></use></svg>Zone File Information</a>
|
|||
|
|
<a href="/en_US/domain-names/dnib/index.xhtml" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#book"></use></svg>The Verisign Domain Name Industry Brief</a>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="nav-section">
|
|||
|
|
<a href="/en_US/channel-resources/index.xhtml">Channel Resources</a>
|
|||
|
|
<div class="mega-nav-panel registry">
|
|||
|
|
<section class="mega-nav-subpanel">
|
|||
|
|
<div class="h4">Verisign Channel Resources</div>
|
|||
|
|
<p><strong>Establish a steady, renewable revenue stream with domain names.</strong></p>
|
|||
|
|
<p>When you work with Verisign, we can help you better serve your customers with additional product lines, enhanced services and value-added tools.</p>
|
|||
|
|
<p class="centered"><a href="/en_US/channel-resources/index.xhtml" class="css-carat">Learn More</a></p>
|
|||
|
|
</section>
|
|||
|
|
<section class="mega-nav-subpanel">
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#partners"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/channel-resources/become-a-registrar/index.xhtml">Become A Registrar</a>
|
|||
|
|
<p class="small">With the reliability and scale of Verisign domains, you can provide your customers with a complete Web services package.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#tools"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/channel-resources/domain-registry-products/index.xhtml">Registrar Tools</a>
|
|||
|
|
<p class="small">Whether you want to increase registrations or renewals, expand to new markets, or enhance services, we have the tools, resources and registry services to help.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#portal"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="https://support.verisign.com/" target="_blank">Access Partner Portal</a>
|
|||
|
|
<p class="small">Already a customer? Log in to manage your account.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="nav-section">
|
|||
|
|
<a href="/en_US/company-information/index.xhtml">About Verisign</a>
|
|||
|
|
<div class="mega-nav-panel about">
|
|||
|
|
<section class="mega-nav-subpanel">
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#verisign_v"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/company-information/index.xhtml">Overview</a>
|
|||
|
|
<p class="small">"Verisign enables the world to connect online with reliability and confidence, anytime, anywhere."<br>- Jim Bidzos, Chairman of the Board and CEO</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#missionvalues"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/company-information/mission-values/index.xhtml">Mission and Values</a>
|
|||
|
|
<p class="small">What we believe and how we work.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg class="stroke"><use xlink:href="/en_US/resources/img/sprites/main.svg#expand-audience-reach"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/company-information/jim-bidzos/index.xhtml">Executive Team</a>
|
|||
|
|
<p class="small">The Verisign Executive Team brings a tremendous breadth of expertise and talent.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#article"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/internet-technology-news/index.xhtml">Newsroom</a>
|
|||
|
|
<p class="small">The latest on Verisign and the internet infrastructure industry.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#lightbulb"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="/en_US/company-information/verisign-labs/index.xhtml">Verisign Labs</a>
|
|||
|
|
<p class="small">We are committed to making the Internet a safe and reliable place for people to do business and interact.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="nav-icon-row">
|
|||
|
|
<div class="icon">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#graph"></use></svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<a href="https://investor.verisign.com/investor-relations" target="_blank">Investors</a>
|
|||
|
|
<p class="small">Verisign is a global leader in domain names and internet security.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="mega-nav-subpanel">
|
|||
|
|
<div class="h4">Quicklinks</div>
|
|||
|
|
<a href="/en_US/company-information/contact-us/index.xhtml" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#headset"></use></svg>Contact Us</a>
|
|||
|
|
<a href="https://blog.verisign.com/" target="_blank" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>Blog</a>
|
|||
|
|
<a href="/en_US/company-information/verisign-careers/index.xhtml" target="_blank" class="icon-and-text-link"><svg><use xlink:href="/en_US/resources/img/sprites/main.svg#partners"></use></svg>Careers</a>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</nav>
|
|||
|
|
</section>
|
|||
|
|
</header>
|
|||
|
|
<article class="wrapper article maxwidth" itemscope="itemscope" itemtype="http://schema.org/Article">
|
|||
|
|
<div class="article-breadcrumb">
|
|||
|
|
<div class="container mob">
|
|||
|
|
<div class="grid"><a href="/en_US/">Home</a><a href="javascript:;">How the Domain Name System (DNS) Works</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<section class="hero article-hero hero-align-c content maxwidth content-bg-container ">
|
|||
|
|
<picture class="content-bg" style="z-index: -1;">
|
|||
|
|
<source srcset="/en_US/resources/img/hero/articles/article_hero-htgo.jpg" media="(min-width: 1025px)"></source>
|
|||
|
|
<source srcset="/en_US/resources/img/hero/articles/article_hero-htgo-tablet-h.jpg" media="(min-width: 769px) and (max-width: 1024px)"></source>
|
|||
|
|
<source srcset="/en_US/resources/img/hero/articles/article_hero-htgo-tablet-v.jpg" media="(min-width: 481px) and (max-width: 768px)"></source>
|
|||
|
|
<source srcset="/en_US/resources/img/hero/articles/article_hero-htgo-mobile.jpg" media="(min-width: 0px) and (max-width: 480px)"></source>
|
|||
|
|
<img class="content-bg" srcset="/en_US/resources/img/hero/articles/article_hero-htgo.jpg" />
|
|||
|
|
</picture>
|
|||
|
|
<div class="hero-heading grid clearfix hero-dark">
|
|||
|
|
<div class="ds-article margin_bottom">
|
|||
|
|
<div class="domain-search clear htgo" data-debug="false" data-locale="en_US" data-source-id="htgo" data-search-type="htgo" data-passthrough="true" data-featured-tld="all" data-supported-tlds="com,net" data-decorate-entries="true" data-spaces-allowed="true" data-passthrough-url="/en_US/domain-names/domain-name-search/index.xhtml" data-passthrough-accept="false">
|
|||
|
|
<a class="searchbar_terms clear top-24" href="/en_US/legal-notices/domain-name-search-terms-of-service/index.xhtml" target="_blank">Terms of Service</a>
|
|||
|
|
<svg class="ds-svg-search ds-svg-search-htgo"><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg>
|
|||
|
|
<input type="text" placeholder="Find Your Domain" autocomplete="off" />
|
|||
|
|
<a class="button passthrough" href="javascript:;">SEARCH
|
|||
|
|
<svg class="ds-svg-search-btn"><use xlink:href="/en_US/resources/img/sprites/main.svg#search"></use></svg>
|
|||
|
|
<svg class="ds-svg-arrow-btn"><use xlink:href="/en_US/resources/img/sprites/main.svg#circle-arrow"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="h4" itemprop="articleSection">How the Domain Name System (DNS) Works
|
|||
|
|
</div>
|
|||
|
|
<h1 itemprop="name">How the Domain Name System (DNS) Works
|
|||
|
|
</h1><meta itemprop="headline"content="How the Domain Name System (DNS) Works" ></meta><meta itemprop="mainEntityOfPage"content="https://www.verisign.com/en_US/website-presence/online/how-dns-works/index.xhtml" ></meta><span itemscope itemtype="http://schema.org/ImageObject" itemprop="image" class="hidden"><meta itemprop="url"content="https://www.verisign.com/en_US/resources/img/articles/related-items/website-presence/online/how-dns-works/thumb.jpg" ></meta><meta itemprop="width"content="252" ></meta><meta itemprop="height"content="160" ></meta></span><meta itemprop="datePublished"content="2014-01-01" ></meta><meta itemprop="dateModified"content="2014-01-01" ></meta>
|
|||
|
|
<div class="share clear">
|
|||
|
|
<span>Share</span>
|
|||
|
|
<a href="mailto:?subject=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&body=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml" class="email" data-text="EMAIL">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#email"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a onclick="javascript:window.open('http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml&t=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign','','toolbar=0,status=0,width=626,height=436');" class="facebook" data-text="SHARE">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a onclick="javascript:window.open('http://twitter.com/intent/tweet?text=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&url=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml','','toolbar=0,status=0,width=620,height=280');" class="twitter" data-text="TWEET">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a onclick="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml&title=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&summary=How%20does%20DNS%20Work%3F%20Find%20out%20how%20DNS%20works%20as%20a%20central%20part%20of%20the%20internet%20and%20get%20a%20basic%20understanding%20of%20the%20domain%20name%20system.', 'sharer', 'toolbar=0,status=0,width=620,height=380');" class="linkedin hidden" data-text="SHARE">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="javascript:void(0);" class="toggle" data-text="+"></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<div class="container main">
|
|||
|
|
<a name="top"></a>
|
|||
|
|
<div class="content_wrap mob " itemprop="articleBody">
|
|||
|
|
<section class="content ">
|
|||
|
|
<div class="grid clearfix">
|
|||
|
|
<div class="lax_container">
|
|||
|
|
<div id="lax_wrapper">
|
|||
|
|
<div id="para_nav">
|
|||
|
|
<a href="#" class="cur"><div><div>The Domain Name System</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>The Query</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>The Root Servers</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>Where are Verisign's Root Servers</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>The gTLD Name Server</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>The Domain's Name Server</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>The Site Displays</div><div></div></div></a>
|
|||
|
|
<a href="#"><div><div>Tenths of a Second</div><div></div></div></a>
|
|||
|
|
<div class="intent"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="first" data-speed="10" id="bg_1">
|
|||
|
|
</div>
|
|||
|
|
<div class="second" data-speed="4" id="bg_2">
|
|||
|
|
<div class="slide clearfix" id="one">
|
|||
|
|
<h1></h1>
|
|||
|
|
<div class="figure"></div>
|
|||
|
|
<div class="box">
|
|||
|
|
<p>The Domain Name System (DNS) is an important part of the internet, providing a way to map names (a website you’re seeking) to numbers (the address for the website). Anything connected to the internet - laptops, tablets, mobile phones, websites - has an Internet Protocol (IP) address. Your favorite website might have an IP address like 93.184.216.34, but this is obviously not easy to remember. However, a domain name such as example.com is something people can recognize and remember. DNS maps domain names with IP addresses enabling humans to use memorable domain names while computers on the internet can use IP addresses. </p>
|
|||
|
|
<p>Let’s explore what keeps billions of internet users and 341.7 million domain names* connecting—and how Verisign helps to make it happen. </p>
|
|||
|
|
<p class="note">* Verisign Domain Name Industry Brief, Volume 19 – Issue 1</p>
|
|||
|
|
<p class="scroll_down">Scroll down to see how it all works</p>
|
|||
|
|
<div></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="one_b">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="bubble"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="pipe"></div>
|
|||
|
|
<div class="icon"></div>
|
|||
|
|
<div class="connector"></div>
|
|||
|
|
<div class="query"></div>
|
|||
|
|
<div class="text_box"></div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
<div class="factoid"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="two">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="bubble"></div>
|
|||
|
|
<div class="bubble_2"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="pipe"></div>
|
|||
|
|
<div class="icon"></div>
|
|||
|
|
<div class="icon_two"></div>
|
|||
|
|
<div class="connector"></div>
|
|||
|
|
<div class="query"></div>
|
|||
|
|
<div class="query_2"></div>
|
|||
|
|
<div class="text_box"></div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
<div class="factoid"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="two_b">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="pipe"></div>
|
|||
|
|
<div class="connector"></div>
|
|||
|
|
<div class="server_map"></div>
|
|||
|
|
<div class="server_map_text"></div>
|
|||
|
|
<div class="server_map_content"></div>
|
|||
|
|
<div class="map_comp"></div>
|
|||
|
|
<div class="map_dot"></div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="three">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="bubble"></div>
|
|||
|
|
<div class="bubble_2"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="pipe"></div>
|
|||
|
|
<div class="icon"></div>
|
|||
|
|
<div class="icon_two"></div>
|
|||
|
|
<div class="connector"></div>
|
|||
|
|
<div class="query"></div>
|
|||
|
|
<div class="query_2"></div>
|
|||
|
|
<div class="text_box"></div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
<div class="factoid"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="four">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="bubble"></div>
|
|||
|
|
<div class="bubble_2"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="pipe"></div>
|
|||
|
|
<div class="icon"></div>
|
|||
|
|
<div class="connector"></div>
|
|||
|
|
<div class="query"></div>
|
|||
|
|
<div class="query_2"></div>
|
|||
|
|
<div class="text_box"></div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
<div class="factoid"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="five">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="bubble"></div>
|
|||
|
|
<div class="bubble_2"></div>
|
|||
|
|
<div class="success"></div>
|
|||
|
|
<div class="success_shot"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="pipe"></div>
|
|||
|
|
<div class="icon"></div>
|
|||
|
|
<div class="connector"></div>
|
|||
|
|
<div class="query"></div>
|
|||
|
|
<div class="query_2"></div>
|
|||
|
|
<div class="text_box"></div>
|
|||
|
|
<div class="title_shadow"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide" id="six">
|
|||
|
|
<div class="title"></div>
|
|||
|
|
<div class="icon">
|
|||
|
|
<div></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="pipe_h"></div>
|
|||
|
|
<div class="server"></div>
|
|||
|
|
<div class="text_fast"></div>
|
|||
|
|
<div class="flipper">
|
|||
|
|
<div class="servers_root"></div>
|
|||
|
|
<div class="servers_gtld"></div>
|
|||
|
|
<div class="servers_host"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_box_static">
|
|||
|
|
<p>This whole process might seem complicated, but really takes very little time at all. In fact, Verisign processes more than approximately 239.5 billion transactions daily, and is continuously working to help ensure the world’s online connections are secure, stable and resilient. </p>
|
|||
|
|
<p>To register a domain name, <a href="/en_US/domain-names/domain-name-search/index.xhtml">search availability</a> or <a href="/en_US/domain-names/domain-registrar/index.xhtml">find a registrar</a>.</p>
|
|||
|
|
<p>To find out more about internet technology, trends and the future, check out the following resources:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="/en_US/domain-names/dnib/index.xhtml">Domain Name Industry Brief </a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="lax_container_mobile">
|
|||
|
|
<p>The Domain Name System (DNS) is an important part of the internet, providing a way to map names (a website you’re seeking) to numbers (the address for the website). Anything connected to the internet - laptops, tablets, mobile phones, websites - has an Internet Protocol (IP) address. Your favorite website might have an IP address like 93.184.216.34, but this is obviously not easy to remember. However, a domain name such as example.com is something people can recognize and remember. DNS maps domain names with IP addresses enabling humans to use memorable domain names while computers on the internet can use IP addresses.</p>
|
|||
|
|
<p>Let’s explore what keeps billions of internet users and 341.7 million domain names* connecting—and how Verisign helps to make it happen.</p>
|
|||
|
|
<p><a href="/assets/DNS101.pdf" target="_blank">Download our How DNS Works infographic</a></p>
|
|||
|
|
<p class="small">* Verisign Domain Name Industry Brief, Volume 19 - Issue 1</p>
|
|||
|
|
</div></div>
|
|||
|
|
</section>
|
|||
|
|
<section class="content ">
|
|||
|
|
<div class="grid clearfix">
|
|||
|
|
<div class="share clear">
|
|||
|
|
<span>Share</span>
|
|||
|
|
<a href="mailto:?subject=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&body=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml" class="email" data-text="EMAIL">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#email"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a onclick="javascript:window.open('http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml&t=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign','','toolbar=0,status=0,width=626,height=436');" class="facebook" data-text="SHARE">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a onclick="javascript:window.open('http://twitter.com/intent/tweet?text=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&url=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml','','toolbar=0,status=0,width=620,height=280');" class="twitter" data-text="TWEET">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a onclick="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml&title=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&summary=How%20does%20DNS%20Work%3F%20Find%20out%20how%20DNS%20works%20as%20a%20central%20part%20of%20the%20internet%20and%20get%20a%20basic%20understanding%20of%20the%20domain%20name%20system.', 'sharer', 'toolbar=0,status=0,width=620,height=380');" class="linkedin" data-text="SHARE">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a href="javascript:void(0);" class="toggle hidden" data-text="+"></a>
|
|||
|
|
</div></div>
|
|||
|
|
</section><span itemscope itemtype="http://schema.org/Person" itemprop="author" ><meta itemprop="name"content="Verisign" ></meta></span><meta itemprop="url"content="https://www.verisign.com/en_US/website-presence/online/how-dns-works/index.xhtml" ></meta><span itemscope itemtype="http://schema.org/Organization" itemprop="publisher" ><meta itemprop="name"content="Verisign" ></meta><span itemscope itemtype="http://schema.org/ImageObject" itemprop="logo" class="hidden"><meta itemprop="url"content="https://www.verisign.com/en_US/resources/img/VRSN_logo_vertical.png" ></meta><meta itemprop="width"content="200" ></meta><meta itemprop="height"content="186" ></meta></span></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<aside data-relateditems="3" data-type="article">
|
|||
|
|
</aside>
|
|||
|
|
</article>
|
|||
|
|
<div class="flexmenu">
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<div class="item flexshare">
|
|||
|
|
<a class="button " href="javascript:void(0);" target="_self" data-text="Share" data-redirect="true">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#share"></use></svg>
|
|||
|
|
<span>Share</span>
|
|||
|
|
</a>
|
|||
|
|
<div class="menu">
|
|||
|
|
<span class="menu-close"></span>
|
|||
|
|
<a class="facebook" onclick="javascript:window.open('http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml&t=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign','','toolbar=0,status=0,width=626,height=436');">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
<span>Share</span>
|
|||
|
|
</a>
|
|||
|
|
<a class="twitter" onclick="javascript:window.open('http://twitter.com/intent/tweet?text=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&url=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml','','toolbar=0,status=0,width=620,height=280');">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
<span>Tweet</span>
|
|||
|
|
</a>
|
|||
|
|
<a class="linkedin" onclick="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml&title=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&summary=How%20does%20DNS%20Work%3F%20Find%20out%20how%20DNS%20works%20as%20a%20central%20part%20of%20the%20internet%20and%20get%20a%20basic%20understanding%20of%20the%20domain%20name%20system.', 'sharer', 'toolbar=0,status=0,width=620,height=380');">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
<span>Share</span>
|
|||
|
|
</a>
|
|||
|
|
<a class="email" href="mailto:?subject=How%20DNS%20Works%20In%20Six%20Steps%20-%20Verisign&body=https%3A%2F%2Fwww.verisign.com%2Fen_US%2Fwebsite-presence%2Fonline%2Fhow-dns-works%2Findex.xhtml">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#email"></use></svg>
|
|||
|
|
<span>Email</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item flexcta">
|
|||
|
|
<a class="button cta blue" href="/en_US/domain-names/domain-name-search/index.xhtml" target="_self" data-text="Find a Domain" data-redirect="true">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#domain-search"></use></svg>
|
|||
|
|
<span>Find a Domain</span>
|
|||
|
|
</a>
|
|||
|
|
<div class="menu">
|
|||
|
|
<span class="menu-close"></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<footer>
|
|||
|
|
<div class="locale-selector mobile">
|
|||
|
|
<div class="container">
|
|||
|
|
<p>Language:</p>
|
|||
|
|
<div>
|
|||
|
|
<a href="/en_US/index.xhtml?loc=en_US" class="active">
|
|||
|
|
<p>English</p>
|
|||
|
|
</a>
|
|||
|
|
<span class="divider"></span>
|
|||
|
|
<a href="/zh_CN/index.xhtml?loc=zh_CN">
|
|||
|
|
<p>Chinese (Simplified)</p>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<section class="content maxwidth links">
|
|||
|
|
<div class="grid clearfix">
|
|||
|
|
<nav class="clearfix">
|
|||
|
|
|
|||
|
|
<div class="column">
|
|||
|
|
|
|||
|
|
<div class="menu-section">
|
|||
|
|
<a href="/en_US/domain-names/index.xhtml" class="menu-section-root">Domain Names</a>
|
|||
|
|
<a target="_blank" href="https://yourdot.com/">.com</a>
|
|||
|
|
<a href="/en_US/domain-names/net-domain-names/index.xhtml">.net</a>
|
|||
|
|
<a href="/en_US/domain-names/domain-name-search/index.xhtml">Find Your Domain Name</a>
|
|||
|
|
<a href="/en_US/domain-names/domain-registrar/index.xhtml">Find a Registrar</a>
|
|||
|
|
<a href="https://webwhois.verisign.com?language=en_US" target="_blank">Whois</a>
|
|||
|
|
<a href="/en_US/channel-resources/domain-registry-products/zone-file/index.xhtml">Zone File Information</a>
|
|||
|
|
<a href="/en_US/domain-names/internet-resolution/index.xhtml">Internet Resolution</a>
|
|||
|
|
<a href="/en_US/domain-names/dnib/index.xhtml">The Verisign Domain Name Industry Brief</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="column">
|
|||
|
|
<div class="menu-section ">
|
|||
|
|
<a href="/en_US/company-information/index.xhtml" class="menu-section-root">About Verisign</a>
|
|||
|
|
<a href="/en_US/company-information/jim-bidzos/index.xhtml">Executive Team</a>
|
|||
|
|
<a href="https://investor.verisign.com/index.cfm" target="_blank" rel="noopener">Investor Relations</a>
|
|||
|
|
<a href="/en_US/internet-technology-news/index.xhtml">Newsroom</a>
|
|||
|
|
<a href="/en_US/internet-technology-news/verisign-events/index.xhtml">Technology Events</a>
|
|||
|
|
<a href="/en_US/company-information/verisign-careers/index.xhtml">Careers</a>
|
|||
|
|
<a href="/en_US/company-information/report-security-vulnerability/index.xhtml">Report A Security Vulnerability</a>
|
|||
|
|
<a href="/en_US/company-information/dns-abuse/index.xhtml">Combating DNS Abuse</a>
|
|||
|
|
<a href="/en_US/company-information/verisign-labs/index.xhtml">Verisign Labs</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="column omega">
|
|||
|
|
|
|||
|
|
<div class="menu-section no-margin">
|
|||
|
|
<a href="/en_US/support-services/index.xhtml" class="menu-section-root no-subitems">Support</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="menu-section no-margin">
|
|||
|
|
<a href="/en_US/company-information/contact-us/index.xhtml" class="menu-section-root no-subitems">Contact Us</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="menu-section no-margin">
|
|||
|
|
<a href="https://blog.verisign.com/" target="_blank" class="menu-section-root no-subitems">Blog</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="menu-follow clearfix">
|
|||
|
|
<span>Follow Us</span>
|
|||
|
|
<a class="btn1" href="https://www.facebook.com/Verisign" target="_blank" rel="noopener">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#facebook"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a class="btn2" href="https://twitter.com/VERISIGN" target="_blank" rel="noopener">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#twitter"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a class="btn3" href="http://www.linkedin.com/company/verisign" target="_blank" rel="noopener">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#linkedin"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
<a class="btn5" href="http://feeds.feedblitz.com/VerisignBlog" target="_blank" rel="noopener">
|
|||
|
|
<svg><use xlink:href="/en_US/resources/img/sprites/main.svg#blog"></use></svg>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="locale-selector desktop">
|
|||
|
|
<p>Language:</p>
|
|||
|
|
<div>
|
|||
|
|
<a href="/en_US/index.xhtml?loc=en_US" class="active">
|
|||
|
|
<p>English</p>
|
|||
|
|
</a>
|
|||
|
|
<span class="divider"></span>
|
|||
|
|
<a href="/zh_CN/index.xhtml?loc=zh_CN">
|
|||
|
|
<p>Chinese (Simplified)</p>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav></div>
|
|||
|
|
</section>
|
|||
|
|
<section class="content maxwidth legal">
|
|||
|
|
<div class="grid clearfix">
|
|||
|
|
<nav>
|
|||
|
|
<a href="/en_US/legal-notices/index.xhtml">Legal Notices</a>
|
|||
|
|
<a href="/en_US/privacy-center/index.xhtml">Privacy</a>
|
|||
|
|
<a href="/en_US/privacy-statement/index.xhtml#section-3e">CCPA NOTICE AT COLLECTION</a>
|
|||
|
|
<a href="/en_US/verisign-repository/index.xhtml">Repository</a>
|
|||
|
|
<a href="/en_US/site-map/index.xhtml">Site Map</a>
|
|||
|
|
<a href="javascript:;" class="optanon-toggle-display">Cookie Settings</a>
|
|||
|
|
</nav></div>
|
|||
|
|
</section>
|
|||
|
|
<section class="content maxwidth copyright">
|
|||
|
|
<div class="grid clearfix">
|
|||
|
|
<p>© 2022 VeriSign, Inc. All rights reserved. </p>
|
|||
|
|
<p>VERISIGN, the VERISIGN logo, and other trademarks, service marks, and designs are registered or unregistered trademarks of VeriSign, Inc. and its subsidiaries in the United States and in other countries.</p>
|
|||
|
|
<p>All other trademarks are property of their respective owners.</p></div>
|
|||
|
|
</section>
|
|||
|
|
</footer>
|
|||
|
|
<script type="application/ld+json">{"@context": "http://schema.org",
|
|||
|
|
"@type": "Organization",
|
|||
|
|
"name": "Verisign",
|
|||
|
|
"url": "https://www.verisign.com/en_US/",
|
|||
|
|
"logo": "https://www.verisign.com/en_US/resources/img/logo.png",
|
|||
|
|
"telephone": "+1-703-948-3200",
|
|||
|
|
"address": {
|
|||
|
|
"@context": "http://schema.org",
|
|||
|
|
"@type": "PostalAddress",
|
|||
|
|
"streetAddress": "12061 Bluemont Way",
|
|||
|
|
"addressLocality": "Reston",
|
|||
|
|
"addressRegion": "VA"
|
|||
|
|
},
|
|||
|
|
"sameAs": [
|
|||
|
|
"https://www.facebook.com/Verisign",
|
|||
|
|
"https://twitter.com/VERISIGN",
|
|||
|
|
"http://www.linkedin.com/company/verisign",
|
|||
|
|
"https://www.pinterest.com/verisign/"
|
|||
|
|
]
|
|||
|
|
}</script>
|
|||
|
|
<script type="application/ld+json">
|
|||
|
|
{"@context":"http://schema.org",
|
|||
|
|
"@type":"WebSite",
|
|||
|
|
"url":"https://www.verisign.com/en_US/",
|
|||
|
|
"potentialAction":{"@type":"SearchAction",
|
|||
|
|
"target":"https://www.verisign.com/en_US/search/index.xhtml?q={search_term_string}",
|
|||
|
|
"query-input":"required name=search_term_string"
|
|||
|
|
}
|
|||
|
|
}</script>
|
|||
|
|
<script type="text/javascript" src="/en_US/resources/js/main.js"></script>
|
|||
|
|
<script type="text/javascript" defer="true" src="/en_US/resources/js/features.js"></script>
|
|||
|
|
<script type="text/javascript" defer="true">
|
|||
|
|
/* <![CDATA[ */
|
|||
|
|
/*jshint ignore: start*/
|
|||
|
|
$(function() {
|
|||
|
|
|
|||
|
|
var getLocalizedXOffset1 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="zh_CN") {
|
|||
|
|
offset=660;
|
|||
|
|
} else if(locale==="tr_TR"){
|
|||
|
|
offset=630;
|
|||
|
|
} else if(locale==="pt_BR"){
|
|||
|
|
offset=581;
|
|||
|
|
} else if(locale==="es_LA"){
|
|||
|
|
offset=576;
|
|||
|
|
} else {
|
|||
|
|
offset=600;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
var getLocalizedXOffset2 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="zh_CN") {
|
|||
|
|
offset=293;
|
|||
|
|
} else if(locale==="tr_TR"){
|
|||
|
|
offset=224;
|
|||
|
|
} else if(locale==="pt_BR"){
|
|||
|
|
offset=212;
|
|||
|
|
} else if(locale==="es_LA"){
|
|||
|
|
offset=241;
|
|||
|
|
} else {
|
|||
|
|
offset=233;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
var getLocalizedXOffset3 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="zh_CN") {
|
|||
|
|
offset=483;
|
|||
|
|
} else if(locale==="tr_TR"){
|
|||
|
|
offset=405;
|
|||
|
|
} else if(locale==="pt_BR"){
|
|||
|
|
offset=418;
|
|||
|
|
} else if(locale==="es_LA"){
|
|||
|
|
offset=419;
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
offset=429;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
var getLocalizedXOffset4 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="zh_CN") {
|
|||
|
|
offset=689;
|
|||
|
|
} else if(locale==="pt_BR"){
|
|||
|
|
offset=619;
|
|||
|
|
} else {
|
|||
|
|
offset=624;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
var getLocalizedXOffset5 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="zh_CN") {
|
|||
|
|
offset=736;
|
|||
|
|
} else if(locale==="es_LA"){
|
|||
|
|
offset=749;
|
|||
|
|
} else {
|
|||
|
|
offset=722;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
var getLocalizedYOffset1 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="tr_TR") {
|
|||
|
|
offset=83;
|
|||
|
|
} else if(locale==="pt_BR"){
|
|||
|
|
offset=83;
|
|||
|
|
} else {
|
|||
|
|
offset=91;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
var getLocalizedYOffset3 = function() {
|
|||
|
|
var locale ="en_US";
|
|||
|
|
var offset;
|
|||
|
|
|
|||
|
|
if(locale==="tr_TR") {
|
|||
|
|
offset=113;
|
|||
|
|
} else if(locale==="pt_BR"){
|
|||
|
|
offset=113;
|
|||
|
|
} else {
|
|||
|
|
offset=121;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
};
|
|||
|
|
// cache assets
|
|||
|
|
var html = $('html');
|
|||
|
|
var viewport = $(window);
|
|||
|
|
var pipes = $('#bg_1, #bg_2');
|
|||
|
|
var para_nav = $('#para_nav');
|
|||
|
|
var intent = $('.intent');
|
|||
|
|
var slides = $('.slide');
|
|||
|
|
var one_b = $('#one_b');
|
|||
|
|
var two = $('#two');
|
|||
|
|
var two_b = $('#two_b');
|
|||
|
|
var three = $('#three');
|
|||
|
|
var four = $('#four');
|
|||
|
|
var five = $('#five');
|
|||
|
|
var six = $('#six');
|
|||
|
|
|
|||
|
|
var one_h = $('.slide#one').outerHeight();
|
|||
|
|
var one_b_h = $('.slide#one_b').outerHeight();
|
|||
|
|
var two_h = $('.slide#two').outerHeight();
|
|||
|
|
var two_b_h = $('.slide#two_b').outerHeight();
|
|||
|
|
var three_h = $('.slide#three').outerHeight();
|
|||
|
|
var four_h = $('.slide#four').outerHeight();
|
|||
|
|
var five_h = $('.slide#five').outerHeight();
|
|||
|
|
|
|||
|
|
para_nav.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 15 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
para_nav.on('click', 'a', function() {
|
|||
|
|
$(this).addClass('cur').siblings().removeClass('cur');
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// NAV
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
para_nav_0 = para_nav.find('a').eq(0);
|
|||
|
|
para_nav_1 = para_nav.find('a').eq(1);
|
|||
|
|
para_nav_2 = para_nav.find('a').eq(2);
|
|||
|
|
para_nav_3 = para_nav.find('a').eq(3);
|
|||
|
|
para_nav_4 = para_nav.find('a').eq(4);
|
|||
|
|
para_nav_5 = para_nav.find('a').eq(5);
|
|||
|
|
para_nav_6 = para_nav.find('a').eq(6);
|
|||
|
|
para_nav_7 = para_nav.find('a').eq(7);
|
|||
|
|
|
|||
|
|
if (!html.hasClass('iosandroid')) {
|
|||
|
|
|
|||
|
|
para_nav_0.on('click',function() {
|
|||
|
|
nav_target = 380;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_1.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + 2550;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_2.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + one_b_h + 1550;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_3.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + one_b_h + two_h + 500;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_4.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + one_b_h + two_h + two_b_h + 1650;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_5.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + one_b_h + two_h + two_b_h + three_h + 1650;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_6.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + one_b_h + two_h + two_b_h + three_h + four_h + 1650;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
w_width = viewport.width();
|
|||
|
|
xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
self.css('right', xPos_adj + 13 + 'px');
|
|||
|
|
});
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_7.on('click',function() {
|
|||
|
|
nav_target = 124 + one_h + one_b_h + two_h + two_b_h + three_h + four_h + five_h + 400;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
|
|||
|
|
para_nav_0.on('click',function() {
|
|||
|
|
nav_target = 124;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_1.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_2.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h + one_b_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_3.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h + one_b_h + two_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_4.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h + one_b_h + two_h + two_b_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_5.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h + one_b_h + two_h + two_b_h + three_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_6.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h + one_b_h + two_h + two_b_h + three_h + four_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
intent.show();
|
|||
|
|
});
|
|||
|
|
para_nav_7.on('click',function() {
|
|||
|
|
nav_target = 132 + one_h + one_b_h + two_h + two_b_h + three_h + four_h + five_h;
|
|||
|
|
viewport.scrollTop(nav_target);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// PIPES
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
pipes.each(function() {
|
|||
|
|
$(this).data('Xposition', $(this).attr('data-Xposition'));
|
|||
|
|
$(this).data('speed', $(this).attr('data-speed'));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SCROLLING DEPENDENT
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
function parallax_one() {
|
|||
|
|
|
|||
|
|
var w_width = viewport.width();
|
|||
|
|
var xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
|
|||
|
|
para_nav.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
self.css('right', xPos_adj + 15 + 'px');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
slides.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + (viewport.height() / 4)) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
var current_slide = self.index();
|
|||
|
|
$('#para_nav a').eq(current_slide).addClass('cur').siblings().removeClass('cur');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function parallax_two() {
|
|||
|
|
|
|||
|
|
if (!html.hasClass('iosandroid')) {
|
|||
|
|
|
|||
|
|
intent.delay(5000).fadeOut(1000);
|
|||
|
|
|
|||
|
|
// difference between window and site width - added to all x-positioned elements
|
|||
|
|
var w_width = viewport.width();
|
|||
|
|
var xPos_adj = (w_width > 960) ? (w_width - 960) / 2 : 14;
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// PIPES
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
pipes.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
yPos = -(viewport.scrollTop() / self.data('speed'));
|
|||
|
|
coords = '50% ' + yPos + 'px';
|
|||
|
|
self.css({backgroundPosition: coords});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE ONE B
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
one_b.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
// get position
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var title = $('.title', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var icon = $('.icon', self);
|
|||
|
|
var connector = $('.connector', self);
|
|||
|
|
var query = $('.query', self);
|
|||
|
|
var box = $('.text_box', self);
|
|||
|
|
var bubble = $('.bubble', self);
|
|||
|
|
var factoid = $('.factoid', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
title.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
yPos = to_fold;
|
|||
|
|
coord = xPos_adj + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 0 && to_fold > -4300) {
|
|||
|
|
yPos = 0;
|
|||
|
|
coord = xPos_adj + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -4301) {
|
|||
|
|
yPos = 0 + (to_fold + 4300);
|
|||
|
|
coord = xPos_adj + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > 0) {
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = -5;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 1 && to_fold > -1400) {
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = -(to_fold / 10.5);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1401) {
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
icon.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * .586);
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1001 && to_fold > -4301) {
|
|||
|
|
xPos = xPos_adj + 672;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -4301) {
|
|||
|
|
xPos = xPos_adj + 672;
|
|||
|
|
yPos = 127 + (to_fold + 4300);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = getLocalizedYOffset1(), xPos, coord;
|
|||
|
|
|
|||
|
|
xPos = xPos_adj + getLocalizedXOffset1();
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
if (to_fold < -2200 && to_fold > -3300) {
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
box.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -501 && to_fold > -1200) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * 1.131);
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1201 && to_fold > -4301) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -4301) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 329 + (to_fold + 4300);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
connector.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1500 || to_fold < -4301) {
|
|||
|
|
xPos = xPos_adj + 672;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1501 && to_fold > -2200) {
|
|||
|
|
xPos = xPos_adj + 672 + ((to_fold + 1500) * .78);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2201 && to_fold > -3800) {
|
|||
|
|
xPos = 129 + xPos_adj - 257;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -3801 && to_fold > -4300) {
|
|||
|
|
xPos = 129 + xPos_adj - 257 + ((to_fold + 3801) * 1.086);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -2800) {
|
|||
|
|
xPos = 129 + xPos_adj + 543;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2801 && to_fold > -3800) {
|
|||
|
|
xPos = 129 + xPos_adj + 543 + ((to_fold + 2800) * .571);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else {
|
|||
|
|
xPos = 129 + xPos_adj - 257;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
factoid.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
if (to_fold < -4500) {
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE TWO
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
two.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var title = $('.title', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var icon = $('.icon', self);
|
|||
|
|
var icon_two = $('.icon_two', self);
|
|||
|
|
var connector = $('.connector', self);
|
|||
|
|
var query = $('.query', self);
|
|||
|
|
var query_2 = $('.query_2', self);
|
|||
|
|
var box = $('.text_box', self);
|
|||
|
|
var bubble = $('.bubble', self);
|
|||
|
|
var bubble_2 = $('.bubble_2', self);
|
|||
|
|
var factoid = $('.factoid', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
title.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
yPos = to_fold;
|
|||
|
|
coord = xPos_adj - 960 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 0 && to_fold > -3400) {
|
|||
|
|
yPos = 0;
|
|||
|
|
coord = xPos_adj - 960 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -3401) {
|
|||
|
|
yPos = 0 + (to_fold + 3401);
|
|||
|
|
coord = xPos_adj - 960 + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135;
|
|||
|
|
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 100, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -200 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 4;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 121, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -1900 && to_fold > -2600) {
|
|||
|
|
xPos = xPos_adj + getLocalizedXOffset2();
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord}, function() {
|
|||
|
|
});
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
icon.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * 1.34);
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1001 && to_fold > -3400) {
|
|||
|
|
xPos = xPos_adj + 291;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -3401) {
|
|||
|
|
xPos = xPos_adj + 291;
|
|||
|
|
yPos = 127 + (to_fold + 3400);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
icon_two.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 127, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1900) {
|
|||
|
|
sprite.hide();
|
|||
|
|
} else if (to_fold < -1901 && to_fold > -2200) {
|
|||
|
|
xPos = xPos_adj + 291;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else if (to_fold < -2201 && to_fold > -2500) {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
} else if (to_fold < -2501) {
|
|||
|
|
sprite.hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
box.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 408;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move in from right
|
|||
|
|
else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * 1.584);
|
|||
|
|
yPos = 408;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -1001 && to_fold > -3400) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 408;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move up
|
|||
|
|
else if (to_fold < -3401) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 408 + (to_fold + 3400);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
connector.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// minimized
|
|||
|
|
if (to_fold > -500 || to_fold < -3201) {
|
|||
|
|
xPos = 129 + xPos_adj - 801;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// expanding
|
|||
|
|
else if (to_fold < -501 && to_fold > -1200) {
|
|||
|
|
xPos = 129 + xPos_adj - 801 - ((to_fold + 500) * .324);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// maximized
|
|||
|
|
else if (to_fold < -1201 && to_fold > -2700) {
|
|||
|
|
xPos = 129 + xPos_adj - 639;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// contracting
|
|||
|
|
else if (to_fold < -2701 && to_fold > -3200) {
|
|||
|
|
xPos = 129 + xPos_adj - 639 + ((to_fold + 2701) * .324);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// back to minimize
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1400) {
|
|||
|
|
xPos = xPos_adj + 101;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1401 && to_fold > -1900) {
|
|||
|
|
xPos = xPos_adj + 101 - ((to_fold + 1400) * .378);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1901) {
|
|||
|
|
xPos = xPos_adj + 318;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -2400) {
|
|||
|
|
xPos = xPos_adj + 291;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2401 && to_fold > -2900) {
|
|||
|
|
xPos = xPos_adj + 291 + ((to_fold + 2400) * .492);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2901) {
|
|||
|
|
xPos = xPos_adj + 45;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
factoid.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
if (to_fold < -3400) {
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE TWO_B
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
two_b.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var title = $('.title', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var connector = $('.connector', self);
|
|||
|
|
var server_map = $('.server_map', self);
|
|||
|
|
var server_map_text = $('.server_map_text', self);
|
|||
|
|
var server_map_content = $('.server_map_content', self);
|
|||
|
|
var map_comp = $('.map_comp', self);
|
|||
|
|
var map_dot = $('.map_dot', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
title.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
yPos = to_fold;
|
|||
|
|
coord = xPos_adj - 1920 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 0 && to_fold > -2800) {
|
|||
|
|
yPos = 0;
|
|||
|
|
coord = xPos_adj - 1920 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2801) {
|
|||
|
|
yPos = 0 + (to_fold + 2801);
|
|||
|
|
coord = xPos_adj - 1920 + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135;
|
|||
|
|
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server_map.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 87 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < 0 && to_fold > -2800) {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 87;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 87 + (to_fold + 2800);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
map_comp.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 438;
|
|||
|
|
yPos = 187 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.hide();
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -501 && to_fold > -2800) {
|
|||
|
|
xPos = xPos_adj + 438;
|
|||
|
|
yPos = 187;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.show();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 438;
|
|||
|
|
yPos = 187 + (to_fold + 2800);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
map_dot.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 380;
|
|||
|
|
yPos = 199 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.hide();
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -1001 && to_fold > -2800) {
|
|||
|
|
xPos = xPos_adj + 380;
|
|||
|
|
yPos = 199;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.show();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 380;
|
|||
|
|
yPos = 199 + (to_fold + 2800);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
connector.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// minimized
|
|||
|
|
if (to_fold > -1601 || to_fold < -3201) {
|
|||
|
|
xPos = 383 + xPos_adj - 801;
|
|||
|
|
yPos = 201;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// expanding
|
|||
|
|
else if (to_fold < -1601 && to_fold > -2800) {
|
|||
|
|
xPos = xPos_adj - 418 - ((to_fold + 1600) * .078);
|
|||
|
|
yPos = 201;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj - 340;
|
|||
|
|
yPos = 201 + (to_fold + 2800);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server_map_text.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
xPos = xPos_adj + 692;
|
|||
|
|
yPos = 87 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < 0 && to_fold > -2800) {
|
|||
|
|
xPos = xPos_adj + 692;
|
|||
|
|
yPos = 87;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 692;
|
|||
|
|
yPos = 87 + (to_fold + 2800);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server_map_content.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 465 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < 0 && to_fold > -2800) {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 465;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 465 + (to_fold + 2800);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE THREE
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
three.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var title = $('.title', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var icon = $('.icon', self);
|
|||
|
|
var icon_two = $('.icon_two', self);
|
|||
|
|
var connector = $('.connector', self);
|
|||
|
|
var query = $('.query', self);
|
|||
|
|
var query_2 = $('.query_2', self);
|
|||
|
|
var box = $('.text_box', self);
|
|||
|
|
var bubble = $('.bubble', self);
|
|||
|
|
var bubble_2 = $('.bubble_2', self);
|
|||
|
|
var factoid = $('.factoid', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
title.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
yPos = to_fold;
|
|||
|
|
coord = xPos_adj - 2880 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 0 && to_fold > -3400) {
|
|||
|
|
yPos = 0;
|
|||
|
|
coord = xPos_adj - 2880 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -3401) {
|
|||
|
|
yPos = 0 + (to_fold + 3401);
|
|||
|
|
coord = xPos_adj - 2880 + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135;
|
|||
|
|
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 100, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -200 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 4;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = getLocalizedYOffset3(), xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -1900 && to_fold > -2600) {
|
|||
|
|
xPos = xPos_adj + getLocalizedXOffset3();
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord}, function() {
|
|||
|
|
});
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
icon.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos, xPos, coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 961 + ((to_fold + 500) * .882);
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1001 && to_fold > -3400) {
|
|||
|
|
xPos = xPos_adj + 520;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -3401) {
|
|||
|
|
xPos = xPos_adj + 520;
|
|||
|
|
yPos = 127 + (to_fold + 3400);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
icon_two.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 127, xPos = 520, coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -2000 && to_fold > -2500) {
|
|||
|
|
xPos += xPos_adj;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.fadeIn(150);
|
|||
|
|
} else {
|
|||
|
|
xPos += xPos_adj;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.fadeOut(150);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
box.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move in from right
|
|||
|
|
else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * 1.584);
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -1001 && to_fold > -3400) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move up
|
|||
|
|
else if (to_fold < -3401) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 329 + (to_fold + 3400);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
connector.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// minimized
|
|||
|
|
if (to_fold > -500 || to_fold < -3301) {
|
|||
|
|
xPos = 129 + xPos_adj - 801;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// expanding
|
|||
|
|
else if (to_fold < -501 && to_fold > -1200) {
|
|||
|
|
xPos = 129 + xPos_adj - 801 - ((to_fold + 500) * .556);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// maximized
|
|||
|
|
else if (to_fold < -1201 && to_fold > -2700) {
|
|||
|
|
xPos = 129 + xPos_adj - 410;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// contracting
|
|||
|
|
else if (to_fold < -2701 && to_fold > -3300) {
|
|||
|
|
xPos = 129 + xPos_adj - 440 + ((to_fold + 2701) * .649);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// back to minimize
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1400) {
|
|||
|
|
xPos = xPos_adj + 45;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1401 && to_fold > -1900) {
|
|||
|
|
xPos = xPos_adj + 45 - ((to_fold + 1400) * .95);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1901) {
|
|||
|
|
xPos = xPos_adj + 520;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -2400) {
|
|||
|
|
xPos = xPos_adj + 520;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2401 && to_fold > -2900) {
|
|||
|
|
xPos = xPos_adj + 520 + ((to_fold + 2400) * 1.324);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2901) {
|
|||
|
|
xPos = xPos_adj - 142;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
factoid.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
if (to_fold < -3500) {
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE FOUR
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
four.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var title = $('.title', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var icon = $('.icon', self);
|
|||
|
|
var connector = $('.connector', self);
|
|||
|
|
var query = $('.query', self);
|
|||
|
|
var query_2 = $('.query_2', self);
|
|||
|
|
var box = $('.text_box', self);
|
|||
|
|
var bubble = $('.bubble', self);
|
|||
|
|
var bubble_2 = $('.bubble_2', self);
|
|||
|
|
var factoid = $('.factoid', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
title.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
yPos = to_fold;
|
|||
|
|
coord = xPos_adj - 3840 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 0 && to_fold > -4600) {
|
|||
|
|
yPos = 0;
|
|||
|
|
coord = xPos_adj - 3840 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -4601) {
|
|||
|
|
yPos = 0 + (to_fold + 4601);
|
|||
|
|
coord = xPos_adj - 3840 + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
server.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135;
|
|||
|
|
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
bubble.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 100;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -200 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 4;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
sprite.fadeIn(150);
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut(150);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 91;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -1900 && to_fold > -2600) {
|
|||
|
|
xPos = xPos_adj + getLocalizedXOffset4();
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord}, function() {
|
|||
|
|
});
|
|||
|
|
sprite.fadeIn(150);
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut(150);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
icon.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 961 + ((to_fold + 500) * .568);
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1001 && to_fold > -4600) {
|
|||
|
|
xPos = xPos_adj + 676;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -4601) {
|
|||
|
|
xPos = xPos_adj + 676;
|
|||
|
|
yPos = 127 + (to_fold + 4600);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
box.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move in from right
|
|||
|
|
else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * 1.584);
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -1001 && to_fold > -4600) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 329;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move up
|
|||
|
|
else if (to_fold < -4601) {
|
|||
|
|
xPos = xPos_adj + 168;
|
|||
|
|
yPos = 329 + (to_fold + 4600);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
connector.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// minimized
|
|||
|
|
if (to_fold > -500 || to_fold < -3501) {
|
|||
|
|
xPos = 129 + xPos_adj - 801;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// expanding
|
|||
|
|
else if (to_fold < -501 && to_fold > -1200) {
|
|||
|
|
xPos = 129 + xPos_adj - 801 - ((to_fold + 500) * .778);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// maximized
|
|||
|
|
else if (to_fold < -1201 && to_fold > -2800) {
|
|||
|
|
xPos = 129 + xPos_adj - 254;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// contracting
|
|||
|
|
else if (to_fold < -2801 && to_fold > -3500) {
|
|||
|
|
xPos = 129 + xPos_adj - 254 + ((to_fold + 2801) * .778);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// back to minimize
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1400) {
|
|||
|
|
xPos = xPos_adj - 142;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1401 && to_fold > -1900) {
|
|||
|
|
xPos = xPos_adj - 142 - ((to_fold + 1400) * 1.636);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1901) {
|
|||
|
|
xPos = xPos_adj + 677;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -2400) {
|
|||
|
|
xPos = xPos_adj + 677;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2401 && to_fold > -2900) {
|
|||
|
|
xPos = xPos_adj + 677 + ((to_fold + 2400) * 2.05);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2901) {
|
|||
|
|
xPos = xPos_adj - 350;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
factoid.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
if (to_fold < -3700) {
|
|||
|
|
sprite.fadeIn();
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE FIVE
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
five.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var title = $('.title', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var icon = $('.icon', self);
|
|||
|
|
var connector = $('.connector', self);
|
|||
|
|
var query = $('.query', self);
|
|||
|
|
var query_2 = $('.query_2', self);
|
|||
|
|
var box = $('.text_box', self);
|
|||
|
|
var bubble = $('.bubble', self);
|
|||
|
|
var bubble_2 = $('.bubble_2', self);
|
|||
|
|
var success = $('.success', self);
|
|||
|
|
var success_shot = $('.success_shot', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
title.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
yPos = to_fold;
|
|||
|
|
coord = xPos_adj - 4800 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < 0 && to_fold > -5000) {
|
|||
|
|
yPos = 0;
|
|||
|
|
coord = xPos_adj - 4800 + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -5001) {
|
|||
|
|
yPos = 0 + (to_fold + 5001);
|
|||
|
|
coord = xPos_adj - 4800 + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
server.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -3500) {
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -3501 && to_fold > -4200) {
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 135 - (to_fold + 3501) * .342;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.show();
|
|||
|
|
} else if (to_fold < -4201) {
|
|||
|
|
xPos = xPos_adj + 72;
|
|||
|
|
yPos = 366;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
icon.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 961 + ((to_fold + 500) * .568);
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1001 && to_fold > -5000) {
|
|||
|
|
xPos = xPos_adj + 676;
|
|||
|
|
yPos = 127;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -5001) {
|
|||
|
|
xPos = xPos_adj + 676;
|
|||
|
|
yPos = 127 + (to_fold + 5000);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
success.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -1) {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 293 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < 0 && to_fold > -5000) {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 293;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 15;
|
|||
|
|
yPos = 293 + (to_fold + 5000);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
success_shot.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -4200) {
|
|||
|
|
xPos = xPos_adj + 133;
|
|||
|
|
yPos = 335 + to_fold;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.hide();
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -4201 && to_fold > -5000) {
|
|||
|
|
xPos = xPos_adj + 133;
|
|||
|
|
yPos = 335;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.fadeIn(150);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
xPos = xPos_adj + 133;
|
|||
|
|
yPos = 335 + (to_fold + 5000);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
bubble.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 100;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -200 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 4;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
sprite.fadeIn(150);
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut(150);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
bubble_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos = 91;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold < -1900 && to_fold > -2600) {
|
|||
|
|
xPos = xPos_adj + getLocalizedXOffset5();
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
sprite.css({backgroundPosition: coord}, function() {
|
|||
|
|
});
|
|||
|
|
sprite.fadeIn(150);
|
|||
|
|
} else {
|
|||
|
|
sprite.fadeOut(150);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
box.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// out of view
|
|||
|
|
if (to_fold > -500) {
|
|||
|
|
xPos = xPos_adj + 961;
|
|||
|
|
yPos = 293;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move in from right
|
|||
|
|
else if (to_fold < -501 && to_fold > -1000) {
|
|||
|
|
xPos = xPos_adj + 960 + ((to_fold + 500) * 1.294);
|
|||
|
|
yPos = 293;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// freeze
|
|||
|
|
else if (to_fold < -1001 && to_fold > -5000) {
|
|||
|
|
xPos = xPos_adj + 314;
|
|||
|
|
yPos = 293;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// move up
|
|||
|
|
else if (to_fold < -5001) {
|
|||
|
|
xPos = xPos_adj + 314;
|
|||
|
|
yPos = 293 + (to_fold + 5000);
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
connector.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
// minimized
|
|||
|
|
if (to_fold > -500 || to_fold < -3401) {
|
|||
|
|
xPos = 129 + xPos_adj - 801;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// expanding
|
|||
|
|
else if (to_fold < -501 && to_fold > -1200) {
|
|||
|
|
xPos = 129 + xPos_adj - 801 - ((to_fold + 500) * .778);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// maximized
|
|||
|
|
else if (to_fold < -1201 && to_fold > -2800) {
|
|||
|
|
xPos = 129 + xPos_adj - 254;
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// contracting
|
|||
|
|
else if (to_fold < -2801 && to_fold > -3400) {
|
|||
|
|
xPos = 129 + xPos_adj - 254 + ((to_fold + 2801) * .907);
|
|||
|
|
yPos = 168;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
// back to minimize
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -1400) {
|
|||
|
|
xPos = xPos_adj - 349;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1401 && to_fold > -1900) {
|
|||
|
|
xPos = xPos_adj - 349 - ((to_fold + 1400) * 2.062);
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -1901) {
|
|||
|
|
xPos = xPos_adj + 897;
|
|||
|
|
yPos = 160;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
query_2.each(function() {
|
|||
|
|
var sprite = $(this);
|
|||
|
|
|
|||
|
|
var yPos;
|
|||
|
|
var xPos;
|
|||
|
|
var coord;
|
|||
|
|
|
|||
|
|
if (to_fold > -2400) {
|
|||
|
|
xPos = xPos_adj + 129 + 636;
|
|||
|
|
yPos = 141;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2401 && to_fold > -2900) {
|
|||
|
|
xPos = xPos_adj + 677 + ((to_fold + 2400) * 1.272);
|
|||
|
|
yPos = 141;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
} else if (to_fold < -2901) {
|
|||
|
|
xPos = xPos_adj + 40;
|
|||
|
|
yPos = 141;
|
|||
|
|
coord = xPos + 'px ' + yPos + 'px';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
sprite.css({backgroundPosition: coord});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
// SLIDE SIX
|
|||
|
|
//////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
six.each(function() {
|
|||
|
|
var self = $(this);
|
|||
|
|
|
|||
|
|
offsetCoords = self.offset(),
|
|||
|
|
topOffset = offsetCoords.top,
|
|||
|
|
to_fold = topOffset - viewport.scrollTop();
|
|||
|
|
|
|||
|
|
//cache assets
|
|||
|
|
var html = $('html');
|
|||
|
|
var servers_host = $('.servers_host', self);
|
|||
|
|
var servers_gtld = $('.servers_gtld', self);
|
|||
|
|
var text_fast = $('.text_fast', self);
|
|||
|
|
var server = $('.server', self);
|
|||
|
|
var flipper = $('.flipper', self);
|
|||
|
|
var servers_root = $('.servers_root', self);
|
|||
|
|
var screenshot = $('.icon div', self);
|
|||
|
|
|
|||
|
|
if ((viewport.scrollTop() + viewport.height()) > (topOffset) &&
|
|||
|
|
((topOffset + self.height()) > viewport.scrollTop())) {
|
|||
|
|
|
|||
|
|
if (to_fold < 100) {
|
|||
|
|
|
|||
|
|
if (html.hasClass('cssanimations')) {
|
|||
|
|
self.addClass('end');
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
if (!self.hasClass('one_time')) {
|
|||
|
|
|
|||
|
|
text_fast.delay(5000).fadeOut(200, function() {
|
|||
|
|
flipper.animate({left: '401px'}, 200, function() {
|
|||
|
|
servers_root.delay(500).fadeOut(200, function() {
|
|||
|
|
servers_gtld.fadeIn(200, function() {
|
|||
|
|
servers_gtld.delay(500).fadeOut(200, function() {
|
|||
|
|
servers_host.fadeIn(200, function() {
|
|||
|
|
servers_host.delay(500).fadeOut(200, function() {
|
|||
|
|
text_fast.fadeIn(200);
|
|||
|
|
server.animate({left: '199px'}, 200, function() {
|
|||
|
|
screenshot.fadeIn(200);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
server.animate({left: '+=100'}, 200);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
self.addClass('one_time');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
} // end if for mobile
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
viewport.scroll(function() {
|
|||
|
|
parallax_one();
|
|||
|
|
parallax_two();
|
|||
|
|
var second_h = $('.second').height();
|
|||
|
|
if (viewport.scrollTop() > 350 && viewport.scrollTop() < second_h) {
|
|||
|
|
para_nav.show();
|
|||
|
|
} else {
|
|||
|
|
para_nav.hide();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
parallax_one();
|
|||
|
|
parallax_two();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Chrome v45-46 has a bug within slimming-paint feature which breaks page
|
|||
|
|
// Display mobile version for these browsers
|
|||
|
|
$(function(){
|
|||
|
|
if (navigator.userAgent.indexOf("Chrome") !== -1){
|
|||
|
|
var version = parseInt(navigator.appVersion,10);
|
|||
|
|
if ((version === 45 || version === 46) && 'true' === 'true'){
|
|||
|
|
$('.lax_container,.lax_container_mobile').addClass('chromefix');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
/* ]]> */
|
|||
|
|
</script>
|
|||
|
|
<script type="text/javascript" src="/onetrust/scripttemplates/otSDKStub.js" data-domain-script="51830805-5d0b-4714-b341-130e1ef96d80" defer="true" data-document-language="true"></script>
|
|||
|
|
<script type="text/plain" src="//siteimproveanalytics.com/js/siteanalyze_22308.js" class="optanon-category-C0002" defer="true"></script>
|
|||
|
|
<script type="text/plain" src="/en_US/resources/js/salesforce-chat.js" class="optanon-category-C0003" defer="true"></script><!--2-->
|
|||
|
|
|
|||
|
|
<script type="text/javascript"> if (self === top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; }
|
|||
|
|
</script><script type="text/javascript">/*<![CDATA[*/$(function(){"use strict";var r=[(void 0!==window.__js_prefix_path__?window.__js_prefix_path__:"")+"/en_US/resources/js/domain-search/search.js"];$.when.apply($,$.map(r,function(r){return $.getScript(r)})).done(function(){$(".domain-search").domainsearch({})}).fail(function(){$.error("error initiating domain search")})});/*]]>*/</script><script type="text/javascript">!function(){"use strict";$((function(){$(".share .toggle").on("click",(function(){var n=$(this);n.parent().find(".hidden").removeClass("hidden"),n.addClass("hidden")}))}))}();
|
|||
|
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjAiXSwibmFtZXMiOlsiJCIsIm9uIiwidG9nZ2xlIiwidGhpcyIsInBhcmVudCIsImZpbmQiLCJyZW1vdmVDbGFzcyIsImFkZENsYXNzIl0sIm1hcHBpbmdzIjoiQ0FHQyxXQUNHLGFBQ0FBLEdBQUUsV0FDRUEsRUFBRSxrQkFBa0JDLEdBQUcsU0FBUyxXQUM1QixJQUFJQyxFQUFTRixFQUFFRyxNQUNmRCxFQUFPRSxTQUFTQyxLQUFLLFdBQVdDLFlBQVksVUFDNUNKLEVBQU9LLFNBQVMsZ0JBTjVCIn0=</script><script type="text/javascript">!function(){"use strict";$((function(){$(".share .toggle").on("click",(function(){var n=$(this);n.parent().find(".hidden").removeClass("hidden"),n.addClass("hidden")}))}))}();
|
|||
|
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjAiXSwibmFtZXMiOlsiJCIsIm9uIiwidG9nZ2xlIiwidGhpcyIsInBhcmVudCIsImZpbmQiLCJyZW1vdmVDbGFzcyIsImFkZENsYXNzIl0sIm1hcHBpbmdzIjoiQ0FHQyxXQUNHLGFBQ0FBLEdBQUUsV0FDRUEsRUFBRSxrQkFBa0JDLEdBQUcsU0FBUyxXQUM1QixJQUFJQyxFQUFTRixFQUFFRyxNQUNmRCxFQUFPRSxTQUFTQyxLQUFLLFdBQVdDLFlBQVksVUFDNUNKLEVBQU9LLFNBQVMsZ0JBTjVCIn0=</script><script type="text/javascript">/*<![CDATA[*/$(window).on("load",function(){$.getScript("https://assets.adobedtm.com/launch-ENe2aa6ea7d6c04b1284156f60a684dc29.min.js",function(){window._satellite.pageBottom()})});/*]]>*/</script></body>
|
|||
|
|
|
|||
|
|
</html>
|