Joe Krajca

Joe Krajca died on June 23rd. He got to see the longest day of his 86th year. We miss him.

by austegard

HTML

<div id="wrap">
<h1>Joe Krajca</h1>
<h2>11/1/1926 - 06/23/2012</h2>
<p>May the polka play,<br>
the beer be cold,<br>
the steaks tender,<br>
and our love be always in your heart.<br>
</p>
<p id="love">We love you.</p>
<div id="links">
    <a href="http://www.legacy.com/obituaries/houstonchronicle/obituary.aspx?n=joe-krajca&pid=158234582&fhid=10996" target="_blank" title="Joe's Obituary">Obituary</a>
    <a href="http://j.mp/JoeKrajcaPics" target="_blank" title="Pictures of Joe">Pictures</a>
    <a href="http://www.parkinson.org/" target="_blank" title="Please donate to the National Parkinson Foundation">National Parkinson Foundation</a>
</div>
</div>

CSS

<style></style>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<style>
body {
    font-family: Georgia;
    font-size: 20px;
    color: #ddd;
    padding: 30px;
    background-color: brown;
    background: url(http://dygz78ls5cy51.cloudfront.net/103de029f0c84087acd84a14553ce6de) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#wrap {
    text-align: center;
    padding: 10px; 
    position: absolute; right: 0; top: 0; 
    background-color: rgba(0,0,0,0.5)
}
h1 {
    font-family: Segoe UI Light, Arial, Helvetica;
    font-size: 3.5em; 
    color: #ddd; 
    margin: 10px 0;
}
h2 {
    font-size: 1.2em;  
    font-style: italic;
    text-decoration: none;
}
p {margin: 15px;}
#love {font-weight: bold; margin-bottom: 30px;}
#links a, #links a:visited {
    font-size: 0.75em; 
    text-decoration: none;
    color: #09F;
    display: block; 
    margin-top: 15px;
}
</style>

JavaScript

window.addEventListener("load", function() {
    try {
        setTimeout(function() {
            window.scrollTo(0, 1);
        }, 0);

        setTimeout(function() {
            document.getElementById("love").innerText = "We miss you.";
        }, 4000);

        window.title = "Joe Krajca";

    }
    catch (e) {}
});