Neil Armstrong y el salto que puso a la humanidad en el espacio

@charset "utf-8"; .zero-p{ padding:0!important; margin:0!important; } .bold{ font-weight: 600; }.font-block { /* font-family : "Guardian Sans"; */font-size : 35px; line-height:37px; margin:9px; display:block; text-align: center; font-weight: 100;}#DIVISOR-1-TEXTO-1 p{ font-size: 50px; line-height: 58px; font-weight: 100; color : #000000; color : rgb(0, 0, 0);}#DIVISOR-2-TEXTO-1 p{ font-size: 38px; line-height: 50px; font-weight: 100; color : #FFFFFF; color : rgb(255, 255, 255);}#DIVISOR-3-TEXTO-1 p{ color : #FFFFFF; color : rgb(255, 255, 255); font-size: 38px; line-height: 50px; font-weight: 100;}#DIVISOR-4-TEXTO-1 p{ color : #000000; color : rgb(0, 0, 0); font-size: 38px; line-height: 50px; font-weight: 100;}#DIVISOR-0-TEXTO-1 p{ font-family: "Guardian TextEgyp", serif; font-size: 42px; line-height:48px; font-weight:600; color: #E5960A; color: rgb(229, 150, 10);}#DIVISOR-0-TEXTO-1{ width: 70%; margin: 68px auto;}#DIVISOR-0-TEXTO-2 p{ font-family : "Guardian TextEgyp", serif; font-size : 26px; line-height:29px; color : #FFFFFF; color : rgb(255, 255, 255); text-align: center; } #DIVISOR-0-TEXTO-2{ width: 76%; margin: 48px auto;}#DIVISOR-ARMSTRONG-TEXTO-1 p{ font-size: 38px; line-height: 50px; color: rgb(255, 255, 255); font-weight: 100;}#DIVISOR-5-TEXTO-1 p{ font-size : 15px; color : #FFFFFF; color : rgb(255, 255, 255); text-align: center;}#ASTRONAUTA{ position : relative ; left : 0px; margin:0; padding:0;}.FONDO-1{ background-image: url(http://www.3.80.3.65/wp-content/uploads/2018/07/FONDO-1.jpeg); background-repeat: repeat; background-attachment: inherit; background-position: center bottom;} #DIVISOR-5{border-top:12px solid #84817E; position : relative; height : 940px; width:100%; margin:auto;overflow: hidden;}#DIVISOR-4{border-top:12px solid #84817E; position : relative; width:100%; margin:auto;overflow: hidden;} #DIVISOR-3{border-top:12px solid #84817E; position : relative; width:100%; margin:auto;overflow: hidden;}#DIVISOR-2{border-top:12px solid #84817E; position : relative; height : 964px; width:100%; margin:auto;overflow: hidden;}#DIVISOR-1{border-top:12px solid #84817E; position : relative; height : auto; width:100%; margin:0 auto;overflow: hidden;}#DIVISOR-0{border-top:0px solid #84817E; position : relative; width : 920px; height : auto; width:100%; margin: 0 auto;overflow: hidden;}#DIVISOR-ARMSTRONG{border-top:12px solid #84817E; position : relative; height : auto; width:100%; margin:0 auto;overflow: hidden;}.FONDOCIELO{ background-image : url(http://www.3.80.3.65/wp-content/uploads/2018/07/FONDOCIELO.jpg); background-repeat : no-repeat; background-size: cover; top:12px; height : 924px;}.AGUA{ background-image : url(http://www.3.80.3.65/wp-content/uploads/2018/07/AGUA.jpg); background-repeat : no-repeat;background-size: cover; height : 612px;}#CUADRO_E-1{ background : #F9F9F9; background : rgba(249, 249, 249, 1); border-style : Solid; border-color : #000000; border-color : rgba(0, 0, 0, 1); border-width : 6px; position : relative ; left : 5%; top : 1645px; top:45px; width : 428px; height : auto; padding:6px;} #CUADRO_E-2{border-top:12px solid #84817E; background : #000000; background : rgba(0, 0, 0, 1); border-style : Solid; border-color : #FFFFFF; border-color : rgba(255, 255, 255, 1); border-width : 6px; position : relative ; width : 90%; max-width:887px; margin: 6px auto; padding:6px;}#CUADRO_E-3{ background : #000000; background : rgba(0, 0, 0, 1); border-style : Solid; border-color : #FFFFFF; border-color : rgba(255, 255, 255, 1); border-width : 6px; position : relative ; width : 90%; max-width:887px; margin: 6px auto; padding:6px;}#CUADRO_E-4{ background : #F9F9F9; background : rgba(249, 249, 249, 1); border-style : Solid; border-color : #000000; border-color : rgba(0, 0, 0, 1); border-width : 6px; position : relative ; width : 90%; max-width:887px; height : auto; margin:auto;} #CUADRO_E-5{ position : relative ; border-width : 6px; width : 90%; max-width:887px; margin: 6px auto; padding:6px; top : 50%;}#NAVE-DESPEGUE{ margin-right: 20%; margin-top: -200px; margin-left: auto; margin-bottom:0; padding:0; display: block;}#LUNA-MEDIA{ background-repeat : no-repeat; position : relative; display:block; margin:50px auto 0 auto;} .nave-orbitando{ position : absolute; top : 263px; } #NAVE-FLOTANDO{ background-image: url(http://www.3.80.3.65/wp-content/uploads/2018/08/llegoaelagua.png); width: 206px; height: 152px; position: absolute; left:18%; bottom:5%; background-size: contain; background-repeat: no-repeat; margin: auto; } #InteractivePost{ font-family: Verdana, Geneva, sans-serif; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0; width: 100%; height: auto; } @-webkit-keyframes fadein{ from{ opacity:0; } to{ opacity:1; } } .hidden{ opacity:0; } @keyframes fadein{ from{ opacity:0; } to{ opacity:1; } } @-webkit-keyframes fadeout{ from{ opacity:1; } to{ opacity:0; } } @keyframes leftslidefadein{ from{ opacity:0; margin-left: -100%; } to{ opacity:1; margin-right: auto; } } @-webkit-keyframes leftslidefadeout{ from{ opacity:1; margin-left: auto; } to{ opacity:0; margin-right: -100%; } } @keyframes bottomslidefadein{ from{ opacity:0; margin-top: 10%; } to{ opacity:1; margin-bottom: auto; } } @-webkit-keyframes bottomslidefadeout{ from{ opacity:1; margin-top: auto; } to{ opacity:0; margin-bottom: 10%; } } @keyframes topslidefadein{ from{ opacity:0; margin-bottom: -10%; } to{ opacity:1; margin-top: auto; } } @-webkit-keyframes topslidefadeout{ from{ opacity:1; margin-bottom: auto; } to{ opacity:0; margin-bottom: -10%; } }@media (max-width:767px){ .font-block { font-size : 35px; line-height:37px; font-weight: 100; } #DIVISOR-1-TEXTO-1 p { font-size: 30px; line-height: 38px; font-weight: 100; } #DIVISOR-2-TEXTO-1 p { font-size: 28px; line-height: 30px; font-weight: 100; } #DIVISOR-3-TEXTO-1 p { color : #FFFFFF; color : rgb(255, 255, 255); font-size: 28px; line-height: 30px; font-weight: 100; } #DIVISOR-4-TEXTO-1 p { color : #000000; color : rgb(0, 0, 0); font-size: 28px; line-height: 30px; font-weight: 100; } #DIVISOR-0-TEXTO-1 p { font-family: "Guardian TextEgyp", serif; font-size: 22px; line-height:28px; font-weight:600; color: #E5960A; color: rgb(229, 150, 10); } #DIVISOR-0-TEXTO-1{ width: 90%; margin: 68px auto; } #DIVISOR-0-TEXTO-2 p { font-family : "Guardian TextEgyp", serif; font-size : 20px; line-height:23px; } #DIVISOR-0-TEXTO-2{ width: 90%; margin: 48px auto; } #DIVISOR-ARMSTRONG-TEXTO-1 p{ font-size: 28px; line-height: 32px; } #DIVISOR-5-TEXTO-1 p { font-size : 15px;} #ASTRONAUTA{ width:80%; height:auto; } #CUADRO_E-1{ width:85%;} #NAVE-DESPEGUE{ margin-top:28px; } #LUNA-MEDIA{ width:80%; height:auto; }}

var loaded=false;

var InteractivePostApp=false;

document.addEventListener('DOMContentLoaded', function(){

InteractivePostApp=new function(){

/* CESAR AGUIRRE */

this.start=function(){

this.render();

return this;

}

this.render=function(){

var body=document.getElementsByClassName('td-main-content-wrap')[0];

body=body? body: document.getElementsByTagName('body')[0];

var main_screen=document.getElementById('InteractivePost');

var fondo=document.getElementById('InteractivePost');

var client_height=screen.height;

var scroll_height=body.scrollHeight-client_height

var scroll_top=body.scrollTop;

scroll_top=body.getBoundingClientRect().top;

var scroll_percent=1+scroll_top/scroll_height;

fondo.style.backgroundPositionY=-(fondo.getBoundingClientRect().height-screen.height)*scroll_percent*.25+"px";

for (var r in this.renderers){

var renderer=this.renderers[r];

renderer.render(scroll_percent,client_height);

}

}

this.renderers=[];

this.registerRenderer=function (renderer){

this.renderers.push(renderer);

this.render();

}

return this.start();

}();

var OFF_SCREEN=1;ON_SCREEN=2;

var Renderable=function(){

this.render=function(scroll_percent, client_height){

this.top=this.scene.getBoundingClientRect().top;

this.local_scroll_top=(this.top);

this.local_scroll_height=this.scene.getBoundingClientRect().height;

this.local_scroll_percent=1-Math.min(Math.max(this.local_scroll_top/this.local_scroll_height,0),1);

this.local_scroll_percent=1-this.local_scroll_top/this.local_scroll_height;

this.client_height=client_height;

this.state=this.top.5){

this.text1.style.animation=this.text1.style.WebkitAnimation="fadein 1s ease-in";

this.text1.style.opacity=1;

}else{

this.text1.style.animation=this.text1.style.WebkitAnimation="fadeout 1s ease-in";

this.text1.style.opacity=0;

}

if (self.local_scroll_percent>.5){

this.text2.style.animation=this.text2.style.WebkitAnimation="fadein 1s ease-in";

this.text2.style.opacity=1;

}else{

this.text2.style.animation=this.text2.style.WebkitAnimation="fadeout 1s ease-in";

this.text2.style.opacity=0;

}

};

return self;

}());

InteractivePostApp.registerRenderer(new function(){

var self=new Renderable();

self.scene=document.getElementById('DIVISOR-ARMSTRONG');

self.text=document.getElementById('DIVISOR-ARMSTRONG-TEXTO-1');

self.draw=function(){

if (self.local_scroll_percent>.5){

this.text.style.animation=this.text.style.WebkitAnimation="fadein 1s ease-in";

this.text.style.opacity=1;

}else{

this.text.style.animation=this.text.style.WebkitAnimation="fadeout 1s ease-in";

this.text.style.opacity=0;

}

};

return self;

}());

InteractivePostApp.registerRenderer(new function(){

var self=new Renderable();

self.scene=document.getElementById('DIVISOR-1');

self.text=document.getElementById('CUADRO_E-1');

self.draw=function(){

if (self.local_scroll_percent>.5){

this.text.style.animation=this.text.style.WebkitAnimation="fadein 1s ease-in";

this.text.style.opacity=1;

}else{

this.text.style.animation=this.text.style.WebkitAnimation="fadeout 1s ease-in";

this.text.style.opacity=0;

}

};

return self;

}());

InteractivePostApp.registerRenderer(new function(){

var self=new Renderable();

self.scene=document.getElementById('DIVISOR-2');

self.text=document.getElementById('CUADRO_E-2');

self.draw=function(){

//console.log(" | draw('DIVISOR-2')");

if (self.local_scroll_percent>.5){

this.text.style.animation=this.text.style.WebkitAnimation="fadein 1s ease-out";

this.text.style.opacity=1;

}else{

this.text.style.animation=this.text.style.WebkitAnimation="fadeout 1s ease-in";

this.text.style.opacity=0;

}

};

return self;

}());

InteractivePostApp.registerRenderer(new function(){

var self=new Renderable();

self.scene=document.getElementById('DIVISOR-3');

self.text=document.getElementById('CUADRO_E-3');

self.draw=function(){

if (self.local_scroll_percent>.5){

this.text.style.animation=this.text.style.WebkitAnimation="fadein 1s ease-out";

this.text.style.opacity=1;

}else{

this.text.style.animation=this.text.style.WebkitAnimation="fadeout 1s ease-in";

this.text.style.opacity=0;

}

};

return self;

}());

InteractivePostApp.registerRenderer(new function(){

var self=new Renderable();

self.scene=document.getElementById('DIVISOR-4');

self.text=document.getElementById('CUADRO_E-4');

self.draw=function(){

//console.log(" | draw('DIVISOR-4')");

if (self.local_scroll_percent>.5){

this.text.style.animation=this.text.style.WebkitAnimation="fadein 1s ease-out";

this.text.style.opacity=1;

}else{

this.text.style.animation=this.text.style.WebkitAnimation="fadeout 1s ease-in";

this.text.style.opacity=0;

}

};

return self;

}());

InteractivePostApp.registerRenderer(new function(){

var self=new Renderable();

self.scene=document.getElementById('DIVISOR-5');

self.text=document.getElementById('CUADRO_E-5');

self.draw=function(){

if (self.local_scroll_percent>.95){

this.text.style.animation=this.text.style.WebkitAnimation="fadein 1s ease-out";

this.text.style.opacity=1;

}else{

this.text.style.animation=this.text.style.WebkitAnimation="fadeout 1s ease-in";

this.text.style.opacity=0;

}

};

return self;

}());

window.addEventListener("scroll", function () {

if (InteractivePostApp){

InteractivePostApp.render();

}

});

});

NEIL ARMSTRONG Y EL SALTO QUE PUSO A LA HUMANIDAD EN EL ESPACIO

El 24 de julio de 1969, con la misión del Apolo 11, el astronauta volvía a la Tierra luego de cumplir la aventura que Julio Verne imaginó 104 años antes

Neil Alden Armstrong nació el 5 de agosto de 1930, en Wakapakoneta, Ohio, Estados Unidos y murió el 25 de agosto de 2012, en Cincinnati, Ohio.

Antes de ser el primer hombre en pisar la Luna, participó en 1949 en la Guerra de Corea en la que sirvió en más de 78 vuelos como piloto, se desempeñó como piloto comandante de la misión Gemini VIII que orbitó la Tierra el 16 de Marzo de 1966, con lo que se convirtió en el primer astronauta civil en volar al espacio.

Para poco después, a la edad de 38 años, Armstrong ocupó el rol de capitán durante la misión Apolo 11.

A las 9:32 horas del 16 de julio de 1969 la nave Apolo 11 despegó del Centro Espacial Kennedy con Neil Armstrong, Edwin Aldrin Jr y Michael Collins a bordo

El 19 de julio la nave entró en la órbita de nuestro satélite natural y finalmente alunizó a las 16:18 horas.

A las dos horas del aterrizaje, Armstrong se convirtió en el primer hombre en pisar la Luna

El 24 de julio, exactamente 8 días, 3 horas, 18 minutos y 35 segundos después de dejar la rampa del complejo 36 del Centro Kennedy, la tripulación volvió a la Tierra...

y se cubrió de gloria

Gráficos: Rodrigo Hernández

Programación: César Aguirre