Widget:DivineDecision: Difference between revisions
imported>Pillowkeeper No edit summary |
imported>Pillowkeeper No edit summary |
||
| Line 87: | Line 87: | ||
$("div#decPanel").prepend("<div class='charFilter'><div class='filterLeft'></div> <div class='filterRight'></div></div>"); | $("div#decPanel").prepend("<div class='charFilter'><div class='filterLeft'></div> <div class='filterRight'></div></div>"); | ||
$("div.filterLeft").append("<select id='mainFilter'><option>Season 3</option></select>"); | $("div.filterLeft").append("<select id='mainFilter'><option>Season 3</option></select>"); | ||
$("div.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option></select>"); | $("div.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option><option>The Senate of Deadlantis</option></select>"); | ||
$(".campBox").hide(); | $(".campBox").hide(); | ||
//Default | //Default | ||
| Line 98: | Line 98: | ||
if($(this).val() == "The Grand Paladin Order"){ | if($(this).val() == "The Grand Paladin Order"){ | ||
$("#GPO").show(); | $("#GPO").show(); | ||
} | |||
if($(this).val() == "The Senate of Deadlantis"){ | |||
$("#SOD").show(); | |||
} | } | ||
}); | }); | ||
var GPO = '<div class="campBox" id="GPO"><div class="campTitle">The Grand Paladin Order</div><div class="dicDesc">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.</div><br><div class="dicChoices"><table style="display: inline-block;float: left;width: inherit;padding-bottom: 20px;"><tbody><tr><td><img class="dicImage" style="float:left;" src="/images/a/a0/Gwyneth_GPO.png"></td></tr><tr><td>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.</td></tr></tbody></table><table style="display: inline-block;float: right;width: inherit;padding-bottom: 20px;"><tbody><tr><td><img class="dicImage" style="float:right;" src="/images/c/c6/Lance_GPO.png"></td></tr><tr><td>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.</td></tr></tbody></table></div><br><div class="dicChosen"><img class="dicImage"style="display:block;margin:auto;"src="/images/6/6e/DivineDecision_S3C1.png"></div><a class="dicLink" href="https://www.youtube.com/watch?v=cw2HkGQE5Mw" style="text-align: center;display: block;margin: 0 auto;">Youtube</a></div>'; | var GPO = '<div class="campBox" id="GPO"><div class="campTitle">The Grand Paladin Order</div><div class="dicDesc">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.</div><br><div class="dicChoices"><table style="display: inline-block;float: left;width: inherit;padding-bottom: 20px;"><tbody><tr><td><img class="dicImage" style="float:left;" src="/images/a/a0/Gwyneth_GPO.png"></td></tr><tr><td>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.</td></tr></tbody></table><table style="display: inline-block;float: right;width: inherit;padding-bottom: 20px;"><tbody><tr><td><img class="dicImage" style="float:right;" src="/images/c/c6/Lance_GPO.png"></td></tr><tr><td>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.</td></tr></tbody></table></div><br><div class="dicChosen"><img class="dicImage"style="display:block;margin:auto;"src="/images/6/6e/DivineDecision_S3C1.png"></div><a class="dicLink" href="https://www.youtube.com/watch?v=cw2HkGQE5Mw" style="text-align: center;display: block;margin: 0 auto;">Youtube</a></div>'; | ||
var SOD = '<div class="campBox" id="SOD"><div class="campTitle">The Senate of Deadlantis</div><div class="dicDesc">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.</div><br><div class="dicChoices"><table style="display: inline-block;float: left;width: inherit;padding-bottom: 20px;"><tbody><tr><td><img class="dicImage" style="float:left;" src="/images/b/b9/Bopen_SOD.jpg"></td></tr><tr><td>You believe the Ageless of Deadlantis should go to war with the living.</td></tr></tbody></table><table style="display: inline-block;float: right;width: inherit;padding-bottom: 20px;"><tbody><tr><td><img class="dicImage" style="float:right;" src="/images/f/f3/Daedrik_SOD.jpg"></td></tr><tr><td>You believe war would only bring ruin to Deadlantis and keep the relative peace.</td></tr></tbody></table></div><br><div class="dicChosen"><img class="dicImage"style="display:block;margin:auto;"src="/images/6/6e/DivineDecision_S3C1.png"></div><a class="dicLink" href="https://www.youtube.com/watch?v=cw2HkGQE5Mw" style="text-align: center;display: block;margin: 0 auto;">Youtube</a></div>'; | |||
$("#contHolder").append(GPO); | $("#contHolder").append(GPO); | ||
</script> | </script> | ||
Revision as of 20:42, 17 July 2017
<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></select>"); $(".campBox").hide(); //Default $("#GPO").show(); $("#mainFilter").change(function() { });
$("#seasonFilter-s3").change(function() { $(".campBox").hide(); if($(this).val() == "The Grand Paladin Order"){ $("#GPO").show(); } if($(this).val() == "The Senate of Deadlantis"){ $("#SOD").show(); } });
var GPO = '
| <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. |
| <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. |
'; var SOD = '
| <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. |
| <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. |
';
$("#contHolder").append(GPO); </script>


