fic/server
2
0
Fork 0
Code Issues Pull Requests 7 Releases Wiki Activity

Add images to home page; fix countdown

Browse Source
This commit is contained in:
Némunaire 2013-11-25 11:55:15 +01:00
parent 631b9c8c88
commit 4efc90a5f0
9 changed files with 119 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
htdocs/img/challenge.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
htdocs/img/epita.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 435 KiB

BIN
htdocs/img/fic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

2
onyx/include/common.php
View File

@ -14,7 +14,7 @@ require_once("common/Theme.class.php");
$template = new Template();
$template->assign("ERRmessage", false);
$template->assign("END", $VAR['end_challenge'] - time());
$template->assign("END", $VAR['end_challenge']);
if (!empty($LANG))
$template->assign("LANG", $LANG);

2
onyx/include/public/score.php
View File

@ -2,6 +2,8 @@
if(!defined('ONYX')) exit;
$template->assign("top", Team::get_top(10));
$template->assign("themes", Theme::get_themes());
$template->assign("nbExoMax", Exercice::get_nb_exo_max());

95
onyx/tpl/bootstrap/public/home.tpl
View File

@ -1,88 +1,13 @@
{extends file="layout.tpl"}
{extends file="public/layout.tpl"}
{block name=head}
<link href="/css/score.css" rel="stylesheet">
{/block}
{block name=content}
<div class="clock">
<div id="Date"></div>
<ul>
<li id="hours">00</li>
<li id="point">:</li>
<li id="min">00</li>
<li id="point">:</li>
<li id="sec">00</li>
</ul>
</div>
<div class="container" style="margin-top: 25px">
{if $ERRmessage}
<div class="alert alert-{$ERRcolor}">
<button class="close" data-dismiss="alert">&times;</button>
<i class="icon-warning-sign"></i> {$ERRmessage}
</div>
{/if}
<div class="row">
<div class="col-md-2">
<h3>TOP #10</h3>
<div class="list-group">
{foreach from=$top item=t}
<div class="list-group-item">{$t->get_name()}</div>
{/foreach}
{block name=main}
<div class="jumbotron">
<h1>Example</h1>
<p><div id="test">This is a example</div></p>
<p>This is a example</p>
<p>This is a example</p>
<p>This is a example</p>
<p>This is a example</p>
<p>This is a example</p>
</div>
</div>
<!-- example -->
<div class="col-md-10">
<div class="jumbotron">
<h1>Example</h1>
<p><div id="test">This is a example</div></p>
<p>This is a example</p>
<p>This is a example</p>
<p>This is a example</p>
<p>This is a example</p>
<p>This is a example</p>
</div>
</div>
</div><!-- .row -->
<div id="carousel-team" class="carousel slide">
<div class="carousel-inner">
{foreach from=$teams item=my_team key=k}
{if $k == 0}
<div class="item active">
{else}
<div class="item">
{/if}
<div class="well"><h1>{$my_team->get_name()}</h1>{include file="summary.tpl"}</div>
</div>
{/foreach}
</div><!-- .carousel-inner -->
</div><!-- .carousel -->
</div><!-- .container -->
{/block}
{block name=end}
<script type="text/javascript">
$(document).ready(function() {
var time = {$END};
$('#carousel-team').carousel({
interval: 2000 });
setInterval( function() {
var heure = Math.floor(time / 3600);
var min = Math.floor((time / 60) % 60);
var sec = Math.floor(time % 60);
$("#hours").html(( heure < 10 ? "0" : "" ) + heure);
$("#min").html(( min < 10 ? "0" : "" ) + min);
$("#sec").html(( sec < 10 ? "0" : "" ) + sec);
time--;
}, 1000);
});
</script>
{/block}

98
onyx/tpl/bootstrap/public/layout.tpl Normal file
View File

@ -0,0 +1,98 @@
{extends file="layout.tpl"}
{block name=head}
<link href="/css/home.css" rel="stylesheet">
<link href="/css/score.css" rel="stylesheet">
{/block}
{block name=content}
<div class="clock">
<div id="ficlogo">
<a href="http://www.forum-fic.com/">
<img src="img/challenge.jpg" alt="Forum International de la Cybersécurité">
</a>
</div>
<div id="epitalogo">
<a href="http://www.epita.fr/">
<img src="img/epita.png" alt="Epita">
</a>
</div>
<div id="Date"></div>
<ul>
<li id="hours"></li>
<li id="point">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul>
</div>
<div class="container" style="margin-top: 25px">
{if $ERRmessage}
<div class="alert alert-{$ERRcolor}">
<button class="close" data-dismiss="alert">&times;</button>
<i class="icon-warning-sign"></i> {$ERRmessage}
</div>
{/if}
<div class="row">
<div class="col-md-2">
<h3>Top 10</h3>
<div class="list-group">
{foreach from=$top item=t key=k}
<div class="list-group-item">{$k+1}. <a href="/{$t->id}-{$t->get_name()}">{$t->get_name()}</a></div>
{/foreach}
</div>
</div>
<div class="col-md-10">
{block name=main}{/block}
</div>
</div>
{if isset($teams)}
<div id="carousel-team" class="carousel slide">
<div class="carousel-inner">
{foreach from=$teams item=my_team key=k}
<div class="item{if $k == 0} active{/if}">
<div class="well">
<h1>{$my_team->get_name()}</h1>
{include file="summary.tpl"}
</div>
</div>
{/foreach}
</div>
</div>
{/if}
</div>
{/block}
{block name=end}
<script type="text/javascript">
var end_challenge = new Date({$END * 1000});
{literal}
function update_end()
{
var left = (end_challenge - new Date())/1000;
if (left < 0) left = 0;
var heure = Math.floor(left / 3600);
var min = Math.floor((left / 60) % 60);
var sec = Math.floor(left % 60);
$("#hours").html(( heure < 10 ? "0" : "" ) + heure);
$("#min").html(( min < 10 ? "0" : "" ) + min);
$("#sec").html(( sec < 10 ? "0" : "" ) + sec);
}
$(document).ready(function() {
update_end();
$('#carousel-team').carousel({
interval: 2000 });
setInterval( function() {
update_end();
}, 1000);
});
{/literal}
</script>
{/block}

11
onyx/tpl/bootstrap/public/score.tpl
View File

@ -1,9 +1,8 @@
{extends file="layout.tpl"}
{extends file="public/layout.tpl"}
{block name=head}
<link href="/css/common.css" rel="stylesheet">
{/block}
{block name=content}
{block name=main}
<div>
<h1>{$my_team->get_name()}</h1>
{include file="summary.tpl"}
</div>
{/block}

5
onyx/tpl/bootstrap/public/team.tpl
View File

@ -1,5 +1,6 @@
{extends file="layout.tpl"}
{block name=content}
{extends file="public/layout.tpl"}
{block name=main}
<h1>
{$team->slogan}
</h1>