Tuesday code for animated

head
style.
body header,
body main,
body footer {
opacity: 0;
}

body.is-active header,
body.is-active main,
body.is-active footer {
opacity: 1;
}

body.is-active .page-loader {
display: none;
}

body.is-active .hero-logo {
top: 40px;
width: 80px;
margin-top: 0;
margin-left: -40px;
}

body.is-active .hero-logo svg {
width: 80px;
height: auto;
}
body
// Page loader
.hero-logo.js-hero-logo(style=”display: none;”)
svg#hero-logo(version=’1.1′, xmlns=’http://www.w3.org/2000/svg’, xmlns:xlink=’http://www.w3.org/1999/xlink’, x=’0px’, y=’0px’, width=’615px’, height=’295px’, viewBox=’0 0 615 295′, style=’enable-background:new 0 0 615 295;’, xml:space=’preserve’)
polygon.js-hero-logo-polygon.hero-logo-polygon-left(points=’145.5,75.5 145.5,3.5 1.5,147.5 145.5,291.5 433.5,3.5 361.5,3.5 145.5,219.5 73.5,147.5 ‘)
polygon.js-hero-logo-polygon.hero-logo-polygon-right(points=’469.5,219.5 469.5,291.5 613.5,147.5 469.5,3.5 181.5,291.5 253.5,291.5 469.5,75.5 541.5,147.5 ‘)