criterion_template/index.html at master · scssquatch/criterion_template · 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
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset=utf-8">
    <title>Criterion Template</title>
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>

    <script type="text/x-handlebars">
      <div class="logo"><a href="#"><img src="images/criterion-logo.png" height="75px" width="75px"/></a></div>
      <div class="span1">
        <!--Sidebar content-->
        <div class="well">
            <p class="rotate criterion">
              THE &nbsp;CRITERION &nbsp;COLLECTION
            </p>
        </div>
      </div>
      <div class="span1">
        <!--Sidebar links-->
        <div class="well2" id="well2">
          {{#linkTo "films" title="dead"}}FILMS{{/linkTo}}</br>
          {{#linkTo "photos" title="dead"}}PHOTOS{{/linkTo}}</br>
          {{#linkTo "links" title="dead"}}LINKS{{/linkTo}}</br>
          {{#linkTo "contact" title="dead"}}CONTACT{{/linkTo}}</br>
        </div>
      </div>
      {{outlet}}
    </script>
    <script type="text/x-handlebars" data-template-name="films">
      <div class="content">
        FILMS</br></br>
        <iframe src="http://player.vimeo.com/video/61348049" width="700" height="381" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/61348049">TAKE MY PICTURE</a> from <a href="http://vimeo.com/user15707092">GARAGE Magazine</a> on <a href="http://vimeo.com">Vimeo</a>.</p></br>
        <iframe src="http://player.vimeo.com/video/61315592?portrait=0&amp;badge=0&amp;color=ffffff" width="700" height="318" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/61315592">RUFUS | TAKE ME</a> from <a href="http://vimeo.com/katzkivideo">Katzki</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
      </div>
    </script>
    <script type="text/x-handlebars" data-template-name="photos">
      <div class="content">
        PHOTOS</br></br>
        <img class="photo" src="http://www.placecage.com/c/300/200"/>
        <img class="photo" src="http://www.placecage.com/c/200/300"/>
        <img class="photo" src="http://www.placecage.com/c/300/500"/>
        <img class="photo" src="http://www.placecage.com/c/600/800"/>
        <img class="photo" src="http://www.placecage.com/c/400/100"/>
        <img class="photo" src="http://www.placecage.com/c/600/200"/>
        <img class="photo" src="http://www.placecage.com/c/100/300"/>
        <img class="photo" src="http://www.placecage.com/c/200/200"/>
        <img class="photo" src="http://www.placecage.com/c/700/400"/>
      </div>
    </script>
    <script type="text/x-handlebars" data-template-name="links">
      <div class="content">
        LINKS</br></br>
      </div>
    </script>
    <script type="text/x-handlebars" data-template-name="contact">
      <div class="content">
        CONTACT INFO</br></br>
      </div>
    </script>
    <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="" volume="0">
      <!-- MP4 must be first for iPad! -->
      <source src="videos/times_square.mp4" type="video/mp4" /><!-- WebKit video    -->
      <source src="videos/times_square.ogv" type="video/ogg" /><!-- Firefox / Opera -->
      <!-- fallback to Flash: -->
      <object type="application/x-shockwave-flash" data="videos/times_square.swf">
        <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
        <param name="movie" value="videos/times_square.swf" />
        <param name="flashvars" value="image=no_video.jpg&amp;file=videos/times_square.mp4" />
        <!-- fallback image. note the title field below, put the title of the video there -->
        <img src="images/no_video.jpg" alt="Background Video" title="times_square" />
      </object>
    </video>
    <script src="js/libs/jquery-1.9.1.js"></script>
    <script src="js/libs/handlebars-1.0.0-rc.3.js"></script>
    <script src="js/libs/ember-1.0.0-rc.2.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>