Esta aplicación web de LA NACION necesita tener Javascript habilitado para funcionar correctamente#appContainer {
opacity: 0;
}
#appContainer.loaded {
opacity: 1;
}
div.ln-preload {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: 1;
}
div.ln-preload.loaded {
display: none;
}
div.ln-preload.loaded svg#stroke {
animation: none;
}
div.ln-preload div.logo {
width: 80px;
height: 80px;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -40px;
top: 250px;
}
div.ln-preload .st0 path {
fill: #007caf !important;
}
div.ln-preload svg#stroke {
-webkit-animation: 2s linear infinite svg-animation;
animation: 2s linear infinite svg-animation;
max-width: 100px;
position: absolute;
top: 0;
left: 0;
}
/* // SVG animation. */
@keyframes svg-animation {
0% {
-webkit-transform: rotateZ(0deg);
-ms-transform: rotate(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
-ms-transform: rotate(360deg);
transform: rotateZ(360deg);
}
}
/* // Circle styles. */
div.ln-preload circle {
-webkit-animation: 1.4s ease-in-out infinite both circle-animation;
animation: 1.4s ease-in-out infinite both circle-animation;
display: block;
fill: transparent;
stroke: #007caf;
stroke-linecap: round;
stroke-dasharray: 283;
stroke-dashoffset: 280;
stroke-width: 6px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-webkit-keyframes circle-animation {
0%,
25% {
stroke-dashoffset: 280;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%,
75% {
stroke-dashoffset: 75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circle-animation {
0%,
25% {
stroke-dashoffset: 280;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%,
75% {
stroke-dashoffset: 75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
stroke-dashoffset: 280;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} El medallero de los Juegos OlímpicosSeguí en vivo la tabla de medallas ganadas por los países que participan de los Juegos Olímpicos de Tokio 2020CALENDARIO ARGENTNOverEl medallero de Tokio 2020 presenta los resultados obtenidos por los deportistas consagrados durante la competencia de los Juegos Olímpicos. Las medallas aparecen agrupadas por los Comités Olímpicos de los países participantes y se ordenan de la siguiente manera: medallas de oro, medallas de plata (en caso de igualdad en oro entre países) y de bronce (si hay empate en las de plata). window.addEventListener(“DOMContentLoaded”, function (event) {
var vueScript0 = document.createElement(“script”);
vueScript0.type = “text/javascript”;
vueScript0.src = “https://widgets-assets.stats.com/js/oly-olympic-medal-table.standalone.min.js”;
document.body.appendChild(vueScript0);
var vueScript1 = document.createElement(“script”);
vueScript1.type = “text/javascript”;
vueScript1.src = “https://especialess3.lanacion.com.ar/21/07/jjoo_2021_medallero_vue/js/chunk-vendors~253ae210.d5baab7b.js”;
document.body.appendChild(vueScript1);
var vueScript2 = document.createElement(“script”);
vueScript2.type = “text/javascript”;
vueScript2.src = “https://especialess3.lanacion.com.ar/21/07/jjoo_2021_medallero_vue/js/chunk-vendors~fdc6512a.4ef78a21.js”;
document.body.appendChild(vueScript2);
var vueScript3 = document.createElement(“script”);
vueScript3.type = “text/javascript”;
vueScript3.src = “https://especialess3.lanacion.com.ar/21/07/jjoo_2021_medallero_vue/js/app~d0ae3f07.ae4ba748.js”;
document.body.appendChild(vueScript3);
var wrapper = document.getElementById(‘wrapper’);
wrapper.classList.add(“–transparent”);
});
Fuente: La Nación