Ala Littoria

Scroll down to start

.slide1 {
  bottom: 0;
  opacity: 1;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform-origin: 50% 50%;
  transform: scale(0.8);
}

.slide3 {
  opacity:0; 
}

Ala Littoria: Roma - Bari - Brindisi

Cartina de rota (Route map) by the predecessor to Alitalia from late 1930s. Map that we speculate was designed for pilot and passenger alike.

Ala Littoria was the Italian national airline that operated during the Italian fascist regime of the 1930s and 1940s.

/* we should always add a keyframe 
before movement, bearing in mind 
that we can scroll backwards */
.slide1 {
  bottom: 0;
  opacity: 1;
}
.slide3 {
  bottom: -100%;
  opacity: 0;
  transform: scale(1);
}

It folds out to show the route from Rome to Brindisi.

.slide1 {
  bottom: 100%;
  opacity: 0;
}
.slide3 {
  transform: scale(1, 1), translate(0%, 0%);
  opacity: 1;
  top:0;
  transition: all 1.5s ease-in-out;
  transform-origin:0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

The journey starts at Roma Littorio, a small airport outside Rome. Named by Benito Mussolini himself.

.slide3 {
    opacity: 1;
    transform: scale(1) translate(0px, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: center top;
    background-position: 0px 0%;
}

The airport was surrounded by oval/oblong shaped racetrack. Today it's a small private airfield and sometimes concert venue.

.slide3 {
    transform: scale(2) translate(-50%, 0%);
    background-repeat: no-repeat;
    background-position: 100% 0%;
}

The route is the wide rose shaded line. The areas highlighted on the left & right are visual cues to look out for when navigating.

.slide3 {
    opacity: 1;
    transform: scale(1) translate(0px, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 15%;
}

The route is almost straight south, across the country to Benevento first before continuing to Bari.

.slide3 {
    opacity: 1;
    transform: scale(1) translate(0px, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 30%;
}

The first stop is Benevento, 50 kilometres northeast of Naples.

.slide3 {
    opacity: 1;
       transform: scale(1.8) translate(-40%, -18%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 50%;
}

From Benevento the journey continues to Bari overland.

.slide3 {
    opacity: 1;
    transform: scale(2) translate(0%, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 60%;
}

As we near Bari the sea starts coming into view but only if you are sat on the left hand side of the aircraft.

.slide3 {
    opacity: 1;
    transform: scale(1) translate(0px, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 90%;
}

After a quick stop in Bari the flight continuous on it's last leg, easily navigated along coast the whole way.

.slide3 {
    opacity: 1;
    transform: scale(1) translate(0px, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 85%;
}

The flight ends in Brindisi situated by the Adriatic Sea.

.slide3 {
    opacity: 1;
    transform: scale(1) translate(0px, 0%);
    background-repeat: no-repeat;
    background-size:100%;
    background-position: 0 100%;
}

The map contains a detailed list of legends.

.slide3 {
  transform: scale(1.25) translate(-17%, -18%);
  background-position: 0 100%;
}