appen-isen/site-interpromos
1
0
Fork 0
mirror of https://github.com/appen-isen/site-interpromos.git synced 2026-01-18 16:37:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

big cleanup

Browse Source
This commit is contained in:
sehnryr
2022-10-10 20:16:59 +02:00
parent 05ae3138b4
commit 44fcfd7bed
25 changed files with 7 additions and 1402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Pages/Bracket/Bracket.html
View File

@@ -1 +0,0 @@
<script src="../../Scritpts/BracketApp.js"></script>

618
Pages/Bracket/responsive-tournament-bracket/dist/index.html vendored
View File

@@ -1,618 +0,0 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.3.1/css/flag-icon.min.css'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'><link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
<div class="tournament-bracket tournament-bracket--rounded">
<div class="tournament-bracket__round tournament-bracket__round--eigthfinals">
<h3 class="tournament-bracket__round-title">Huitièmes</h3>
<ul class="tournament-bracket__list">
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">18h</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Canada">A2-CIR</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number"id=>4</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A1-CSI</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time>19h</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Czech Republic">A1-CIR</abbr>
<span >🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">4</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">M1</abbr>
<span>🍕</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">19h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">19h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">19h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">19h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">19h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">18h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">M1</abbr>
<span>⚓</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">4</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Belarus">M2</abbr>
<span>👨‍🎓</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div class="tournament-bracket__round tournament-bracket__round--quarterfinals">
<h3 class="tournament-bracket__round-title">Quarts</h3>
<ul class="tournament-bracket__list">
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">18h</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Canada">A2-CIR</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">4</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A1-CSI</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time>19h</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Czech Republic">A1-CIR</abbr>
<span >🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">4</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">M1</abbr>
<span>🍕</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">19h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-18">18h30</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">M1</abbr>
<span>⚓</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">4</span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Belarus">M2</abbr>
<span>👨‍🎓</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div class="tournament-bracket__round tournament-bracket__round--semifinals">
<h3 class="tournament-bracket__round-title">Demis</h3>
<ul class="tournament-bracket__list">
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<a>20h</a>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Canada">A2-CIR</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
</td>
</tr>
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Czech Republic">A1-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<a>20h30</a>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >M1</abbr>
<span>⚓</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">4</span>
</td>
</tr>
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">7</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div class="tournament-bracket__round tournament-bracket__round--bronze">
<h3 class="tournament-bracket__round-title">Petite Finale</h3>
<ul class="tournament-bracket__list">
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<a>21h</a>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">M1</abbr>
<span>⚓</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">3</span>
<span class="tournament-bracket__medal tournament-bracket__medal--bronze fa fa-trophy" aria-label="Bronze medal"></span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" title="Canada">A2-CIR</abbr>
<span >🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">2</span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div class="tournament-bracket__round tournament-bracket__round--gold">
<h3 class="tournament-bracket__round-title">Grande Finale</h3>
<ul class="tournament-bracket__list">
<li class="tournament-bracket__item">
<div class="tournament-bracket__match" tabindex="0">
<table class="tournament-bracket__table">
<caption class="tournament-bracket__caption">
<time datetime="1998-02-22">22h</time>
</caption>
<thead class="sr-only">
<tr>
<th>Country</th>
<th>Score</th>
</tr>
</thead>
<tbody class="tournament-bracket__content">
<tr class="tournament-bracket__team tournament-bracket__team--winner">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code" >A1-CIR</abbr>
<span>🅱</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">1</span>
<span class="tournament-bracket__medal tournament-bracket__medal--gold fa fa-trophy" aria-label="Gold medal"></span>
</td>
</tr>
<tr class="tournament-bracket__team">
<td class="tournament-bracket__country">
<abbr class="tournament-bracket__code">A3-CSI</abbr>
<span>🅰</span>
</td>
<td class="tournament-bracket__score">
<span class="tournament-bracket__number">0</span>
<span class="tournament-bracket__medal tournament-bracket__medal--silver fa fa-trophy" aria-label="Silver medal"></span>
</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- partial -->
</body>
</html>

485
Pages/Bracket/responsive-tournament-bracket/dist/style.css vendored
View File

@@ -1,485 +0,0 @@
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/worksans/v18/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBiEJow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/worksans/v18/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/worksans/v18/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBiEJow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/worksans/v18/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBiEJow.ttf) format('truetype');
}
::-webkit-scrollbar {
width: 20px;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px;
border: 6px solid transparent;
background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
background-color: #a8bbbf;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: 15px;
}
@media (min-width: 38em) {
html {
font-size: 14px;
}
}
@media (min-width: 52em) {
html {
font-size: 15px;
}
}
@media (min-width: 72em) {
html {
font-size: 16px;
}
}
body {
background-color: transparent;
font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
}
.container {
width: 90%;
min-width: 18em;
margin: 20px auto;
}
h1,
h2 {
text-align: center;
}
h1 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
}
h2 {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 2em;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.tournament-bracket {
display: flex;
flex-direction: column;
}
@media (min-width: 38em) {
.tournament-bracket {
flex-direction: row;
}
}
.tournament-bracket__round {
display: block;
margin-left: -3px;
flex: 1;
}
.tournament-bracket__round-title {
color: #9e9e9e;
font-size: 0.90rem;
font-weight: 400;
text-align: center;
font-style: italic;
margin-bottom: 0.5em;
}
.tournament-bracket__list {
display: flex;
flex-direction: column;
flex-flow: row wrap;
justify-content: center;
height: 100%;
min-height: 100%;
border-bottom: 1px dashed #e5e5e5;
padding-bottom: 2em;
margin-bottom: 2em;
transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
}
@media (max-width: 24em) {
.tournament-bracket__list {
padding-bottom: 1em;
margin-bottom: 1em;
}
}
@media (min-width: 38em) {
.tournament-bracket__list {
margin-bottom: 0;
padding-bottom: 0;
border-right: 1px dashed #e5e5e53f;
border-bottom: 0;
}
}
.tournament-bracket__round:last-child .tournament-bracket__list {
border: 0;
}
.tournament-bracket__item {
display: flex;
flex: 0 1 auto;
justify-content: center;
flex-direction: column;
align-items: flex-start;
position: relative;
padding: 2% 0;
width: 48%;
transition: padding 0.2s linear;
}
.tournament-bracket__item:nth-child(odd) {
margin-right: 2%;
}
.tournament-bracket__item:nth-child(even) {
margin-left: 2%;
}
.tournament-bracket__item::after {
transition: width 0.2s linear;
}
@media (max-width: 24em) {
.tournament-bracket__item {
width: 100%;
}
.tournament-bracket__item:nth-child(odd),
.tournament-bracket__item:nth-child(even) {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 38em) {
.tournament-bracket__item {
padding: 0.5em 1em;
width: 100%;
}
.tournament-bracket__item:nth-child(odd),
.tournament-bracket__item:nth-child(even) {
margin: 0;
}
.tournament-bracket__item::after {
position: absolute;
right: 0;
content: '';
display: block;
width: 1em;
height: 45%;
border-right: 2px solid #9e9e9e;
}
.tournament-bracket__item:nth-child(odd)::after {
top: 50%;
border-top: 2px solid #9e9e9e;
transform: translateY(-1px);
}
.tournament-bracket--rounded .tournament-bracket__item:nth-child(odd)::after {
border-top-right-radius: 0.6em;
}
.tournament-bracket__item:nth-child(even)::after {
bottom: 50%;
border-bottom: 2px solid #9e9e9e;
transform: translateY(1px);
}
.tournament-bracket--rounded .tournament-bracket__item:nth-child(even)::after {
border-bottom-right-radius: 0.6em;
}
.tournament-bracket__round:first-child .tournament-bracket__item {
padding-left: 0;
}
.tournament-bracket__round:last-child .tournament-bracket__item {
padding-right: 0;
}
.tournament-bracket__round:last-child .tournament-bracket__item::after {
display: none;
}
.tournament-bracket__round:nth-last-child(2) .tournament-bracket__item::after {
border-radius: 0;
border-right: 0;
}
}
@media (min-width: 72em) {
.tournament-bracket__item {
padding: 0.5em 1.5em;
}
.tournament-bracket__item::after {
width: 1.5em;
}
}
.tournament-bracket__match {
display: flex;
width: 100%;
background-color: #ffffff;
padding: 1em;
border: 1px solid transparent;
border-radius: 0.1em;
box-shadow: 0 2px 0 0 #e5e5e5;
outline: none;
cursor: pointer;
transition: padding 0.2s ease-in-out, border 0.2s linear;
}
.tournament-bracket__match:focus {
border-color: #2196F3;
}
.tournament-bracket__match::before,
.tournament-bracket__match::after {
transition: all 0.2s linear;
}
@media (max-width: 24em) {
.tournament-bracket__match {
padding: 0.75em 0.5em;
}
}
@media (min-width: 38em) {
.tournament-bracket__match::before,
.tournament-bracket__match::after {
position: absolute;
left: 0;
z-index: 1;
content: '';
display: block;
width: 1em;
height: 10%;
border-left: 2px solid #9e9e9e;
}
.tournament-bracket__match::before {
bottom: 50%;
border-bottom: 2px solid #9e9e9e;
transform: translate(0, 1px);
}
.tournament-bracket--rounded .tournament-bracket__match::before {
border-bottom-left-radius: 0.6em;
}
.tournament-bracket__match::after {
top: 50%;
border-top: 2px solid #9e9e9e;
transform: translate(0, -1px);
}
.tournament-bracket--rounded .tournament-bracket__match::after {
border-top-left-radius: 0.6em;
}
}
@media (min-width: 72em) {
.tournament-bracket__match::before,
.tournament-bracket__match::after {
width: 1.5em;
}
.tournament-bracket__match::before {
transform: translate(0, 1px);
}
.tournament-bracket__match::after {
transform: translate(0, -1px);
}
}
.tournament-bracket__round:last-child .tournament-bracket__match::before,
.tournament-bracket__round:last-child .tournament-bracket__match::after {
border-left: 0;
}
.tournament-bracket__round:last-child .tournament-bracket__match::before {
border-bottom-left-radius: 0;
}
.tournament-bracket__round:last-child .tournament-bracket__match::after {
display: none;
}
.tournament-bracket__round:first-child .tournament-bracket__match::before,
.tournament-bracket__round:first-child .tournament-bracket__match::after {
display: none;
}
.tournament-bracket__content {
display: flex;
}
.tournament-bracket__content::after {
content: ':';
width: 1em;
text-align: center;
padding: 0.2em 0.1em;
}
@media (min-width: 38em) {
.tournament-bracket__content::after {
order: 1;
}
}
.tournament-bracket__content .tournament-bracket__team:first-child {
width: 50%;
order: 0;
text-align: right;
}
@media (min-width: 38em) and (max-width: 52em) {
.tournament-bracket__content .tournament-bracket__team:first-child {
align-items: flex-end;
}
}
.tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
order: 2;
justify-content: flex-end;
}
@media (min-width: 24em) {
.tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
order: 0;
}
}
@media (min-width: 38em) and (max-width: 52em) {
.tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
flex-direction: column-reverse;
align-items: flex-end;
}
}
.tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__score {
order: 0;
}
@media (min-width: 24em) {
.tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__score {
order: 2;
}
}
.tournament-bracket__content .tournament-bracket__team:last-child {
width: 50%;
order: 2;
text-align: left;
}
@media (min-width: 38em) and (max-width: 52em) {
.tournament-bracket__content .tournament-bracket__team:last-child {
align-items: flex-start;
}
}
@media (min-width: 38em) {
.tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__country {
justify-content: flex-start;
}
}
@media (min-width: 38em) and (max-width: 52em) {
.tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__country {
align-items: flex-start;
}
}
.tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__code {
order: 1;
}
.tournament-bracket__table {
width: 100%;
}
.tournament-bracket__caption {
font-size: 0.8rem;
color: #BDBDBD;
font-weight: 300;
padding-bottom: 0.75em;
}
.tournament-bracket__team {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
@media (min-width: 24em) {
.tournament-bracket__team {
flex-direction: column-reverse;
}
}
@media (min-width: 38em) {
.tournament-bracket__team {
flex-direction: column-reverse;
}
}
.tournament-bracket__country {
font-size: 0.73rem;
display: flex;
margin-top: 0.5em;
align-items: center;
}
@media (max-width: 24em) {
.tournament-bracket__country {
margin-top: 0;
}
}
@media (min-width: 38em) and (max-width: 52em) {
.tournament-bracket__country {
display: flex;
flex-direction: column;
}
.tournament-bracket__country .tournament-bracket__code {
margin-top: 0.2em;
}
}
.tournament-bracket__code {
padding: 0 0.5em;
color: #212121;
font-weight: 600;
text-transform: uppercase;
border: 0;
text-decoration: none;
cursor: help;
transition: padding 0.2s ease-in-out;
}
@media (max-width: 24em) {
.tournament-bracket__code {
padding: 0 0.25em;
}
}
@media (min-width: 38em) and (max-width: 52em) {
.tournament-bracket__code {
padding: 0;
}
}
.tournament-bracket__score {
display: flex;
align-items: center;
}
.tournament-bracket__team:first-child .tournament-bracket__score {
flex-direction: row-reverse;
padding-left: 0.75em;
}
.tournament-bracket__team:last-child .tournament-bracket__score {
padding-right: 0.75em;
}
.tournament-bracket__number {
display: inline-block;
padding: 0.2em 0.4em 0.2em;
border-bottom: 0.075em solid transparent;
font-size: 0.95rem;
background-color: #F5F5F5;
border-color: #dddddd;
}
.tournament-bracket__team--winner .tournament-bracket__number {
background-color: #FFF176;
border-color: #fad674;
}
.tournament-bracket__medal {
padding: 0 0.5em;
}
.tournament-bracket__medal--gold {
color: #FFD700;
}
.tournament-bracket__medal--silver {
color: #C0C0C0;
}
.tournament-bracket__medal--bronze {
color: #CD7F32;
}

8
Pages/admin/AdminPage.html
View File

@@ -1,8 +0,0 @@
<link href="../../styles/styleAdminPage.css" rel="stylesheet">
<script type="text/javascript" src="appAdmin.js"></script>
<div class="popup" id="popup">
<div class="txtField">Le mdp des admin ?</div>
<input id="pass" type="password"/>
<button id="buttonOK" onclick="done()">OK</button>
</div>

34
Pages/admin/appAdmin.js
View File

@@ -1,34 +0,0 @@
window.onload = function() {
showPopup();
};
function done() {
document.getElementById("popup").style.display = "none";
var password = document.getElementById("pass").value;
if(password=='4'){
prompt('oi')
}
else{
prompt("no")
}
//DO STUFF WITH PASSWORD HERE
};
function showPopup() {
document.getElementById("popup").style.display = "block";
var input = document.getElementById("pass");
input.focus();
// Execute a function when the user presses a key on the keyboard
input.addEventListener("keypress", function(event) {
console.log("oui");
// If the user presses the "Enter" key on the keyboard
if (event.key === "Enter") {
// Cancel the default action, if needed
event.preventDefault();
// Trigger the button element with a click
document.getElementById("buttonOK").click();
}
});
}

166
Pages/basket.html
View File

@@ -1,166 +0,0 @@
<head></head>
<navbar>
<img class="Sign" src="../images/SignB.png">
<input class="ButtonDayNight" type="image" src="../images/DAYnNGH.png" onclick="myFunction()" />
<script>
window.IsDark = 0;
function myFunction() {
document.body.classList.toggle("LightMode");
if (window.IsDark == 0){
document.querySelector('table').style.backgroundColor = '#e6e7e8';
document.querySelector('.ContainerMatchEnCours').style.backgroundColor = '#92a0b5';
document.querySelector('.TextMatch').style.color = 'rgb(36, 37, 39)';
document.querySelector('.J1').style.color = 'rgb(255, 255, 255)';
document.querySelector('.J2').style.color = 'rgb(255, 255, 255)';
document.querySelector('.TournamentContainer').style.backgroundColor = 'rgb(207, 204, 204)';
document.body.style.scrollbarFaceColor="#373a3b"
var ChoiceLignesImp = document.querySelectorAll('tr:nth-child(even)');
ChoiceLignesImp.forEach(ChoiceLignesImp => {
ChoiceLignesImp.style.backgroundColor = '#979ba0';
});
var Choices = document.querySelectorAll('td, th');
Choices.forEach(choice => {
choice.style.color = 'rgb(53, 53, 53)';
choice.style.border = '2px solid #272525';
});
document.querySelector('.sign').setAttribute('src',"../images/SignN.png")
window.IsDark = 1;
console.log("White")
}
else{
document.querySelector('table').style.backgroundColor = 'rgb(37, 37, 37)';
document.querySelector('.ContainerMatchEnCours').style.backgroundColor = '#4c535e';
document.querySelector('.TextMatch').style.color = 'rgb(217, 224, 232)';
document.querySelector('.J1').style.color = 'rgb(0, 0, 0)';
document.querySelector('.J2').style.color = 'rgb(0, 0, 0)';
document.querySelector('.TournamentContainer').style.backgroundColor = 'rgb(58, 56, 56)';
var ChoiceLignesImp = document.querySelectorAll('tr:nth-child(even)');
ChoiceLignesImp.forEach(ChoiceLignesImp => {
ChoiceLignesImp.style.backgroundColor = '#515151';
});
var Choices = document.querySelectorAll('td, th');
Choices.forEach(choice => {
choice.style.color = 'azure';
choice.style.border = '2px solid #dddddd';
});
document.querySelector('.sign').setAttribute('src',"../images/SignB.png")
window.IsDark = 0;
console.log("Dark");
}
}
</script>
</navbar>
<body>
<link href="../styles/stylePages.css" rel="stylesheet">
<div class="container"></div>
<img class="Logo" src="../images/InterPromo.png">
<a href="../index.html" ><img class="Home" src="../images/HomeIcon.png"></a>
<table>
<tr>
<th></th>
<th>A1-CSI</th>
<th>A1-CIR</th>
<th>A2-CSI</th>
<th>A2-CIR</th>
<th>A3</th>
<th>M1</th>
<th>M2</th>
<th>Rank</th>
</tr>
<tr>
<td>A1-CIR</td>
<td>X</td>
<td>2-0</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>1</td>
</tr>
<tr>
<td>A1-CSI</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>2</td>
</tr>
<tr>
<td>A2-CSI</td>
<td>0-2</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>3</td>
</tr>
<tr>
<td>A2-CIR</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>4</td>
</tr>
<tr>
<td>A3</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>5</td>
</tr>
<tr>
<td>M1</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>6</td>
</tr>
<tr>
<td>M2</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>TBD</td>
<td>7</td>
</tr>
</table>
<div class="TournamentContainer">
<iframe src="../Pages/Bracket/responsive-tournament-bracket/dist/index.html" class="Bracket" name="targetframe" allowTransparency="true" scrolling="yes" frameborder="0" ></iframe>
</div>
<div class="ContainerMatchEnCours">
<div class="TextMatch"> Match en Cours</div>
<div class="J1">A2-CIR</div>
<img class="VersusImg" src="../images/Versus.png">
<div class="J2">A1-CSI</div>
<div class="ScoreJ1">2</div>
<div class="tiret">-</div>
<div class="ScoreJ2">0</div>
</div>
</body>

59
Server/client.js
View File

@@ -1,59 +0,0 @@
// Get net module
const net = require('net');
//Configuration ===================================
const port = 8888;
//=================================================
//================= Client 1 ==========================
//Create the socket client.
const client1 = new net.Socket();
//Connect to the server on the configured port
client1.connect(port,function(){
//Log when the connection is established
console.log(`Cleint 1 :Connected to server on port ${port}`);
//Try to send data to the server
client1.write('Hi from the client 1');
});
//Handle data coming from the server
client1.on('data',function(data){
console.log(`Client 1 received from server : ${data}`);
});
// Handle connection close
client1.on('close',function(){
console.log('Cleint 1 :Connection Closed');
});
//Handle error
client1.on('error',function(error){
console.error(`Connection Error ${error}`);
});
//================= Client 2 ==========================
//Create the socket client.
const client2 = new net.Socket();
//Connect to the server on the configured port
client2.connect(port,function(){
//Log when the connection is established
console.log(`Cleint 2 : Connected to server on port ${port}`);
//Try to send data to the server
client2.write('Hi from the client 2');
});
//Handle data coming from the server
client2.on('data',function(data){
console.log(`Client 2 received from server : ${data}`);
});
// Handle connection close
client2.on('close',function(){
console.log('Cleint 2 : Connection Closed');
});
//Handle error
client2.on('error',function(error){
console.error(`Connection Error ${error}`);
});

13
Server/package.json
View File

@@ -1,13 +0,0 @@
{
"name": "server",
"version": "1.0.0",
"description": "",
"main": "client.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "node server.js"
},
"keywords": [],
"author": "",
"license": "ISC"
}

11
Server/server.js
View File

@@ -1,11 +0,0 @@
const http = require('http');
http.createServer((req, res) => {
res.writeHead(200, { 'Content-Type': 'text/plain' });
res.write('Hello there');
res.end();
}).listen(8080);
console.log('server running on port 8080');

14
index.html
View File

@@ -1,11 +1,11 @@
<head>
<body>
<navbar><img class="Sign" src="images/SignB.png"></navbar>
<link href="styles/style.css" rel="stylesheet">
<navbar><img class="Sign" src="public_html/img/SignB.png"></navbar>
<link href="public_html/css/style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="container"></div>
<img src="images/InterPromo.png">
<input class="ButtonDayNight" type="image" src="images/DAYnNGH.png" onclick="myFunction()" />
<img src="public_html/img/InterPromo.png">
<input class="ButtonDayNight" type="image" src="public_html/img/DAYnNGH.png" onclick="myFunction()" />
<script>
window.IsDark = 0;
function myFunction() {
@@ -16,7 +16,7 @@
Choices.forEach(choice => {
choice.style.color = 'rgb(14, 14, 14)';
});
document.querySelector('.sign').setAttribute('src',"images/SignN.png")
document.querySelector('.sign').setAttribute('src',"public_html/img/SignN.png")
window.IsDark = 1;
console.log("White")
}
@@ -26,7 +26,7 @@
Choices.forEach(choice => {
choice.style.color = 'rgb(193, 193, 193)';
});
document.querySelector('.sign').setAttribute('src',"images/SignB.png")
document.querySelector('.sign').setAttribute('src',"public_html/img/SignB.png")
window.IsDark = 0;
console.log("Dark");
}
@@ -34,7 +34,7 @@
</script>
<div class="vertical_menu" name="MenuV">
<a href="#" class="active">Acceuil</a>
<a href="Pages/basket.html">Basket</a>
<a href="#">Basket</a>
<a href="#">Hand</a>
<a href="#">Bad</a>
<a href="#">Volley</a>

0
styles/StyleBracket.css → public_html/css/StyleBracket.css
View File

0
styles/style.css → public_html/css/style.css
View File

0
styles/styleAdminPage.css → public_html/css/styleAdminPage.css
View File

0
styles/stylePages.css → public_html/css/stylePages.css
View File

0
styles/font/BebasNeue-Regular.otf → public_html/font/font/BebasNeue-Regular.otf
View File

0
styles/font/BebasNeue-Regular.woff → public_html/font/font/BebasNeue-Regular.woff
View File

0
styles/font/BebasNeue-Regular.woff2 → public_html/font/font/BebasNeue-Regular.woff2
View File

0
styles/font/scoreboard.woff → public_html/font/font/scoreboard.woff
View File

0
images/DAYnNGH.png → public_html/img/DAYnNGH.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

0
images/HomeIcon.png → public_html/img/HomeIcon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

0
images/InterPromo.png → public_html/img/InterPromo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

0
images/Promos/A3.jpg → public_html/img/Promos/A3.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 156 KiB

After

Width:  |  Height:  |  Size: 156 KiB

0
images/SignB.png → public_html/img/SignB.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 105 KiB

After

Width:  |  Height:  |  Size: 105 KiB

0
images/SignN.png → public_html/img/SignN.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

0
images/Versus.png → public_html/img/Versus.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 93 KiB

After

Width:  |  Height:  |  Size: 93 KiB