This commit is contained in:
Patrick Fairbank
2014-06-08 22:25:24 -07:00
7 changed files with 143 additions and 2 deletions

50
static/css/av.css Normal file
View File

@@ -0,0 +1,50 @@
/*
Copyright 2014 Team 254. All Rights Reserved.
Author: nick@team254.com (Nick Eyre)
*/
html,body {
height: 100%;
margin: 0;
width: 100%;
}
.container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.blinds {
position: fixed;
top: 0;
background-size: 200%;
height: 100%;
width: 50%;
}
.blinds.left {
background-position: left;
left: -50%;
}
.blinds.right {
background-position: right;
right: -50%;
}
.blinds.full {
width: 100%;
background-position: center;
background-size: 100%;
}
#fillerscreen .blinds.background {
background-image: url('/static/img/endofmatch-bg.png');
}
#fillerscreen .blinds.center {
background-image: url('/static/img/endofmatch-center.png');
-webkit-backface-visibility: hidden;
}
#fillerscreen .blinds.center.blank {
background-image: url('/static/img/endofmatch-center-blank.png');
}

82
static/endofmatch.html Normal file
View File

@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!--
Copyright 2014 Team 254. All Rights Reserved.
Author: nick@team254.com (Nick Eyre)
-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cheesy Arena - A/V Overlay</title>
<meta name="generator" content="Cheesy Arena" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/static/css/fonts/roboto-regular/stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="/static/css/av.css"/>
</head>
<body>
<div class='container' id='fillerscreen'>
<div class='blinds right background'>&nbsp;</div>
<div class='blinds right center blank'>&nbsp;</div>
<div class='blinds left background'>&nbsp;</div>
<div class='blinds left center'>&nbsp;</div>
<div class='blinds left center blank'>&nbsp;</div>
</div>
<script src="/static/lib/jquery.min.js"></script>
<script src="/static/lib/jquery.transit.min.js"></script>
<script type='text/javascript'>
var handle;
setTimeout(function(){
handle = fillerScreen();
setTimeout(handle, 2000);
}, 200);
function fillerScreen(){
// Initialize
$('#fillerscreen .blinds.center:not(.blank)').css({rotateY: '-180deg'})
// In Animation
closeBlinds('fillerscreen', function(){
setTimeout(function(){
$('#fillerscreen .blinds.center.blank').transition({rotateY: '180deg'});
$('#fillerscreen .blinds.center:not(.blank)').transition({rotateY: '0deg'});
}, 400);
});
// Close Function
return function(callback){
$('#fillerscreen .blinds.center.blank').transition({rotateY: '360deg'});
$('#fillerscreen .blinds.center:not(.blank)').transition({rotateY: '180deg'}, function(){
openBlinds('fillerscreen', callback);
});
}
}
function closeBlinds(id, callback){
$('#'+id+' .blinds.right').transition({right: 0});
$('#'+id+' .blinds.left').transition({left: 0}, function(){
$(this).addClass('full');
callback();
});
}
function openBlinds(id, callback){
$('#'+id+' .blinds.right').show();
$('#'+id+' .blinds.left').removeClass('full');
$('#'+id+' .blinds.right').show().transition({right: '-50%'});
$('#'+id+' .blinds.left').transition({left: '-50%'}, function(){
callback();
});
}
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

9
static/lib/jquery.transit.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" ng-app="cheesyArenaRankings" class="no-js">
<html lang="en">
<head>
<!--
@@ -15,7 +15,7 @@
<link rel="stylesheet" href="/static/css/fonts/roboto-regular/stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="/static/css/rankings.css"/>
</head>
<body ng-controller="RankingsController">
<body>
<div id='titlebar'>
Event Rankings