index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Davis Robertson</title>
    <link rel="shortcut icon" href="DLogo.ico">

    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-50584050-1', 'auto');
    ga('require', 'displayfeatures');
    ga('send', 'pageview');
    </script>

    <meta name="author" content="Davis Robertson">
    <meta name="description" content="Davis Robertson's portfolio.">
    <meta name="keywords" content="Davis, Davis Robertson, daviskr, EpicDavi, Computer Science">
    <meta name="viewport" content="width=device-width" />
    <meta name="theme-color" content="#4294f0">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="flex-page">
    <div class="content center">
        <div class="hero">
            <div class="hero-main">
                <h1>I'm Davis</h1>
            </div>
            <div class="hero-subs">
                <a href="/blog/"><h2>Blog</h2></a>
                <a href="https://github.com/dav-s/"><h2>Projects</h2></a>
                <a href="/files/resume.pdf"><h2>Resume</h2></a>
                <a href="#" onclick="clickContact(this);"><h2>Contact</h2></a>
                <a href="#" onclick="clickOther(this);"><h2>Other</h2></a>
            </div>
        </div>
    </div>
    <footer><small>&copy; 2017 Davis Robertson</small></footer>
</div>
<script>
// 100% effective way to avoid spammers?
var emailToAvoidSpam = ["", "@", "kr.com"].join("davis");
var otherClicks = 0;
function clickContact(elem){
    elem.childNodes[0].innerHTML = emailToAvoidSpam;
}
function clickOther(elem){
    elem.childNodes[0].innerHTML = [
         "Try Again",
         "...",
         "Click Harder",
         "Did You Really Think This Would Do Anything?",
         "Check Out My Resume",
         "Hire Me",
         "Help Me",
         "This Is The End",
         "Bye",
         "You Are Going To Break Me",
         "Goodbye Cruel World!",
         "undefined",
         "That's What I Would Say If I Didn't Handle Index Out Of Bounds",
         "Oh Wait..."
    ][otherClicks];
    otherClicks++;
}
</script>
</body>
</html>