Widget:DivineDecision

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js"></script>

<style> div.charFilter select{ border: 1px solid #000;

   color: #fff;
   background: #444;
   position: relative;
   width: 150px;
   float: left;
   height: 25px;
   margin-right: 5px;

} div.charFilter{ display: inline-block;

   padding-left: 15px;

padding-right: 15px;

   width: 100%;

} div.filterLeft{ float: left; } div.filterRight{ float: right; }

div#decPanel {

   text-align: center;
 background: rgba(68,68,68,0.2);
 border-radius: 15px;
 border: 2px solid #8b4513;
 padding: 10px;

display: inline-block;

   min-width: 100%;

}

.blur {

  filter:blur(6px);
  transition: filter 0.3s;
  -webkit-transition: filter 0.3s;

}

.blur:hover {

  filter:blur(0px);
  

}

div.campTitle{

   text-align: center;
   font-weight: bold;
   padding: 3px;
   font-family: "Cinzel Decorative";
   font-size: 35px;  

}

div.divDesc{ text-align: center; }

.dicChosen {

   width: 600px;
   margin: 0 auto;

} .dicChoices{

   display:inline;
   margin-bottom:30px;

width: 300px; } .dicImage{

   display:block;
   width:inherit;
   margin-bottom:inherit;
   border-radius: 15px;
   border: 3px solid #F9E4CA;

}

.dicChoices table tbody, tr, td{ width: inherit; } </style>

<script>

$("div#decPanel").prepend("

");

$("div.filterLeft").append("<select id='mainFilter'><option>Season 3</option></select>"); $("div.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option><option>The Senate of Deadlantis</option><option>Azveltara Z</option></select>");

$("#mainFilter").change(function() { });

var path = "";

var GPO = '

The Grand Paladin Order

After the death of Virgo Sunsword, the Grand Paladin Order needed to choose a new Grand Paladin to lead them and pass down the flame. The Old Gods were give the chance to decide who will be the next Grand Paladin.

<tbody></tbody>

<img class="dicImage" style="float:left;" src="/images/a/a0/Gwyneth_GPO.png">

You believe Gwyneth Sunsword, daughter to Virgo Sunsword, should be the next Grand Paladin. Choosing this path will push Gwyneth down her darkest storyline as she she hunts down Bopen the Skeleton King.

<tbody></tbody>

<img class="dicImage" style="float:right;" src="/images/c/c6/Lance_GPO.png">

You believe Lance Willakers, leader of the Lightbeard Clan, should be the next Grand Paladin. Choosing this path will create the most aggressive Grand Paladin there will ever be.

<img class="dicImage"style="display:block;margin:auto;"src="/images/6/6e/DivineDecision_S3C1.png">

<a class="dicLink" href="https://www.youtube.com/watch?v=cw2HkGQE5Mw" style="text-align: center;display: block;margin: 0 auto;">Youtube</a>

'; var SOD = '

The Senate of Deadlantis

After murdering Virgo Sunsword and commandeering his vessel, Bopen the Skeleton King returns to the Senate of Deadlantis to warn them of a new spell developed by the Elves called Darkvison. Using Phineas Barringster he demonstrates that the spell allows elves to see disguised Ageless and uses this to motivate the Senate and the Ageless to go to war with the living. It is now up to the Old Gods to choose whether to agree with Bopen and go to war, or agree with Daedric Tarcial'Embeart and keep relative peace.

<tbody></tbody>

<img class="dicImage" style="float:left;" src="/images/b/b9/Bopen_SOD.jpg">

You believe the Ageless of Deadlantis should go to war with the living.

<tbody></tbody>

<img class="dicImage" style="float:right;" src="/images/f/f3/Daedrik_SOD.jpg">

You believe war would only bring ruin to Deadlantis and keep the relative peace.

<img class="dicImage"style="display:block;margin:auto;"src="/images/9/9f/DivineDecision_S3C2.png">

<a class="dicLink" href="https://www.youtube.com/watch?v=wUgsA__V4pk" style="text-align: center;display: block;margin: 0 auto;">Youtube</a>

'; var AVZ = '

Azveltara Z

Lyn Azveltara is very promiscuous with her assassins, due to her need to refresh her Lover's bond with them. The Old Gods determine whether she will become pregnant with one of the player's children, or if she will become infertile.

<tbody></tbody>

<img class="dicImage" style="float:left;" src="/images/c/c0/Lyn_Pregnant.png">

You do want Lyn Azveltara to become pregnant from one of the Characters created by the Players this campaign.

<tbody></tbody>

<img class="dicImage" style="float:right;" src="/images/8/8f/Lyn_Infertile.png">

You do not want Lyn Azveltara to have a children ever causing her to become infertile.

<img class="dicImage"style="display:block;margin:auto;"src="/images/8/86/DivineDecision_S3C3.jpeg">

<a class="dicLink" href="" style="text-align: center;display: block;margin: 0 auto;">Youtube</a>

';

$("#contHolder").append(GPO); $("#contHolder").append(SOD); $("#contHolder").append(AVZ);

$("#seasonFilter-s3").change(function() { $(".campBox").hide();

if($(this).val() == "The Grand Paladin Order"){ $("#GPO").show(); path = "#s3c1"; } if($(this).val() == "The Senate of Deadlantis"){ $("#SOD").show(); path = "#s3c2"; } if($(this).val() == "Azveltara Z"){ $("#AVZ").show(); path = "#s3c3"; } var url = location.href; url = url.substring(0, url.indexOf("#")); window.history.replaceState( {} , , url + path); });

$(window).on("load", function() { var loc = location.href; loc = loc.substring(loc.indexOf("#") + 1); if(loc == "s3c1"){ $('#seasonFilter-s3').val("The Grand Paladin Order").change(); onChange(); } if(loc == "s3c2"){ $('#seasonFilter-s3').val("The Senate of Deadlantis").change(); onChange(); } if(loc == "s3c3"){ $('#seasonFilter-s3').val("Azveltara Z").change(); onChange(); } });

function onChange() { $(".campBox").hide();

if($('#seasonFilter-s3').val() == "The Grand Paladin Order"){ $("#GPO").show(); path = "#s3c1"; } if($('#seasonFilter-s3').val() == "The Senate of Deadlantis"){ $("#SOD").show(); path = "#s3c2"; } if($('#seasonFilter-s3').val() == "Azveltara Z"){ $("#AVZ").show(); path = "#s3c3"; } var url = location.href; url = url.substring(0, url.indexOf("#")); window.history.replaceState( {} , , url + path); }

//Default $(".campBox").hide(); $("#GPO").show(); if(location.href.indexOf("#") < 0) { window.history.replaceState( {} , , location.pathname + "#s3c1");

}

</script>