harambee-public
/
covid-19-info-site
13
0
Fork 0
Code Pull Requests Releases Activity

Updated rules for training starting 20201130

Browse Source 
Furthermore:
- removed CSS from HTML.
- removed info for guest teams
- removed competition info
master
Yuri van Midden 4 years ago
parent bf41f8995f
commit ada1097043
Signed by: yuri
GPG Key ID: B1E365DD233EF90A
3 changed files with 196 additions and 310 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 122
      css/main.css
  2. 190
      index-en.html
  3. 194
      index.html

122
css/main.css
Unescape View File

@ -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%;
}

190
index-en.html
Unescape View File

@ -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>

194
index.html
Unescape View File

@ -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>
@ -33,151 +34,22 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<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";
};
<script type="text/javascript">
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>

Write Preview
Loading…
Cancel
Save