Updated rules for training starting 20201130

Furthermore:
- removed CSS from HTML.
- removed info for guest teams
- removed competition info
master
Yuri van Midden 3 years ago
parent bf41f8995f
commit ada1097043
Signed by: yuri
GPG Key ID: B1E365DD233EF90A
  1. 122
      css/main.css
  2. 190
      index-en.html
  3. 192
      index.html

@ -0,0 +1,122 @@
p {
font-size: 100%;
}
.centre{
text-align: center;
}
#subtitle{
padding-top: 20px;
}
.section{
text-align: left;
overflow: hidden;
}
.container{
position: relative;
z-index: 4;
width: 100%;
left: 0%;
top: 0.5%;
margin-top: 1%;
font-family: 'Exo 2', sans-serif;
}
#section0 .jumbotron{
color: purple;
}
.jumbotron-transparent{
background: rgba(221, 210, 210, 0.9);
}
.alert-tryouts{
background: rgba(255, 89, 0, 0.8);
color: white;
}
.alert-member{
background: rgba(102, 0, 140, 0.65);
color: white;
}
.alert-moreinfo{
background: rgba(230, 230, 230, 0.6);
color: black;
}
.btn-tryout{
background: rgba(255, 89, 0, 1);
color: white;
margin-top: 2px;
}
.btn-member{
background: lightblue;
color: black;
}
.btn-disabled{
background: rgba(230, 230, 230, 0.2);
color: rgba(230, 230, 230, 0.5);
font-style: italic;
font-weight: lighter;
}
#section0{
background-image: url(../media/bg.svg);
background-size: inherit;
background-color: orangered;
background-repeat: no-repeat;
background-position: top;
padding: 0% 0 0 0;
}
.haramPaars{
color: purple;
font-weight: bold;
}
.haramOranje{
color: rgb(255, 89, 0);
}
.link{
color: purple;
}
.jumbotron img{
padding-bottom: 15px;
}
ul.no-bullet{
list-style: none;
}
ul.no-bullet li{
padding-top: 0.35em;
padding-left: 1.0em;
text-indent: -1.0em;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
background-color: rgba(230, 230, 230, 1);
}
.regular-site{
position: absolute;
display: block;
top: 0.4em;
right: 0.4em;
z-index: 6;
font-family: 'Exo 2', sans-serif;
color: white;
background-color: rgba(255, 89, 0, 0.6)
}
.fa-rocket {
font-size: 130%;
}

@ -26,6 +26,7 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" integrity="sha384-xyZLiqnBEFn1hDkS8VeG/YHoqOjS/ucimT8TI6GDr9+ZP1UNbZr6d/q0ldMi/xvL" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Exo+2" >
<link rel="stylesheet" href="css/main.css" >
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/vendors/scrolloverflow.min.js" integrity="sha384-JidlVB7YmUUH+vUfjaYKep1qGThQCAoL90VJQDRqiS2xAjWJuAIc7Nn5dxb8fOnJ" crossorigin="anonymous"></script>
@ -34,150 +35,21 @@
<script type="text/javascript">
function toProductionSite() {
var name="seen-covid-19-info";
var value="0";
var days=30;
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; domain=.harambee.utwente.nl; path=/";
window.location.href = "https://harambee.utwente.nl";
};
function toProductionSite() {
var name="seen-covid-19-info";
var value="0";
var days=14;
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; domain=.harambee.utwente.nl; path=/";
window.location.href = "https://harambee.utwente.nl";
};
</script>
<style>
p {
font-size: 100%;
}
.centre{
text-align: center;
}
#subtitle{
padding-top: 20px;
}
.section{
text-align: left;
overflow: hidden;
}
.container{
position: relative;
z-index: 4;
width: 100%;
left: 0%;
top: 0.5%;
margin-top: 1%;
font-family: 'Exo 2', sans-serif;
}
#section0 .jumbotron{
color: purple;
}
.jumbotron-transparent{
background: rgba(221, 210, 210, 0.9);
}
.alert-tryouts{
background: rgba(255, 89, 0, 0.8);
color: white;
}
.alert-member{
background: rgba(102, 0, 140, 0.65);
color: white;
}
.alert-moreinfo{
background: rgba(230, 230, 230, 0.6);
color: black;
}
.btn-tryout{
background: rgba(255, 89, 0, 1);
color: white;
margin-top: 2px;
}
.btn-member{
background: lightblue;
color: black;
}
.btn-disabled{
background: rgba(230, 230, 230, 0.2);
color: rgba(230, 230, 230, 0.5);
font-style: italic;
font-weight: lighter;
}
#section0{
background-image: url(./media/bg.svg);
background-size: inherit;
background-color: orangered;
background-repeat: no-repeat;
background-position: top;
padding: 0% 0 0 0;
}
.haramPaars{
color: purple;
font-weight: bold;
}
.haramOranje{
color: rgb(255, 89, 0);
}
.link{
color: purple;
}
.jumbotron img{
padding-bottom: 15px;
}
ul.no-bullet{
list-style: none;
}
ul.no-bullet li{
padding-top: 0.35em;
padding-left: 1.0em;
text-indent: -1.0em;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
background-color: rgba(230, 230, 230, 1);
}
.regular-site{
position: absolute;
display: block;
top: 0.4em;
right: 0.4em;
z-index: 6;
font-family: 'Exo 2', sans-serif;
color: white;
background-color: rgba(255, 89, 0, 0.6)
}
.fa-rocket {
font-size: 130%;
}
</style>
</head>
<body>
@ -186,13 +58,13 @@
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="col-md-5">
<div class="jumbotron jumbotron-transparent">
<img class="animated" src="media/harambee-logo.png">
<h2 data-localize="page-title">Information regarding COVID-19 rules at Harambee.</h2>
<p id="subtitle">The University has published some rules so that we can play our favourite sport safely. You find them summarized on this page.</p>
<p id="subtitle">The University, in cooperation with Harambee, has published some rules so that we can play our favourite sport safely. You find them summarized on this page.</p>
<p>If any questions persist after reading this page, don't hesitate to send an e-mail to the board: <a href="mailto:bestuur@harambee.nl">bestuur@harambee.nl</a>.</p>
<p><em>Last update: October 8, 2020.</em> <a href="https://git.harambee.utwente.nl/harambee-public/covid-19-info-site/commits/branch/master">Changelog</a></p>
<p><em>Last update: November 30, 2020.</em> <a href="https://git.harambee.utwente.nl/harambee-public/covid-19-info-site/commits/branch/master">Changelog</a></p>
<a href="https://harambee.utwente.nl/media/cms/5f607055a950d/SU%20and%20Sports%20Centre%20Rules%20and%20Guidelines.pdf" role="button" class="btn btn-tryout" aria-pressed="true">
<i class="fas fa-file-pdf"></i> COVID-19 rules
</a>
@ -201,19 +73,19 @@
</a>
</div>
</div>
<div class="col-md-8">
<div class="col-md-7">
<div class="animated fadeInUp faster alert alert-member shadow">
<h2>For all sporters</h2>
<h2>The basic rules</h2>
<ul class="list-unstyled">
<li><i class="fas fa-hands-wash"></i> Wash your hands before and after practice and matches.</li>
<li><i class="fas fa-people-arrows"></i> Apart from rallys, keep a 1,5 metre distance to one another. Also when you're in the dug-out.</li>
<li><i class="fas fa-people-arrows"></i> Always keep a 1,5 metre distance to one another. Also when you're in the dug-out.</li>
<li><i class="fas fa-head-side-cough-slash"></i> Please don't yell within 1,5 metres of one another.</li>
<li><i class="fas fa-volleyball-ball"></i> After practice and matches, the used balls have to be disinfected.</li>
<li><i class="fas fa-head-side-mask"></i> When traveling to a match by car, all passengers are strongly advised to wear a face mask.</li>
<li><i class="fas fa-head-side-mask"></i> When walking to the sports hall, you are supposed to wear a face mask.</li>
</ul>
</div>
<div class="animated fadeInUp faster alert alert-member shadow">
<!-- <div class="animated fadeInUp faster alert alert-member shadow">
<h2>For visiting teams</h2>
<ul class="list-unstyled">
<li><i class="fas fa-head-side-mask"></i> Upon entering the accommodation, it is strictly advised to wear a face mask until the start of the warming up. Persons that are in the dug-out are also advised to wear a mask.</li>
@ -221,23 +93,33 @@
<li><i class="fas fa-handshake-alt-slash"></i> We don't shake hands before matches.</li>
<li><i class="fas fa-tshirt"></i> It is advised to change into sports gear before coming to the accommodation.</li>
</ul>
</div>
</div> -->
<div class="animated fadeInDown fast alert alert-tryouts shadow">
<h3>Facilities <em>Universitair Sportcentrum</em></h3>
<ul class="list-unstyled">
<li><i class="fas fa-person-booth"></i> Changing rooms are <em>not</em> available.</li>
<li><i class="fas fa-shower"></i> The showers are also <em>not</em> available.</li>
<li><i class="fas fa-user-clock"></i> On match days, we try to arrange waiting spaces for guest-teams. Please seek information at the Corona-coordinator.</li>
<!-- <li><i class="fas fa-user-clock"></i> On match days, we try to arrange waiting spaces for guest-teams. Please seek information at the Corona-coordinator.</li> -->
<li><i class="fas fa-users-slash"></i> The halls and stands are closed for all visitors and spectators.</li>
<li><i class="fas fa-coffee"></i> As per government regulations, the Sports Cafe is closed from September 29th until further notice.</li>
</ul>
<hr>
<!-- <hr>
<h3>Facilities <em>Diekmanhal</em></h3>
<ul class="list-unstyled">
<li><i class="fas fa-person-booth"></i> Changing rooms <em>are</em> available, but with limited capacity. Max. 6 persons per room.</li>
<li><i class="fas fa-shower"></i> Max. 4 persons at once in the showers.</li>
<li><i class="fas fa-users-slash"></i> The hall and stands are closed for all visitors and spectators.</li>
<li><i class="fas fa-coffee"></i> As per government regulations, the Diekman Cafe is closed from September 29th until further notice.</li>
</ul> -->
</div>
<div class="animated fadeInDown faster alert alert-member shadow">
<h2>Practises</h2>
<ul class="list-unstyled">
<li><i class="far fa-clock"></i> Please do not arrive at the Sports Centre earlier than 5 minutes before your practise.</li>
<li><i class="fas fa-users"></i> At the start of each practise, groups of four will be formed.</li>
<li><i class="fas fa-volleyball-ball"></i> On each side of the net, there may be one group of four, which means one full court houses at most 8 people.</li>
<li><i class="fas fa-random"></i> These groups are immutable, and do change or shuffle during the course of the practise.</li>
<li><i class="fas fa-traffic-light"></i> On the court, there are <em>no-go zones</em>, indicated visually. Please respect those at all times.</li>
</ul>
</div>
</div>

@ -26,6 +26,7 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" integrity="sha384-xyZLiqnBEFn1hDkS8VeG/YHoqOjS/ucimT8TI6GDr9+ZP1UNbZr6d/q0ldMi/xvL" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Exo+2" >
<link rel="stylesheet" href="css/main.css" >
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/vendors/scrolloverflow.min.js" integrity="sha384-JidlVB7YmUUH+vUfjaYKep1qGThQCAoL90VJQDRqiS2xAjWJuAIc7Nn5dxb8fOnJ" crossorigin="anonymous"></script>
@ -34,150 +35,21 @@
<script type="text/javascript">
function toProductionSite() {
var name="seen-covid-19-info";
var value="0";
var days=30;
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; domain=.harambee.utwente.nl; path=/";
window.location.href = "https://harambee.utwente.nl";
};
function toProductionSite() {
var name="seen-covid-19-info";
var value="0";
var days=14;
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; domain=.harambee.utwente.nl; path=/";
window.location.href = "https://harambee.utwente.nl";
};
</script>
<style>
p {
font-size: 100%;
}
.centre{
text-align: center;
}
#subtitle{
padding-top: 20px;
}
.section{
text-align: left;
overflow: hidden;
}
.container{
position: relative;
z-index: 4;
width: 100%;
left: 0%;
top: 0.5%;
margin-top: 1%;
font-family: 'Exo 2', sans-serif;
}
#section0 .jumbotron{
color: purple;
}
.jumbotron-transparent{
background: rgba(221, 210, 210, 0.9);
}
.alert-tryouts{
background: rgba(255, 89, 0, 0.8);
color: white;
}
.alert-member{
background: rgba(102, 0, 140, 0.65);
color: white;
}
.alert-moreinfo{
background: rgba(230, 230, 230, 0.6);
color: black;
}
.btn-tryout{
background: rgba(255, 89, 0, 1);
color: white;
margin-top: 2px;
}
.btn-member{
background: lightblue;
color: black;
}
.btn-disabled{
background: rgba(230, 230, 230, 0.2);
color: rgba(230, 230, 230, 0.5);
font-style: italic;
font-weight: lighter;
}
#section0{
background-image: url(./media/bg.svg);
background-size: inherit;
background-color: orangered;
background-repeat: no-repeat;
background-position: top;
padding: 0% 0 0 0;
}
.haramPaars{
color: purple;
font-weight: bold;
}
.haramOranje{
color: rgb(255, 89, 0);
}
.link{
color: purple;
}
.jumbotron img{
padding-bottom: 15px;
}
ul.no-bullet{
list-style: none;
}
ul.no-bullet li{
padding-top: 0.35em;
padding-left: 1.0em;
text-indent: -1.0em;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
background-color: rgba(230, 230, 230, 1);
}
.regular-site{
position: absolute;
display: block;
top: 0.4em;
right: 0.4em;
z-index: 6;
font-family: 'Exo 2', sans-serif;
color: white;
background-color: rgba(255, 89, 0, 0.6)
}
.fa-rocket {
font-size: 130%;
}
</style>
</head>
<body>
@ -186,13 +58,13 @@
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="col-md-5">
<div class="jumbotron jumbotron-transparent">
<img class="animated" src="media/harambee-logo.png">
<h2 data-localize="page-title">Informatie over COVID-19 regels bij Harambee</h2>
<p id="subtitle">De universiteit heeft verschillende regels opgesteld zodat we veilig kunnen sporten. Je vindt ze hier op een rijtje.</p>
<p id="subtitle">De universiteit heeft in samenwerking met Harambee verschillende regels opgesteld zodat we weer veilig kunnen sporten. Je vindt ze hier op een rijtje.</p>
<p>Mochten aan de hand van deze pagina onduidelijkheden zijn, mail dan het bestuur: <a href="mailto:bestuur@harambee.nl">bestuur@harambee.nl</a>.</p>
<p><em>Laatste update: 8 oktober 2020.</em> <a href="https://git.harambee.utwente.nl/harambee-public/covid-19-info-site/commits/branch/master">Changelog</a></p>
<p><em>Laatste update: 30 november 2020.</em> <a href="https://git.harambee.utwente.nl/harambee-public/covid-19-info-site/commits/branch/master">Changelog</a></p>
<a href="https://harambee.utwente.nl/media/cms/5f607055a950d/SU%20and%20Sports%20Centre%20Rules%20and%20Guidelines.pdf" role="button" class="btn btn-tryout" aria-pressed="true">
<i class="fas fa-file-pdf"></i> COVID-19 reglement
</a>
@ -201,18 +73,18 @@
</a>
</div>
</div>
<div class="col-md-8">
<div class="col-md-7">
<div class="animated fadeInUp faster alert alert-member shadow">
<h2>Voor alle sporters</h2>
<h2>De basisregels</h2>
<ul class="list-unstyled">
<li><i class="fas fa-hands-wash"></i> Was je handen voor en na trainingen en wedstrijden.</li>
<li><i class="fas fa-people-arrows"></i> Hou buiten rally's altijd 1,5 meter afstand tot elkaar. Ook op de spelersbank.</li>
<li><i class="fas fa-people-arrows"></i> Hou te allen tijde 1,5 meter afstand tot elkaar. Ook op de spelersbank.</li>
<li><i class="fas fa-head-side-cough-slash"></i> Bij voorkeur niet yellen binnen 1,5 meter van elkaar.</li>
<li><i class="fas fa-volleyball-ball"></i> Na trainingen en wedstrijden moeten de gebruikte ballen worden gedesinfecteerd.</li>
<li><i class="fas fa-head-side-mask"></i> Draag onderweg naar wedstrijden in de auto bij voorkeur allemaal een mondkapje.</li>
<li><i class="fas fa-head-side-mask"></i> Draag in de gang onderweg naar de hal bij voorkeur allemaal een mondkapje.</li>
</ul>
</div>
<div class="animated fadeInUp faster alert alert-member shadow">
<!-- <div class="animated fadeInUp faster alert alert-member shadow">
<h2>Voor uit-teams</h2>
<ul class="list-unstyled">
<li><i class="fas fa-head-side-mask"></i> Bij binnenkomst geldt tot aan de warming-up een strict mondkapjesadvies. Wisselspelers dragen bij voorkeur ook een mondkapje.</li>
@ -220,23 +92,33 @@
<li><i class="fas fa-handshake-alt-slash"></i> Voorafgaand aan wedstrijden geven we geen handen.</li>
<li><i class="fas fa-tshirt"></i> Kom bij voorkeur naar de accommodatie reeds in je sportkleding.</li>
</ul>
</div>
</div> -->
<div class="animated fadeInDown fast alert alert-tryouts shadow">
<h3>Faciliteiten Universitair Sportcentrum</h3>
<ul class="list-unstyled">
<li><i class="fas fa-person-booth"></i> Alle kleedkamers in het Sportcentrum zijn <em>gesloten</em>.</li>
<li><i class="fas fa-shower"></i> Douches zijn <em>niet</em> beschikbaar.</li>
<li><i class="fas fa-user-clock"></i> Op wedstrijddagen proberen we wachtruimtes te organiseren voor uit-teams. Spreek hiervoor de Corona-coördinator aan.</li>
<!-- <li><i class="fas fa-user-clock"></i> Op wedstrijddagen proberen we wachtruimtes te organiseren voor uit-teams. Spreek hiervoor de Corona-coördinator aan.</li> -->
<li><i class="fas fa-users-slash"></i> Publiek in de sporthallen en op de tribunes is nog <em>niet</em> toegestaan!</li>
<li><i class="fas fa-coffee"></i> De Sportkantine is per 29 september tot nader order gesloten.</li>
<li><i class="fas fa-coffee"></i> De Sportkantine is helaas nog gesloten.</li>
</ul>
<hr>
<!-- <hr>
<h3>Faciliteiten Diekmanhal</h3>
<ul class="list-unstyled">
<li><i class="fas fa-person-booth"></i> Kleedkamers zijn beperkt beschikbaar, max. 6 personen per kleedkamer.</li>
<li><i class="fas fa-shower"></i> Max. 4 personen tegelijk in de douches.</li>
<li><i class="fas fa-users-slash"></i> Publiek in de sporthal en op de tribunes is nog <em>niet</em> toegestaan!</li>
<li><i class="fas fa-coffee"></i> De kantine in de Diekmanhal is per 29 september tot nader order gesloten.</li>
</ul> -->
</div>
<div class="animated fadeInDown faster alert alert-member shadow">
<h2>Trainingen</h2>
<ul class="list-unstyled">
<li><i class="far fa-clock"></i> Kom niet eerder dan 5 minuten voor aanvang van je training aan bij het Sportcentrum.</li>
<li><i class="fas fa-users"></i> Bij de aanvang van de traingen worden groepen van 4 gemaakt.</li>
<li><i class="fas fa-volleyball-ball"></i> Aan beide kanten van het net mag een groep komen te staan. Er kunnen dus 8 mensen op een compleet veld.</li>
<li><i class="fas fa-random"></i> Deze groepen mogen tijdens trainingen niet veranderen of mengen met andere groepen.</li>
<li><i class="fas fa-traffic-light"></i> Op het veld staan met visuele indicators <em>no-go zones</em> aangegeven, respecteer deze.</li>
</ul>
</div>
</div>

Loading…
Cancel
Save