TV-Prototyping-Tool/index.html at master · matternst/TV-Prototyping-Tool · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
  <head>
    <title>TV Prototyping</title>
    <meta charset='utf-8'>
    <meta content='Description' name=''>
    <meta content='1 day' name='revisit-after'>
    <meta content='width=device-width, initial-scale=1' name='viewport'>
    <link rel="shortcut icon" href="favicon.ico?v=5" type="image/x-icon">
    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,400italic,300italic,100italic,700italic,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
    <!-- Styles -->
    <link href="stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="stylesheets/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
    <!-- HTML5 fallbacks -->
    <!--[if lt IE 9]>
    <script src="javascripts/html5shiv.js" type="text/javascript"></script>
    <script src="javascripts/respond.min.js" type="text/javascript"></script>
    <![endif]-->
  </head>
  <body class="user-bg preview-mode">
    <div>
      <section class="user-header clearfix">
        <h1 class="prototype-main-header">Prototype</h1>
        <nav class="main-nav">
          <a class="all_projects view_screens" href="">All Screens</a>
          <a class="full_screen" href="">Full Screen</a>
        </nav>
      </section>

      <section class="modal all_projects_modal">
          <a href="" class="modal-select-close modal-close">X</a>
          <div class="all_projects-header clearfix">
            <h1>All Screens</h1>
          </div>

          <div class="">
            <div id="all-screens"></div>
          </div>
      </section>

      <section class="intro-screen">
        <div class="intro-screen-content">
          <h1>Welcome to the Prototype for <span class="intro-prototype-name"></span></h1>
          <p>Interact with the prototype by using the keys below. To view full screen on a HDMI Connected TV, enter "Full Screen" mode in Google Chrome and enable "Hide Tool Bar in Full Screen"</p>
          <img src="/images/user/keyboard-tips.png" class="helper-image"><br><br><br><br>
          <a href="" class="get-started-btn">Get Started</a>
        </div>
      </section>

      <section class="screens-container">
        <div class="non-clickable"></div>
        <div id="screens"></div>
      </section>

    </div>
    <script src="javascripts/jquery.min.js" type="text/javascript"></script>
    <script src="javascripts/waypoints.min.js" type="text/javascript"></script>
    <script src="javascripts/airtable.browser.js" type="text/javascript"></script>

    <script src="javascripts/config.js" type="text/javascript"></script>
    <script src="javascripts/user-functions.js" type="text/javascript"></script>


  </body>
</html>