зеркало из https://github.com/mozilla/popcorn-js.git
removed video and backup files
This commit is contained in:
annasob
Родитель
10a1b4bc82
Коммит
43b39ea348
Двоичные данные
demos/popcorn/demo.ogg
Двоичные данные
demos/popcorn/demo.ogg
Двоичный файл не отображается.
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
@ -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;
|
||||
}
|
||||
Загрузка…
Ссылка в новой задаче