La vacunación en la Argentina, en tiempo real

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);
}
}

window.addEventListener(“DOMContentLoaded”, function (event) {
let vuescript2 = document.createElement(“script”);
vuescript2.type = “text/javascript”;
vuescript2.integrity =
“sha512-r9Lkp17W1SL2G2lQ2quMiEEX9z2ZsUsQ0xrrnzjb/BRawjdYduOncVWDgQl6zah6BBjBE5/X3HaWevrb+puiSw==”;
vuescript2.src = “https://cdnjs.cloudflare.com/ajax/libs/pym/1.3.2/pym.v1.min.js”;
document.body.appendChild(vuescript2);

let vuescript0 = document.createElement(“script”);
vuescript0.type = “text/javascript”;
vuescript0.src =
“https://especialess3.lanacion.com.ar/29/01/coronavirus-vacunacion-arg/js/chunk-vendors.5440aea8.js”;
document.body.appendChild(vuescript0);
let vuescript1 = document.createElement(“script”);
vuescript1.type = “text/javascript”;
vuescript1.src = “https://especialess3.lanacion.com.ar/29/01/coronavirus-vacunacion-arg/js/app.a59f286a.js”;
document.body.appendChild(vuescript1);

var wrapper = document.getElementById(‘wrapper’);
wrapper.classList.add(“–transparent”);

});

/* Hack styles HEADER NEGRO ARC */
.–transparent .header {
background: rgb(0 0 0) !important;
position: relative !important;
}

.–transparent .header .header__right .com-usuario .com-usuario__name,
.–transparent .header .header__right .com-usuario .com-usuario__valueSuscrib,
.–transparent .header .header__left.com-search .icon-search,
.–transparent .header .header__middle .logo-la-nacion,
.–transparent .header .header__right.com-usuario .com-button.–special.–special,
.–transparent .header .header__left .com-hamburger .com-icon,
.–transparent .header .header__left .com-hamburger::before,
.–transparent .header .header__left .com-hamburger:hover,
.–transparent .header .header__left .com-search__input {
color: #fff !important;
}

#appContainer .scrl-titulo-block {
z-index: 100 !important;
}

.lay-sidebar {
max-width: 960px !important;
display: block;
}

.fyre .fyre-comment-head,
.fyre .fyre-comment-body {
background-color: #fff !important;
}

.lay-sidebar section.comments {
border: 0;
}

#wrapper.nota .sidebar__main {
margin-right: 0;
}

#fusion-app>#wrapper.–scrollDown,
#fusion-app>#wrapper.–scrollUp {
margin-top: 0px;
}

Fuente: La Nación