|
|
Line 1: |
Line 1: |
| {{WIP}}<br><br> | | {{WIP}}<br><br> |
| <center> | | <center> |
− | <div style="position:relative; width:1100; height:auto;"> | + | <div style="position:relative; width: 1200px; height:auto;"> |
| | | |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-top: 0px; border-right: 0px; width: 400px; height: 400px; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); left: 200px;top:0px;"> </div>
| |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-top: 0px; border-right: 0px; width: 400px; height: 400px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); left: 100px;top:10px;"> </div>
| |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-bottom: 0px; border-right: 0px; width: 400px; height: 400px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); left: 0px;top:460px;"> </div>
| |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-bottom: 0px; border-right: 0px; width: 400px; height: 400px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); left: 60px;top:500px;"> </div>
| |
| | | |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-top: 0px; border-left: 0px; width: 400px; height: 400px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); right: 200px;top:0px;"> </div>
| |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-top: 0px; border-left: 0px; width: 400px; height: 400px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); right: 100px;top:10px;"> </div>
| |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-bottom: 0px; border-left: 0px; width: 400px; height: 400px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); right: 0px;top:460px;"> </div>
| |
− | <div style="position:absolute; z-index:1; content: ''; display: inline-block; border: 20px solid black; border-bottom: 0px; border-left: 0px; width: 400px; height: 400px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); right: 60px;top:500px;"> </div>
| |
| | | |
− | <div style="position:relative; z-index:2;display:block; top: 0px; width: 600px; height: 500px; background-color: white; border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; overflow:hidden; border: 20px solid black;"> | + | <div style="position:relative; z-index:1;display:block; top: 0px; width: 1200px; height: 1500px; background-color: white; border-radius: 30px 30px 0px 30px; overflow:hidden; border: 20px solid #662200;"> |
| | | |
− | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 0.50;"> | + | <div style="position:absolute; z-index:2; width:100%; display: block; font-size: 0; opacity: 0.5; border:0px;"> |
− | [[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]]</div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <div style="position:relative; z-index:2;display:block; top: -125px; width: 1200px; height: 2000px; background-color: white; border-radius: 50% 50% 40% 40% / 80% 80% 60% 60%; overflow:hidden; border: 20px solid black;">
| + | |
− | | + | |
− | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 0.50;">
| + | |
| [[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]] | | [[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]] |
| [[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]]</div> | | [[File:Liath_Dine_Back.jpg|left]][[File:Liath_Dine_Back.jpg|left]]</div> |
− | | + | <div style="position:relative; z-index:3;display:block; top: -50px; background-color: white; border-radius: 30px 30px 0px 30px; overflow:hidden; border: 20px solid #662200;"> |
− | <b>
| + | [[File:Liath_TheBug_Logo.png|center]]</div> |
− | <div style="position:relative; z-index:4; display:block; white-space: wrap; top: 50px; left: 0px; width: 600px; height: auto; font-size: 14px; margin:20px; text-align: left;"> | + | |
− | Growing up in the shadow of Spider Rock on the edge of Canyon de Chelly National Park, my grandfather would often chide my older sister and I with "The top of Spider Rock is white from the sun-bleached bones of Dine children who did not behave themselves!" when I had not done what I was asked. Despite this "warning" I spent my days scouring the canyon for a way up to the top of the Rock or exploring the old cave dwellings built by my people high on the canyon walls.
| + | |
− | </div>
| + | |
− | <div style="position:relative; z-index:4; display:block; white-space: wrap; top: 50px; left: 0px; width: 800px; height: auto; font-size: 14px; margin:20px; text-align: left;">
| + | |
− | Late one afternoon while exploring these dwelling caves, I made my way up to a stepped ledge, high above the canyon floor and for a moment looking in awe at the vista below me. As I gazed around something glimmering behind me caught my eye. Moving towards it I was shocked to see a silken cord hanging down from the top of the rock tower.
| + | |
− | </div>
| + | |
− | <div style="position:relative; z-index:4; display:block; white-space: wrap; top: 50px; left: 0px; width: 900px; height: auto; font-size: 14px; margin:20px; text-align: left;">
| + | |
− | Pulling on the cord with all my strength convinced me it would bear my weight and so tying it around me I used it to climb higher up the tower. Reaching the top after a suprisingly short time I discovered not sun bleached bones but a secluded oasis. In the centre of the oasis stood a roughly hewn obelisk covered with strange symbols.
| + | |
− | </div>
| + | |
− | <div style="position:relative; z-index:4; display:block; white-space: wrap; top: 50px; left: 0px; width: 950px; height: auto; font-size: 14px; margin:20px; text-align: left;">
| + | |
− | I reached out to touch the stone as the sun finally dipped below the edge of the plateau and a fiery glow erupted from within the obelisk. The last thing i saw was the outline of my outstretched hand against glowing rock as unconsciousness took me.
| + | |
− | </div>
| + | |
− | <div style="position:relative; z-index:4; display:block; white-space: wrap; top: 50px; left: 0px; width: 1000px; height: auto; font-size: 14px; margin:20px; text-align: left;">
| + | |
− | A voice like the wind whispered to me "You are the first of my children to seek me in an age. I see in your heart you are bold and fair. I shall teach you the ways of the Spider that you may lead and protect my children." As i lay there my mind filled with strange visions of ancient Dine heroes and silken threads seemed to spin around me and through me and I knew my life would never be the same.<br><br>
| + | |
− | </div> | + | |
− | </b>
| + | |
− | | + | |
− | | + | |
| | | |
| | | |