cyoa/index.html at gh-pages · eye8/cyoa · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="js/vendor/flowplayer/skin/playful.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->

        <div id="container">
            <p>Choose Your Own Adventure Demo</p>
            <div class="flowplayer is-splash fixed-controls"
                data-ratio="0.5625"
                data-embed="false"
                data-current="0">
                <video>
                    <source type="video/mp4" src="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/00.mp4">
                </video>

                <div class="fp-playlist">
                    <a data-from="" data-to="0"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/00.mp4">START</a>
                    <a data-from="0" data-to="1"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/01.mp4">BEGIN THE ADVENTURE</a>
                    <a data-from="1" data-to="2"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/02.mp4">CHOOSE YOUR PATH WISELY ...</a>
                    <a data-from="2" data-to="3"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/03.mp4">ROW TO THE PIRATE SHIP</a>
                    <a data-from="3" data-to="4"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/04.mp4">CLIMB UP THE ROPE</a>
                    <a data-from="6" data-to="5"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/05.mp4">LOOK BEHIND THE DOOR</a>
                    <a data-from="7" data-to="5"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/05.mp4">CLIMB UP THE LADDER</a>
                    <a data-from="3" data-to="6"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/06.mp4">ENTER USING THE WINDOW</a>
                    <a data-from="4" data-to="6"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/06.mp4">DARE TO ENTER THE HATCH</a>
                    <a data-from="8" data-to="7"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/07.mp4">GO THROUGH THE PASSAGE</a>
                    <a data-from="" data-to="8"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/08.mp4">UNTITLED</a>
                    <a data-from="5" data-to="9"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/09.mp4">CLIMB UP THE STAIRS</a>
                    <a data-from="6" data-to="9"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/09.mp4">EXPLORE THE HIDDEN HATCH</a>
                    <a data-from="9" data-to="10"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/10.mp4">ROW TO THE SMALL ISLAND</a>
                    <a data-from="11" data-to="10"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/10.mp4">GO BACK TO THE BEACH</a>
                    <a data-from="13" data-to="10"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/10.mp4">GO BACK TO THE BEACH</a>
                    <a data-from="14" data-to="10"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/10.mp4">RETURN TO THE SANDY BEACH</a>
                    <a data-from="10" data-to="11"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/11.mp4">EXPLORE THE SANDY TRAIL</a>
                    <a data-from="11" data-to="12"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/12.mp4">SNEAK PAST THE PIRATES</a>
                    <a data-from="12" data-to="13"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/13.mp4">CROSS THE ROCKS AHEAD</a>
                    <a data-from="13" data-to="14"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/14.mp4">CLIMB UP TO THE LEDGE</a>
                    <a data-from="10" data-to="15"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/15.mp4">ROW TO THE MAINLAND</a>
                    <a data-from="15" data-to="16"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/16.mp4">TRAVEL UP THE BEACH</a>
                    <a data-from="15" data-to="17"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/17.mp4">EXPLORE THE TRAIL AHEAD</a>
                    <a data-from="16" data-to="17"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/17.mp4">SNEAK BACK TO THE TREES</a>
                    <a data-from="17" data-to="18"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/18.mp4">STAY ON THE TRAIL</a>
                    <a data-from="20" data-to="18"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/18.mp4">FOLLOW THE HILLSIDE PATH</a>
                    <a data-from="17" data-to="19"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/19.mp4">TAKE THE UPHILL PATH</a>
                    <a data-from="20" data-to="19"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/19.mp4">FOLLOW THE SWAMP PATH</a>
                    <a data-from="22" data-to="19"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/19.mp4">SEARCH FOR THE KEY</a>
                    <a data-from="18" data-to="20"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/20.mp4">STAY ON THE UPHILL PATH</a>
                    <a data-from="19" data-to="20"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/20.mp4">TRY THE UPHILL PATH</a>
                    <a data-from="18" data-to="21"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/21.mp4">CLIMB DOWN TO THE BEACH</a>
                    <a data-from="19" data-to="21"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/21.mp4">STAY ON THE MUSHY TRAIL</a>
                    <a data-from="21" data-to="22"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/22.mp4">SNEAK TO THE CAVE</a>
                    <a data-from="22" data-to="23"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/23.mp4">OPEN THE LOCK WITH THE KEY</a>
                    <!--a data-from="23" data-to="24"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/24.mp4">GO TO THE NEXT PAGE</a>
                    <a data-from="24" data-to="25"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/25.mp4">GO TO THE NEXT PAGE</a>
                    <a data-from="25" data-to="26"
                       href="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/26.mp4">GO TO THE NEXT PAGE</a-->
                    <p></p> <!-- show info about advert -->
                </div>
            </div>
        </div>
        <audio autoplay loop>
            <source src="https://dl.dropboxusercontent.com/u/7783459/cyoa/demo1/bgmusic.mp3" type="audio/mpeg">
        </audio>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
        <script src="js/vendor/flowplayer/flowplayer.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

    </body>
</html>