Any URL's added here will be added as
<link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.
Babel includes JSX processing.
Any URL's added here will be added as
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
header .article-wrapper .image h2.caption The Caravan Stage Company is non-profit community of theatre professionals performing and touring all over North America and Europe on the world's only theatre tall ship, the Amara Zee. Take a look at their latest production, Nomadic Tempest. .text h1 Nomadic Tempest h2.lead Travel to 2040 and witness the spectacle of four aerial artists gyrating, contorting, dancing, and flying through the sky above the decks of the Amara Zee, the Caravan’s 100ft long theatre ship. Above and around these intrepid but fragile beauties, we shall see a commanding monster… Lord SwallowWart, a belching, grasping, bellowing, galloping alien Beast that came to the Planet as an invited guest and now rules the air, soil and water from its throne on top of the world … 40ft above the decks of the Amara Zee … smoking and swallowing all above and below! Roving about the earthlings on the shore we see a mysterious narrator/singer …Kanandra… who can foresee the Future but is cursed by SwallowWart so that no one will believe her prophecies … even though she can understand and speak the tongue of all animals on the Planet. article p TEMPEST will showcase the spectacle of four aerial artists gyrating, contorting, dancing, and flying through the sky above the decks of the Amara Zee, the Caravan’s 100ft long theatre ship. Above and around these intrepid but fragile beauties, we shall see a commanding monster… Lord SwallowWart, a belching, grasping, bellowing, galloping alien Beast that came to the Planet as an invited guest and now rules the air, soil and water from its throne on top of the world … 40ft above the decks of the Amara Zee … smoking and swallowing all above and below! Roving about the earthlings on the shore we see a mysterious narrator/singer …Kanandra… who can foresee the Future but is cursed by SwallowWart so that no one will believe her prophecies … even though she can understand and speak the tongue of all animals on the Planet. p Caravan fantasy will also feature a virtual phantasmagoria of visual special effects and video projections. Showing on the Caravan’s main screen, (90ft X 40ft) with the new 20,000 lumens BARCO projector, will be a continuous cinematic panorama of originally designed video graphics, animations, and images, including a profusion of sky-river images simulating the flight paths of the Monarchs gliding upwards of 4000 ft above the Earth. Within the upper trusses and the lower decks, as the Aerialists cavort, the scenic conjuring of a palette of surprises, color, and mechanical transformations will be engineered into this show…enough to keep even the yet-to-be-born generations gurgling in expectant fascinations. p.pull-quote NOMADIC TEMPEST will be a gourmet feast for the eyes, ears, hearts and minds of all those drawn into the Caravan net of this theatrical, operatic, aesthetic cornucopia…beware this show will not only steal your heart, but make you want to run away with these circus gypsies! p.pull-quote ONLY WHEN THE LAST TREE IS CUT, ONLY WHEN THE LAST RIVER IS POLLUTED, ONLY WHEN THE LAST FISH IS CAUGHT, WILL THEY REALIZE THAT YOU CAN'T EAT MONEY p The Caravan Stage Company, founded in 1970, is launching a new show for its 47th season … a Fable created for audiences of all ages, from 10 to 100. It will feature the mythic saga of a band of Monarch Butterflies as a metaphor for refugee migrant characters struggling through their annual pilgrimage, journeying over a Land caked with consumptive delights, clamorous raptures and raging racism … a Planet engorged with many species rushing to stake their claim on a patch of paradise… The Land of SwallowWart! p Voluptate accusamus itaque, iure mollitia consectetur dicta fugit ipsam nemo saepe minus, est ut totam eligendi nobis corrupti pariatur praesentium quos voluptatibus. Nulla cum amet mollitia eligendi modi provident expedita enim accusantium harum cumque dolorem, officiis illum molestias voluptate. Ullam perspiciatis sapiente blanditiis assumenda facilis fugiat, voluptate similique illum facere amet quis vel distinctio voluptatibus, veritatis culpa asperiores error maiores laudantium ea enim eos explicabo! Aperiam vitae sapiente laborum soluta nostrum debitis repellat perspiciatis, minus officiis nihil molestiae, enim architecto pariatur illum earum ipsum, nemo optio delectus! Quis soluta quos alias, nemo totam, quisquam, ratione illo quod, recusandae reprehenderit amet eveniet aut quaerat sequi aperiam tempora voluptas blanditiis quo incidunt. Deserunt, incidunt inventore minima praesentium explicabo vel nostrum porro optio voluptas ut cupiditate enim vitae perspiciatis sunt aliquid, consequatur consequuntur sint dolor. Omnis voluptatem, ab quasi neque alias officiis rerum sunt ducimus voluptate voluptas possimus iure perspiciatis repellendus maxime placeat ullam cupiditate suscipit nam autem eligendi dolores! Deleniti doloremque dolore odio. footer p something here
body height: 100vh margin: 0 position: relative font-size: 18px font-family: 'Lato', sans-serif .article-wrapper display: flex .image position: fixed background: image: url('https://scontent-mia1-1.xx.fbcdn.net/v/t1.0-9/17904323_10154207264081673_6853030393814292935_n.jpg?oh=f6c7b83211e492cd2b31499eeb2e7061&oe=5986F303') size: cover position: center height: 100vh width: 50vw flex: 0 0 50% z-index: 1 display: flex align-items: flex-end justify-content: flex-end .caption color: white font-weight: normal font-size: 1.2em text-align: right margin: 0 20px 20px 50% .text padding: 100px 60px 60px margin-left: 50% z-index: 10 h1 font-size: 7vw // margin-left: -300px // margin: 0 0 0 -700px text-align: right // color: blue font-family: 'Sansita One', cursive line-height: 1 .lead font-size: 1.5vw font-weight: normal // margin-left: 30% color: rgba(black, 0.7) article columns: 2 column-width: 250px column-gap: 2em p line-height: 1.3 footer height: 2vh .pull-quote font-size: 1.8em color: rgba(black, 0.6) padding: 20px 0 border-top: 1px solid #aaa border-bottom: 1px solid #aaa
Also see: Tab Triggers