|
|
| Line 69: |
Line 69: |
| | .first.anchor:target ~ .first.tab a, | | .first.anchor:target ~ .first.tab a, |
| | .second.anchor:target ~ .second.tab a, | | .second.anchor:target ~ .second.tab a, |
| − | .third.anchor:target ~ .third.tab a, | + | .third.anchor:target ~ .third.tab a { |
| − | .fourth.anchor:target ~ .fourth.tab a,
| |
| − | .fifth.anchor:target ~ .fifth.tab a,
| |
| − | .sixth.anchor:target ~ .sixth.tab a {
| |
| | opacity: 1; | | opacity: 1; |
| | } | | } |
| Line 94: |
Line 91: |
| | .second:target ~ #Second-panel, | | .second:target ~ #Second-panel, |
| | .third:target ~ #Third-panel, | | .third:target ~ #Third-panel, |
| − | .fourth:target ~ #Fourth-panel,
| |
| − | .fifth:target ~ #Fifth-panel,
| |
| − | .sixth:target ~ #Sixth-panel,
| |
| | .main:target ~ .panel .slider .slide:first-of-type, | | .main:target ~ .panel .slider .slide:first-of-type, |
| | div[id$="-1"]:target ~ .panel .slider .slide:first-of-type, | | div[id$="-1"]:target ~ .panel .slider .slide:first-of-type, |
| | div[id$="-2"]:target ~ .panel .slider .slide:nth-of-type(2), | | div[id$="-2"]:target ~ .panel .slider .slide:nth-of-type(2), |
| − | div[id$="-3"]:target ~ .panel .slider .slide:nth-of-type(3), | + | div[id$="-3"]:target ~ .panel .slider .slide:nth-of-type(3) { |
| − | div[id$="-4"]:target ~ .panel .slider .slide:nth-of-type(4),
| |
| − | div[id$="-5"]:target ~ .panel .slider .slide:nth-of-type(5) {
| |
| | display: block; | | display: block; |
| | } | | } |
| Line 112: |
Line 104: |
| | <div id="second-4" class="second anchor"></div> | | <div id="second-4" class="second anchor"></div> |
| | <div id="second-5" class="second anchor"></div> | | <div id="second-5" class="second anchor"></div> |
| − | <div id="Puppet Maker" class="main second anchor" tabindex="0"></div> | + | <div id="Zeke" class="main second anchor" tabindex="0"></div> |
| − | <div id="Second-tab" class="second tab" tabindex="0">[[#Puppet Maker|Puppet Maker]]</div> | + | <div id="Second-tab" class="second tab" tabindex="0">[[#Zeke|Zeke]]</div> |
| | <div id="third-1" class="third anchor"></div> | | <div id="third-1" class="third anchor"></div> |
| | <div id="third-2" class="third anchor"></div> | | <div id="third-2" class="third anchor"></div> |
| Line 119: |
Line 111: |
| | <div id="third-4" class="third anchor"></div> | | <div id="third-4" class="third anchor"></div> |
| | <div id="third-5" class="third anchor"></div> | | <div id="third-5" class="third anchor"></div> |
| − | <div id="Sin Eater" class="main third anchor" tabindex="0"></div> | + | <div id="Yateveo" class="main third anchor" tabindex="0"></div> |
| − | <div id="Third-tab" class="third tab" tabindex="0">[[#Sin Eater|Sin Eater]]</div> | + | <div id="Third-tab" class="third tab" tabindex="0">[[#Yateveo|Yateveo]]</div> |
| − | <div id="fourth-1" class="fourth anchor"></div>
| |
| − | <div id="fourth-2" class="fourth anchor"></div>
| |
| − | <div id="fourth-3" class="fourth anchor"></div>
| |
| − | <div id="fourth-4" class="fourth anchor"></div>
| |
| − | <div id="fourth-5" class="fourth anchor"></div>
| |
| − | <div id="Hell Dancer" class="main fourth anchor" tabindex="0"></div>
| |
| − | <div id="Fourth-tab" class="fourth tab" tabindex="0">[[#Hell Dancer|Hell Dancer]]</div>
| |
| − | <div id="fifth-1" class="fifth anchor"></div>
| |
| − | <div id="fifth-2" class="fifth anchor"></div>
| |
| − | <div id="fifth-3" class="fifth anchor"></div>
| |
| − | <div id="fifth-4" class="fifth anchor"></div>
| |
| − | <div id="fifth-5" class="fifth anchor"></div>
| |
| − | <div id="Secret Master" class="main fifth anchor" tabindex="0"></div>
| |
| − | <div id="Fifth-tab" class="fifth tab" tabindex="0">[[#Secret Master|Secret Master]]</div>
| |
| − | <div id="sixth-1" class="sixth anchor"></div>
| |
| − | <div id="sixth-2" class="sixth anchor"></div>
| |
| − | <div id="sixth-3" class="sixth anchor"></div>
| |
| − | <div id="sixth-4" class="sixth anchor"></div>
| |
| − | <div id="sixth-5" class="sixth anchor"></div>
| |
| − | <div id="Gate Keeper" class="main sixth anchor" tabindex="0"></div>
| |
| − | <div id="Sixth-tab" class="sixth tab" tabindex="0">[[#Gate Keeper|Gate Keeper]]</div>
| |
| | <div id="first-1" class="first anchor"></div> | | <div id="first-1" class="first anchor"></div> |
| | <div id="first-2" class="first anchor"></div> | | <div id="first-2" class="first anchor"></div> |
| Line 147: |
Line 118: |
| | <div id="first-4" class="first anchor"></div> | | <div id="first-4" class="first anchor"></div> |
| | <div id="first-5" class="first anchor"></div> | | <div id="first-5" class="first anchor"></div> |
| − | <div id="Ghost Walker" class="main first anchor" tabindex="0"></div> | + | <div id="Zyra" class="main first anchor" tabindex="0"></div> |
| − | <div id="First-tab" class="first tab" tabindex="0">[[#Ghost Walker|Ghost Walker]]</div> | + | <div id="First-tab" class="first tab" tabindex="0">[[#Zyra|Zyra]]</div> |
| | <div id="First-panel" class="first panel"> | | <div id="First-panel" class="first panel"> |
| − | <center><p> <font color="Black"> '''~ Espionage, for the most part, involves finding a person who knows something or has something that you can induce them secretly to give to you. That almost always involves a betrayal of trust ~''' </font> </p></center>
| + | ... |
| − | <center><p> <font color="Black"> ''' A dirge must be sung for the duties of a Ghost Walker. They are the men and women who give up everything for a singular goal. They are the liars who become uncentered, loosing themselves in their own fabricated tales. They are the lovers who commit treason on their own hearts for the sake of a mission. They are the ash who sacrificed themselves so that the many could survive without them. Their heroic deeds are often unknown and never discovered.''' </font> </p></center>
| |
| − | <center><p> <font color="Black"> ''' To become a Ghost Walker. You are more than just a Spy. You are a being trapped between various worlds. Never fulfilled by any of them. Traveling from mission to mission. Duty bound for all eternity. A Walking Ghost ~''' </font> </p></center>
| |
| | <div class="slider"> | | <div class="slider"> |
| | <ul> | | <ul> |
| Line 175: |
Line 144: |
| | <li class=first-4" class="slide"> | | <li class=first-4" class="slide"> |
| | Slide 1-4 | | Slide 1-4 |
| − | [[File:FelixGraffiti.jpg]]
| |
| | [[File:eden7.jpg|center|300px]] | | [[File:eden7.jpg|center|300px]] |
| | <div class="prev">[[#first-3|<]]</div> | | <div class="prev">[[#first-3|<]]</div> |
| Line 190: |
Line 158: |
| | </div> | | </div> |
| | <div id="Second-panel" class="second panel"> | | <div id="Second-panel" class="second panel"> |
| − | <center><p> <font color="Black"> '''~ While their competition is asleep, world-class leaders are up - and they're not watching the news or reading the paper. They are thinking, planning and practicing ~''' </font> </p></center>
| + | ... |
| − | <center><p> <font color="Black"> ''' Even in a dictatorship, the dictator is backed by powerful supporters. This can be anything from landowners, private companies, banks and in some cases institutions like Churches, Universities, Law Enforcement Agencies or Militaries to help round a powerful group and form a collective. A Puppet Maker carries a keen insight into these political and social dynamics that influence the modern world. They fight fire with fire, building their own pyramids to rule atop of, in this game of endless Jyhad. ''' </font> </p></center>
| |
| − | <center><p> <font color="Black"> ''' To become a Puppet Maker. You are more than just a Networker. You are invoking and conjuring the modern magic of society’s laws to bend the world to your favor. However, as power corrupts and people turn into tools and dealings into perks. Beware of yourself. For the greatest puppet could be not those you have invested time in, but the seeds unknowingly planted in the soil of your heart by others. A true Puppet Maker has no such strings attached ~''' </font> </p></center>
| |
| | <div class="slider"> | | <div class="slider"> |
| | <ul> | | <ul> |
| Line 224: |
Line 190: |
| | </div> | | </div> |
| | <div id="Third-panel" class="third panel"> | | <div id="Third-panel" class="third panel"> |
| − | <center><p> <font color="Black"> '''~ Sin, also for those who don't have faith, exists when one goes against one's conscience. To listen to and obey it means, in fact, to decide in face of what is perceived as good or evil. And on this decision pivots the goodness or malice of our actions ~''' </font> </p></center>
| + | ... |
| | <div class="slider"> | | <div class="slider"> |
| | <ul> | | <ul> |
| Line 251: |
Line 217: |
| | <div class="prev">[[#third-4|<]]</div> | | <div class="prev">[[#third-4|<]]</div> |
| | <div class="next">[[#third-1|>]]</div> | | <div class="next">[[#third-1|>]]</div> |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="Fourth-panel" class="fourth panel">
| |
| − | <center><p> <font color="Black"> '''~ Life asked Death, 'Why do people love me but hate you?' Death responded, 'Because you are a beautiful lie and I am a painful truth ~''' </font> </p></center>
| |
| − | <center><p> <font color="Black"> '''Some of us live as cowards. We fear the very concept of death or dying. Some of us believe that dying is the moment we quit learning; as we learn from each other with every action we perform. Others state that to live defeated and inglorious is to die daily. A Hell Dancer has made peace with their own death. They have shaken the bonds of fear or limitations. They oft live full and vibrant existences and are those who smile in trouble, who can gather strength from distress, and grow brave by reflection.''' </font> </p></center>
| |
| − | <center><p> <font color="Black"> ''' To become a Hell Dancer. You are more than just a Soldier. You are fearless and absolute in your convictions and abilities. You are ready to face any struggle presented to you. To include kicking down the gates of Hell and asking the Devil for a Dance... even if it means you will have a good death. That is a Hell Dancer ~''' </font> </p></center>
| |
| − |
| |
| − | <div class="slider">
| |
| − | <ul>
| |
| − | <li class="fourth-1" class="slide">
| |
| − | Slide 4-1
| |
| − | <div class="prev">[[#fourth-5|<]]</div>
| |
| − | <div class="next">[[#fourth-2|>]]</div>
| |
| − | </li>
| |
| − | <li class="fourth-2" class="slide">
| |
| − | Slide 4-2
| |
| − | <div class="prev">[[#fourth-1|<]]</div>
| |
| − | <div class="next">[[#fourth-3|>]]</div>
| |
| − | </li>
| |
| − | <li class="fourth-3" class="slide">
| |
| − | Slide 4-3
| |
| − | <div class="prev">[[#fourth-2|<]]</div>
| |
| − | <div class="next">[[#fourth-4|>]]</div>
| |
| − | </li>
| |
| − | <li class=fourth-4" class="slide">
| |
| − | Slide 4-4
| |
| − | <div class="prev">[[#fourth-3|<]]</div>
| |
| − | <div class="next">[[#fourth-5|>]]</div>
| |
| − | </li>
| |
| − | <li class="fourth-5" class="slide">
| |
| − | Slide 4-5
| |
| − | <div class="prev">[[#fourth-4|<]]</div>
| |
| − | <div class="next">[[#fourth-1|>]]</div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="Fifth-panel" class="fifth panel">
| |
| − | And then this would be the fifth panel's spot.
| |
| − | <div class="slider">
| |
| − | <ul>
| |
| − | <li class="fifth-1" class="slide">
| |
| − | Slide 5-1
| |
| − | <div class="prev">[[#fifth-5|<]]</div>
| |
| − | <div class="next">[[#fifth-2|>]]</div>
| |
| − | </li>
| |
| − | <li class="fifth-2" class="slide">
| |
| − | Slide 5-2
| |
| − | <div class="prev">[[#fifth-1|<]]</div>
| |
| − | <div class="next">[[#fifth-3|>]]</div>
| |
| − | </li>
| |
| − | <li class="fifth-3" class="slide">
| |
| − | Slide 5-3
| |
| − | <div class="prev">[[#fifth-2|<]]</div>
| |
| − | <div class="next">[[#fifth-4|>]]</div>
| |
| − | </li>
| |
| − | <li class=fifth-4" class="slide">
| |
| − | Slide 5-4
| |
| − | <div class="prev">[[#fifth-3|<]]</div>
| |
| − | <div class="next">[[#fifth-5|>]]</div>
| |
| − | </li>
| |
| − | <li class="fifth-5" class="slide">
| |
| − | Slide 5-5
| |
| − | <div class="prev">[[#fifth-4|<]]</div>
| |
| − | <div class="next">[[#fifth-1|>]]</div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="Sixth-panel" class="sixth panel">
| |
| − | And then this would be the sixth panel's spot.
| |
| − | <div class="slider">
| |
| − | <ul>
| |
| − | <li class="sixth-1" class="slide">
| |
| − | Slide 6-1
| |
| − | <div class="prev">[[#sixth-5|<]]</div>
| |
| − | <div class="next">[[#sixth-2|>]]</div>
| |
| − | </li>
| |
| − | <li class="sixth-2" class="slide">
| |
| − | Slide 6-2
| |
| − | <div class="prev">[[#sixth-1|<]]</div>
| |
| − | <div class="next">[[#sixth-3|>]]</div>
| |
| − | </li>
| |
| − | <li class="sixth-3" class="slide">
| |
| − | Slide 6-3
| |
| − | <div class="prev">[[#sixth-2|<]]</div>
| |
| − | <div class="next">[[#sixth-4|>]]</div>
| |
| − | </li>
| |
| − | <li class=sixth-6" class="slide">
| |
| − | Slide 6-4
| |
| − | <div class="prev">[[#sixth-3|<]]</div>
| |
| − | <div class="next">[[#sixth-5|>]]</div>
| |
| − | </li>
| |
| − | <li class="sixth-6" class="slide">
| |
| − | Slide 6-5
| |
| − | <div class="prev">[[#sixth-4|<]]</div>
| |
| − | <div class="next">[[#sixth-1|>]]</div>
| |
| | </li> | | </li> |
| | </ul> | | </ul> |
