vergnet/site-accueil-insa
2
1
Fork 1
Code Issues Pull requests Releases 2 Wiki Activity

Adding design of team's button on Stat's page

Browse source
This commit is contained in:
Arthur 2019-05-19 16:00:28 +02:00
parent 2877456dee
commit 71c578aea4
3 changed files with 75 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
assets/css/style.css
View file

@ -455,6 +455,76 @@ Full-Width Styles
font-size: 12px; font-size: 12px;
color: #535353; color: #535353;
} }
.team-button{
border-radius: 10px 10px 0 0;
font-size: 20px;
cursor: pointer;
}
.team-button#buttonGli{
color: #2ce20b;
background-color: #1a5dad;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonGli:hover {
color: #ff1200;
background-color: #1f6fce;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
}
.team-button#buttonBoo{
color: #2ce20b;
background-color: #1a5dad;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonBoo:hover {
color: #ff1200;
background-color: #1f6fce;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
}
.team-button#buttonPek{
color: #2ce20b;
background-color: #1a5dad;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonPek:hover {
color: #ff1200;
background-color: #1f6fce;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
}
.team-button#buttonVer{
color: #2ce20b;
background-color: #1a5dad;
border-color: #1a5dad;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.team-button#buttonVer:hover {
color: #ff1200;
background-color: #1f6fce;
border-color: #1f6fce;
box-shadow: 0 0 10px #1f6fce;
}
/******************************************************************************* /*******************************************************************************
Small Device Styles Small Device Styles

2
assets/js/statsDisplay.js
View file

@ -8,7 +8,7 @@ let entryTemplate =
function showScores(team) { function showScores(team) {
console.log(team); console.log(team);
$.alert({ $.alert({
title: 'wesh', title: team,
theme: 'supervan', theme: 'supervan',
content: function () { content: function () {
let self = this; let self = this;

5
stats.php
View file

@ -33,10 +33,13 @@ function get_stats($team)
<br><br> <br><br>
<strong>Clique sur une équipe pour voir le détail de son score</strong> <strong>Clique sur une équipe pour voir le détail de son score</strong>
</p> </p>
<br>
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div> <div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
<br>
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div> <div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
<br>
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div> <div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
<br>
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div> <div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css"> <link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css">