index.eco.html


<!DOCTYPE html><html lang="en">
<head>
    <!-- Meta stuff -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    
    <meta http-equiv="Content-Language" content="en" />
    <meta name="description" content="De Knop" />
    <meta name="robots" content="index, follow" />

    <!-- Title -->
    <title>De Knop</title>

    <!-- CSS Styles -->   
    <link rel="stylesheet" href="/static/css/core.css" media="screen" />
</head>
<body>
	
	<header class="main">
        <div class="inner-content">
            <img src="/static/img/header.png"/>
        </div>
    </header>
    
    <div class="cta">
        <a id="start" href="">Give it a try</a>
    </div>
    
    <div class="television">
        <div class="screen">
            <div id="question-correct" class="question-correct"></div>
            <div id="question-incorrect" class="question-incorrect"></div>
            <div id="question-timer" class="question-timer"></div>
            <div id="quiz-score" class="quiz-score">
                <span class="label">Score</label>
                <span id="score" class="score">0</span>
            </div>
            
            <video id="video" controls tabindex="0">
                <source src="/static/video/video.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
            </video>
        </div>
    </div>

	<script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/jquery.form.js"></script>
    <script src="/static/js/raphael-min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script src="/static/js/tv.js"></script>
    <script>
        TV.init('http://192.168.1.83:9000');
        $('#start').click(TV.start);
    </script>

</body>
</html>