Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

removed video and backup files

  • Loading branch information...
commit 43b39ea3480a4c1825695592c87372a8da056348 1 parent 10a1b4b
annasob authored
View
BIN  demos/popcorn/demo.ogg
Binary file not shown
View
2  demos/popcorn/index.html
@@ -20,7 +20,7 @@
<!-- Start Video Div -->
<br />
<div id="videoContainer" class="video-div">
- <video src="demo.ogg" data-timeline-sources="xml/data.xml" style="-moz-transform: scaleX(1.2); height:300px;" controls></video>
+ <video src="http://scotland.proximity.on.ca/sdowne/popcornIntroDemo/demo.ogg" data-timeline-sources="xml/data.xml" style="-moz-transform: scaleX(1.2); height:300px;" controls></video>
<div id="translateinfo"style="z-index:2;position:absolute;color:white;textShadow:black 2px 2px 6px;font-size:18px;font-family:arial;max-width:480px;font-weight:bold;top: 230px;left:-20px"></div>
<div id="translateinfofrench" style="z-index:2;position:absolute;color:white;textShadow:black 2px 2px 6px;font-style:italic;font-family:arial;max-width:480px;font-size:18px;font-weight:bold;top:260px;left:-20px"></div>
</div>
View
86 demos/popcorn/index.html~
@@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <script src="../../popcorn.js"></script>
- <link href="style.css" rel="stylesheet" type="text/css" />
-
- <!-- This is needed for google maps api -->
- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
- <!-- These two are needed for google news api -->
- <script src="http://google.com/jsapi"></script>
- <script>google.load("elements", "1", {packages : ["newsshow"]});</script>
- <!-- This is needed for language translation -->
- <script>google.load("language", "1");</script>
-</head>
-<body>
- <!-- Start Contents -->
- <div id="contents">
- <!-- Start Left Contents -->
- <div class="left-content">
- <!-- Start Video Div -->
- <br />
- <div id="videoContainer" class="video-div">
- <video src="demo.ogg" data-timeline-sources="xml/data.xml" style="-moz-transform: scaleX(1.2); height:300px;" controls></video>
- <div id="translateinfo"style="z-index:2;position:absolute;color:white;textShadow:black 2px 2px 6px;font-size:18px;font-family:arial;max-width:480px;font-weight:bold;top: 230px;left:10px"></div>
- <div id="translateinfofrench" style="z-index:2;position:absolute;color:white;textShadow:black 2px 2px 6px;font-style:italic;font-family:arial;max-width:480px;font-size:18px;font-weight:bold;top:260px;left:10px"></div>
- </div>
-
- <div class="video-info" style="display:none">
- <!-- Start Choose Language -->
- <div class="choose-language">
- <h2>Choose your language</h2>
- <select id="language">
- <option value="zh">Chinese</option>
- <option value="fr" selected="selected">French</option>
- <option value="de">German</option>
- <option value="it">Italian</option>
- <option value="ja">Japanese</option>
- <option value="ko">Korean</option>
- <option value="fa">Persian</option>
- <option value="pl">Polish</option>
- <option value="pt">Portuguese</option>
- <option value="es">Spanish</option>
- </select>
- <span id="credit">
- with help from
- <a href="http://google.com/translate">Google Translate</a> and <a href="http://jquery.com">
- jQuery</a>
- </span>
- </div>
- <!-- End Choose Language -->
- </div>
- <!-- End Video Info -->
- <div id="attribinfo" style="display:none;background:white;width:409px;height:100px;text-align:left;padding-left:4px;"></div>
- </div><br />
-
- </div><!-- End Video Div -->
- <div class="right-content">
- <h1>Google Maps</h1>
- <div id="mapinfo" style="width:400px;height:250px" ></div>
-
- <div id="imageinfo" style="display:none;top:330px;width:400px;text-align:left;"> <!--needed for imageCommand -->
- <h1>Popcorn-js Team</h1>
- </div>
-
- <div id="wikiinfo" style="display:none;top:330px;background:black;color:white;width:400px;height:220px;text-align:left;padding-left:4px;position:absolute;">
- <h1>Wikipedia</h1><br>
- </div>
- <div id="flickrinfo" style="display:none;top:330px;color:white;background:black;width:400px;height:220px;text-align:left;position:absolute">
- <h1>Flickr</h1>
- </div>
- <div id="twitterinfo" style="display:none;top:330px;color:white;background:white;width:400px;height:100px;text-align:left;align:left">
- <br />
- </div>
-
- </div>
- <br />
- <div class="full-content">
-
- <div id="iframeinfo"></div>
- <div id="iframeinfo"></div>
-
- </div>
- </div>
- </body>
-</html>
-
View
85 demos/popcorn/index.html~~
@@ -1,85 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <script src="../../popcorn.js"></script>
- <link href="style.css" rel="stylesheet" type="text/css" />
-
- <!-- This is needed for google maps api -->
- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
- <!-- These two are needed for google news api -->
- <script src="http://google.com/jsapi"></script>
- <script>google.load("elements", "1", {packages : ["newsshow"]});</script>
- <!-- This is needed for language translation -->
- <script>google.load("language", "1");</script>
-</head>
-<body>
- <!-- Start Contents -->
- <div id="contents">
- <!-- Start Left Contents -->
- <div class="left-content">
- <!-- Start Video Div -->
- <br />
- <div id="videoContainer" class="video-div">
- <video src="demo.ogg" data-timeline-sources="xml/data.xml" height="300" width="410" controls></video>
- </div>
- <div id="translateinfo"style="z-index:2;position:absolute;color:white;textShadow:black 2px 2px 6px;font-size:17px;font-weight:bold;align:center;top: 240px;left:8px;"></div>
- <div id="translateinfofrench" style="z-index:2;position:absolute;color:white;textShadow:black 2px 2px 6px;font-size:17px;font-weight:bold;align:center;top: 260px;left:8px;"></div>
-
- <div class="video-info" style="display:none">
- <!-- Start Choose Language -->
- <div class="choose-language">
- <h2>Choose your language</h2>
- <select id="language">
- <option value="zh">Chinese</option>
- <option value="fr" selected="selected">French</option>
- <option value="de">German</option>
- <option value="it">Italian</option>
- <option value="ja">Japanese</option>
- <option value="ko">Korean</option>
- <option value="fa">Persian</option>
- <option value="pl">Polish</option>
- <option value="pt">Portuguese</option>
- <option value="es">Spanish</option>
- </select>
- <span id="credit">
- with help from
- <a href="http://google.com/translate">Google Translate</a> and <a href="http://jquery.com">
- jQuery</a>
- </span>
- </div>
- <!-- End Choose Language -->
- </div>
- <!-- End Video Info -->
- <div id="attribinfo" style="display:none;background:white;width:409px;height:100px;text-align:left;padding-left:4px;"></div>
- </div><br />
-
- </div><!-- End Video Div -->
- <div class="right-content">
- <h1>Google Maps</h1>
- <div id="mapinfo" style="width:380px;height:250px" ></div>
- <br />
- <div id="imageinfo" style="display:none;top:330px;width:380px;text-align:left;"> <!--needed for imageCommand -->
- <h1>Popcorn-js Team</h1>
- </div>
- <div id="wikiinfo" style="display:none;top:400px;background:white;width:380px;height:220px;text-align:left;padding-left:4px;">
- <h1>Wikipedia</h1>
- </div>
- <div id="flickrinfo" style="display:none;top:330px;color:white;background:white;width:330px;height:100px;text-align:left;">
- <h1>Flickr</h1>
- </div>
- <div id="twitterinfo" style="display:none;top:330px;color:white;background:white;width:380px;height:100px;text-align:left;align:left">
- <br />
- </div>
-
- </div>
- <br />
- <div class="full-content">
-
- <div id="iframeinfo"></div>
- <div id="iframeinfo"></div>
-
- </div>
- </div>
- </body>
-</html>
-
View
92 demos/popcorn/style.css~
@@ -1,92 +0,0 @@
-html, body{
-height: 100%;
-}
-
-body {
- line-height: 1;
- font-family: Helvetica, Arial, "Lucida Grande";
- font-size: 15px;
-}
-a{
- text-decoration: none;
- color: #cc433d;
-}
-
-a:hover{
- color: #f27c77;
-}
-/* Layout */
-
-body{
- background-color: #000000;
-}
-
-.left-content{
- width:400px;
- float: left;
-}
-.right-content{
- float: left;
- width:380px;
- padding-left: 20px;
- padding-top: 0px;
-}
-.full-content{
- width:790px;
-}
-.video-div{
- position:relative;
- border-style: "groove";
- margin-bottom: 15px;
- margin-right: 15px;
- clear: both;
- font-size: 15px !important;
-}
-
-h1{
- border: 1px solid #9f9f9f;
- background-color:#1c749d;
- -moz-border-radius:8px;
- border-radius:8px;
- -webkit-border-radius:8px;
- background-image: -moz-linear-gradient(top, #3d96c0, #1a729b);/* Firefox 3.6 */
- background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1a729b),color-stop(1, #3d96c0));/* Safari & Chrome */
- padding: 5px 20px 6px 12px;
- min-width:325px;
- font-size:15px;
- color: #FFF;
- font-weight: normal;
- display: inline-block;
- border-bottom-color: #1c749d;
- /*box-shadow:inset 0 0 1px #FFF;
- -moz-box-shadow:inset 0 1px 0 #6fb9db;*/
-}
-.choose-language h2, .choose-language div{
-color: #FFF;
-opacity:.8;
-}
-
-.choose-language h2{
-font-size: 12px;
-padding-bottom: 3px;
-}
-
-.choose-language a{
-font-weight: bold;
-color: #FFF;
-text-decoration: underline;
-}
-
-.choose-language a:hover{
-opacity:1;
-}
-
-#credit{
-padding: 5px 0;
-font-size: 10px;
-color: #FFF;
-}
-.choose-language select,.choose-language span, .choose-language select *{
-color: #000;
-font-size: 12px;
-}
Please sign in to comment.
Something went wrong with that request. Please try again.