Scroll to start
.cover {
bottom: 0;
opacity: 1;
background-size: auto 80%;
background-position: center center;
background-repeat: no-repeat;
}
.united-map-back,
.united-map {
opacity:0;
transition: all 1.5s ease-in-out;
}
The Friendly Skies Air Atlas by United Air Lines
United's route network across the continental U.S & Hawaii from 1973.
From 1966 until 1977 United Air Lines published a series of Air Atlas' with a range of different cover designs. The map changed slightly too over the years. This edition is from 1973.
/* we should always add a keyframe
before movement, bearing in mind
that we can scroll backwards */
.cover {
bottom: 0;
opacity: 1;
}
.united-map {
bottom: -100%;
opacity: 0;
transform: scale(1);
}
Busy and colourful, excludes Alaska.
.cover {
bottom: 100%;
opacity: 0;
}
.united-map {
transition: all 1.5s ease-in-out;
opacity: 1;
transform: scale(1);
transform-origin:0 0;
background-size:97% auto;
background-repeat: no-repeat;
bottom: auto;
}
United operated a busy network of flights out of the East Coast. Newark, Boston and D.C among others.
.united-map {
transform: scale(3.5) translate(0%, 0%);
transform-origin: 100% 30%;
}
From here let us fly west to Chicago.
.united-map {
transform: scale(3.5) translate(0, 0%);
transform-origin: 80% 30%;
}
United too, was busy down in Florida.
.united-map {
transform: scale(3.5) translate(0, 0);
transform-origin: 100% 52%;
}
All United maps, without fails always had a section devoted to Hawaii often designed separately.
.united-map {
transform: scale(4) translate(0, 0);
transform-origin: 10% 40%;
}
The map is full of useful information about the land beneath you. Details about geology, pressure, water and a lot more.
.united-map {
transform: scale(3.5) translate(0, 0);
transform-origin: 0 0;
background-size:100%;
background-position: 0 0;
}
Again, no Alaska. It may be that United simply didn't fly to Alaska in 1973.
.united-map-back {
opacity:0;
}
.united-map {
transform: scale(1);
transform-origin:0 0;
background-size:97% auto;
background-repeat: no-repeat;
opacity:1;
bottom:auto;
background-position: 50%;
}
The Friendly Skies of Your Land. United's ad for High Sierra and The Rockies, both popular winter sport destinations, appeared on the back the map.
.united-map {
bottom: 100%;
opacity: 0;
}
.united-map-back {
bottom:auto;
opacity: 1;
transform: scale(1);
transform-origin:0 0;
background-size:97% auto;
background-repeat: no-repeat;
background-position: center center;
}