Een simpele webpagina die zo duidelijk mogelijk de maatregelen omtrent COVID-19 bij Harambee communiceert. https://covid-19.harambee.utwente.nl
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
covid-19-info-site/index.html

129 lines
8.1 KiB

4 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="Harambee Nerds Commissie [nerds@harambee.nl]">
<meta name="keywords" content="volleybal, volleyball, enschede, universiteit, twente, university, of, twente, student, studenten, vereniging, association">
<meta name="description" content="Information about COVID-19 measures and playing at Harambee">
<meta name="theme-color" content="#66008C">
<meta property="og:title" content="🏐 v.v Harambee — Student volleyball in Enschede">
<meta property="og:description" content="Information regarding COVID-19 measures and playing at Harambee">
<meta property="og:image" content="https://harambee.utwente.nl/layout/images/logo-harambee.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://covid-19.harambee.utwente.nl">
<title data-localize="title">Harambee - COVID-19 maatregelen</title>
4 years ago
<link rel="shortcut icon" href="harambee.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.css" integrity="sha384-5ifpfhR/+nZGyBOnFGX9Blzx7418/Cj6eK1kMEJFUCgv39+AfAt9reg9LtRPdCQs" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<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" >
4 years ago
<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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.js" integrity="sha384-6yU9abmAgbGzbp5/zFigT6Ltjr3M5b0gSE6XFSO+ZMMuS1AXZlyh2tqWSVgIHRu+" crossorigin="anonymous"></script>
<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=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";
};
4 years ago
</script>
</head>
<body>
<div id="fullscreen">
<div class="section" id="section0">
<div class="container">
<div class="row">
<div class="col-md-5">
4 years ago
<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 in samenwerking met Harambee verscheidene spelregels opgesteld. Deze zijn conform de RIVM richtlijnen, zodat we weer veilig kunnen volleyballen. Je vindt alle momenteel geldende regels 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: 3 maart 2021.</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">
4 years ago
<i class="fas fa-file-pdf"></i> COVID-19 reglement
</a> -->
<a href="index-en.html" role="button" class="btn btn-tryout" aria-pressed="true">
<i class="fas fa-language"></i> This page in English
</a>
4 years ago
</div>
</div>
<div class="col-md-7">
4 years ago
<div class="animated fadeInUp faster alert alert-member shadow">
<h2>De basisregels</h2>
4 years ago
<ul class="list-unstyled">
<li><i class="fas fa-hands-wash"></i> Was je handen voor en na trainingen.</li>
<li><i class="fas fa-people-arrows"></i> Op het veld tijdens training hoef je geen 1,5 meter afstand te houden. Houd daarbuiten wel altijd afstand.</li>
4 years ago
<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 moeten de gebruikte ballen worden gedesinfecteerd.</li>
4 years ago
</ul>
</div>
<div class="animated fadeInDown fast alert alert-tryouts shadow">
<h3>Faciliteiten Universitair Sportcentrum</h3>
4 years ago
<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-coffee"></i> De Sportkantine is gesloten.</li>
</ul>
</div>
<div class="animated fadeInDown faster alert alert-member shadow">
<h2>Trainingen</h2>
<ul class="list-unstyled">
<li><i class="fas fa-cloud-sun"></i> De huidige trainingen zijn allemaal buiten: in de beachaccommodatie en op gras.</li>
<li><i class="far fa-clock"></i> Kom niet eerder dan 5 minuten voor aanvang van je training aan bij het sportveld.</li>
4 years ago
</ul>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-5">
4 years ago
<div class="alert alert-member shadow text-center">
<p>Ik heb de informatie gelezen.</p>
<a href="#" onclick="toProductionSite()" role="button" class="btn btn-tryout btn-lg" aria-pressed="true">
<i class="fas fa-check-circle"></i> Door naar de normale site
4 years ago
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
new fullpage('#fullscreen', {
// options
licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',
anchors: ['home','volleyball','association'],
navigation: false,
4 years ago
navigationPosition: 'right',
scrollOverflow: true
});
</script>
</body>
</html>