The British Esports Student Champs Code of Conduct sets out clear guidelines for for all participants in the Student Champs, promoting respectfulness, inclusivity and fair play.
We expect all players who use our platform to follow the behaviours and requests set out in British Esports Code of Conduct.
If any player behaves in a way which contradicts any of the points set out, we will address the situation, involving parents when needed, to resolve the issue appropriately.
Continued issues and repeated breaches of this code may result in us, regrettably, revoking membership and blocking access to the platform to protect the welfare of other players and our staff.
Players agree to:
Compete to the best of their ability at all times, without intentionally playing below their skill level (sandbagging), and act in accordance with the rules for the event or competition, including any direction given by the administrator or anyone acting on its behalf.
Not use language in relation to the event or competition that is deemed by the administrator to be obscene, rude, foul, vulgar, insulting, threatening, abusive, or otherwise offensive or objectionable.
Understand they are representing their school/college at all times through their behaviour and language whilst playing or in any chat facility, texting, apps or social media in connection with the game or event.
Not cheat. Cheating is defined as any act that gives one gamer an unfair competitive advantage over another.
Continue to respect and treat others fairly in and out of game communications, no matter win or lose.
Players and Staff agree to:
Play by the rules of the platform, the games and the competitions or events.
Be a good sport whether I win or lose.
Treat others how I like to be treated myself.
Be kind and fair and recognise that everyone has different levels of skill and ability.
Know that people online are real people and my words can affect them.
Set a positive example with my own behaviour.
Support and encourage my teammates and others.
Speak out against those that bully, hurt, harass or abuse others.
Stop, listen, and reconsider if I’m told that my words or actions are harmful.
Respect others, even if their views are different from mine.
Report any incidents of bullying, miss behaviour, cheating or concerns I have about the behaviour of anyone else during events or competitions.
In-game I should not display disrespectful actions that could harm others as well as exploit in game bug features.
Not collude nor coerce with other teams to force an specific outcome.
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";
.block-faqs {
&__box {
margin-top: rem-calc(60);
padding: rem-calc(60 30);
color: $white;
@include bp($lg) {
margin-top: rem-calc(130);
}
}
&__box-heading {
@include fluid-type(18, 24);
font-weight: 700;
}
&__box-copy {
margin-top: rem-calc(20);
@include fluid-type(16, 18);
}
&__box-links {
margin-top: rem-calc(70);
}
&__intro-content {
margin-top: rem-calc(20);
}
&__search {
width: 100%;
margin: 0 auto;
max-width: rem-calc(410);
position: relative;
input {
background-color: $grey;
border: none;
height: rem-calc(60);
width: 100%;
padding: rem-calc(0 50 0 20);
text-overflow: ellipsis;
&:focus {
outline-color: $secondary;
}
}
button {
position: absolute;
top: rem-calc(10);
right: rem-calc(10);
width: rem-calc(40);
height: rem-calc(40);
background-color: transparent;
z-index: 9;
border: none;
background-image: url('/wp-content/themes/british-esports/assets/icons/search-navy.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
transition: all 0.3s ease-in-out;
margin: 0;
&:hover {
background-color: $white;
border: none;
}
}
}
&__row {
justify-content: center;
&--intro {
margin-bottom: rem-calc(40);
}
}
&__item {
border-top: 1px solid $primary;
display: flex;
flex-direction: column;
&:last-of-type {
border-bottom: 1px solid $primary;
}
// &:not(:last-child){
// margin-bottom: 1rem;
// }
input:checked ~ &__heading{
&:after{
background-image: url('/wp-content/themes/british-esports/assets/icons/minus-navy.svg');
}
}
&__heading {
cursor: pointer;
font-size: 1rem;
margin-bottom: 0;
padding: rem-calc(30 30 30 0);
position: relative;
user-select: none;
font-weight: 700;
@include fluid-type(18, 24);
transition: all 0.3s ease-in-out;
@include bp($lg) {
padding: rem-calc(40 40 40 0);
}
&:hover {
color: $secondary;
}
&:after {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 50%;
width: rem-calc(16);
height: rem-calc(16);
background-image: url('/wp-content/themes/british-esports/assets/icons/plus-navy.svg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(-50%);
transition: 0.3s var(--ease);
transition-property: background-image;
}
}
&__content-wrapper{
max-height: 0;
overflow: hidden;
will-change: max-height;
transition: max-height 0.25s var(--ease);
}
&__content {
padding: rem-calc(0 0 40);
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: start;
gap: rem-calc(16 26);
@include bp($xl) {
flex-wrap: nowrap;
}
picture {
display: flex;
flex-direction: column;
flex-shrink: 0;
img {
height: 100%;
object-fit: cover;
}
}
a {
text-decoration: none;
background-image: linear-gradient($secondary, $secondary);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% 2px;
transition: 0.3s var( --ease );
transition-property: background-size, color;
color: $secondary;
&:hover {
background-size: 0 2px;
background-color: transparent;
}
}
p:last-child {
margin-bottom: 0;
}
}
&__toggle {
display: none;
position: absolute;
}
}
}
class FAQS {
constructor( block ) {
this.block = block;
const resizeHandler = debounce( () => {
let expandedCards = this.block.querySelectorAll( '.block-faqs__item.active' );
expandedCards.forEach( card => {
this.open(card);
});
}, 500);
window.addEventListener('resize', resizeHandler);
this.accordionItems = this.block.querySelectorAll( '.block-faqs__item' );
this.accordionItems.forEach( accordion => {
const heading = accordion.querySelector( '.block-faqs__item__heading' );
heading.addEventListener( 'click', e => {
if ( accordion.classList.contains( 'active' ) ) {
this.close( accordion );
} else {
this.open( accordion );
}
});
});
}
open( accordion ) {
const content = accordion.querySelector(".block-faqs__item__content-wrapper");
content.style.maxHeight = null;
accordion.classList.add("active");
content.style.maxHeight = content.scrollHeight + "px";
content.setAttribute('data-collapsed', 'false');
}
close( accordion ) {
const content = accordion.querySelector(".block-faqs__item__content-wrapper");
accordion.classList.remove("active");
content.style.maxHeight = null;
content.setAttribute('data-collapsed', 'true');
}
}
document.querySelectorAll('.block-faqs').forEach((block) => {
new FAQS( block );
});
Animation: