Smith Seer Stone

by Oliver_Cowdery

HTML

<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="shortcut icon" sizes="196x196" href="https://imgur.com/ghrkMZ0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
    
<div id="backing">
<div id="centerContainer">
    <div>
         <h1 id="title">Joseph Smith's Seer Stone</h1>        
        <p/>
        <div id="stone" class="shake">
            <div class="wrapper">
                <img src="https://i.imgur.com/fxPVKTj.png" />
                <div id="revelation" class="text">Click Me</div>
            </div>
        </div>
        <div class="hat"></div>
        <p/>
        <div id="instructions">"Doubt not, for it is the gift of God"</div>
    </div>
</div>
</div>

CSS

#backing
{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(132,117,57,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(132,117,57,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(132,117,57,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(132,117,57,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(132,117,57,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(132,117,57,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6847539',GradientType=0 );    
}

#stone {
    height: 0px;
    /* hide stone */
}
#centerContainer {
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
#title {
    color: #000;
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
    font: 70px'ChunkFiveRegular';
}
.wrapper {
    position: relative;
    display: inline-block;
    padding: 0;
}
.text {
    width:180px;
    height:90px;
    position: absolute;
    vertical-align: middle;
    top: 40px;
    left: 20px;
    font: 18px arial, sans-serif;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
    color:#f00;
    background-color:rgba(0, 0, 0, 0.0);
    text-align: center;
    z-index: 10;
}
}
img {
    z-index:1;
}
.hat {
    position: relative;
    display: inline-block;
    border-radius: 25px;
    padding: 0;
    width: 230px;
    height: 160px;
    //background: -webkit-gradient(linear, left top, right bottom,...

JavaScript

var revelations = [
    "His Dudeness, Duder, El Duderino, or Deutero Isaiah",
    "If your son asks for bread, will give him a stone?",
    "Wherefore, I the Lord...",
    "For verily the voice of the Lord is unto all men",
    "No",
    "not pertinent to salvation",
    "Tapirs",
    "Lie for me",
    "Doubt your doubts",
    "That's an anti-mormon lie",
    "Obedience is the first law",
    "Thus saith the Lord unto you my servant Joseph",
    "The church is true",
    "Rename the church",
    "And it came to past...",
    "We always taught that.",
    "Translate does not mean translate",
    "It was a catalyst.",
    "Follow the prophet",
    "Let's skip to Mosiah",
    "I'm tired, just copy the Bible",
    "And it came to pass",
    "Charles Anthon can't read this",
    "Wherefore it came to pass",
    "I don't know that we teach that",
    "Behold, I am God and have spoken it",
    "The note has been noted.",
    "Wherefore or Therfore?",
    "White and delightsome",
    "For it came to pass",
    "Truth abideth forever and ever. Amen.",
    "Use that story from your youth",
    "Just copy your father's dream",
    "Put in errors to test faith",
    "Millions of dead Jaredites...",
    "Indians are the literal descendants of Abraham",
    "Behold, and lo, I am the Lord thy God",
    "Change my words, they're eternal",
    "Shiz!",
    "Plural marriage is necessary for exaltation.",
    "And again, verily I say unto you",
    "Just copy out of Isaiah",
    "There are no red headed angels",
    "I give unto you this commandment...",
    "For I am no respecter of persons",
    "Abraham is Osiris",
    "prepare my chariots...",
    "Speculate about Zelph",
    "Horses, cattle, oxen, and donkeys",
    "goats and wild goats",
    "...except in times of famine.",
    "sheep, swine and elephants",
    "Barley and Wheat",
    "Buy that property",
    "You shall pretend to no other gift",
    "For God did then changth the DNA",
    "Marry that girl",
    "Send that...