<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>www.dejvino.cz</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Dejvino">
    <meta name="author" content="David Hrdina Němeček">

    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="favicon.ico">
  </head>

  <body style="background-color: rgb(13, 13, 14);">

    <div id="glow-holder"></div>

    <div id="overlay-one"></div>
    <div id="overlay-two"></div>

    <div id="activators">
        <div id="play">@</div>
        <div id="stop" class="btn">X</div>
    </div>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="http://www.dejvino.cz/">www.dejvino.cz</a>
        </div>
      </div>
    </div>

    <div id="main-content" class="container" style="color: #000; text-align: center; padding: 20pt;">

        <div class="row">
            <div class="span4 box" style="padding: 15px;">
                <h1>Dejvino</h1>
                <h3>David Hrdina Němeček</h3>
                <br />
                <img src="me.jpg" alt="me!" />
            </div>

            <div class="span7" style="text-align: left;">

                <div class="box">
                <h2>About</h2>
                <p>
                    This is a personal page of <strong>David&nbsp;Hrdina&nbsp;Němeček</strong>.
                </p>
                <p>
                    Software developer, Linux enthusiast, Mountain bike fan, Mazda MX-5 owner.<br />
                </p>

                <h2>Contacts</h2>
                <p>
                  <table class="table table-striped">
                      <tr>
                          <td>Em<span style="display: none;">xa</span>ail</td>
                          <td id="contact-hugo">requires JavaScript to uncover</td>
                      </tr>
                  </table>
                </p>

                <h2>Links</h2>
                <p>
                <table class="table table-striped">
                    <tr>
                        <th colspan="1">Category</th><th>Links</th>
                    </tr>
                    <tr>
                        <td>Homepage</td>
                        <td><a href="https://www.dejvino.cz/">www.dejvino.cz</a> | <a href="http://www.dejvino.com/">www.dejvino.com</a></td>
                    </tr>
                    <tr>
                        <td>Blog</td>
                        <td><a href="https://wp.dejvino.com/">wp.dejvino.com</a></td>
                    </tr>
                    <tr>
                        <td>Projects</td>
                        <td><a href="https://projects.dejvino.com/">projects.dejvino.com</a></td>
                    </tr>

                    <tr>
                        <td>Code</td>
                        <td><a href="https://git.dejvino.cz/">git.dejvino.cz</a></td>
                    </tr>
                </table>
                </p>

                </div>
            </div>
        </div>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <script src="rot.min.js"></script>
    <script src="glow.js"></script>
    <script>
      initBackground();
      function uncoverContact($prefix) {
        var elem = document.getElementById("contact-hugo");
        var addr = $prefix + "@" + "dej" + "vino." + "cz";
        elem.innerHTML = '<a href="mai' + 'lto' + ':' + addr + '">'
          + addr + '</a>';
      }
      uncoverContact('ciao');
    </script>

  </body>
</html>

