mirror of
https://github.com/Team254/cheesy-arena-lite.git
synced 2026-03-09 21:56:50 -04:00
Merge branch 'master' of https://github.com/Team254/cheesy-arena
This commit is contained in:
50
static/css/av.css
Normal file
50
static/css/av.css
Normal 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
82
static/endofmatch.html
Normal 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'> </div>
|
||||
<div class='blinds right center blank'> </div>
|
||||
<div class='blinds left background'> </div>
|
||||
<div class='blinds left center'> </div>
|
||||
<div class='blinds left center blank'> </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>
|
||||
BIN
static/img/endofmatch-bg.png
Normal file
BIN
static/img/endofmatch-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
static/img/endofmatch-center-blank.png
Normal file
BIN
static/img/endofmatch-center-blank.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
static/img/endofmatch-center.png
Normal file
BIN
static/img/endofmatch-center.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
9
static/lib/jquery.transit.min.js
vendored
Normal file
9
static/lib/jquery.transit.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user