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-en.html

129 lines
8.1 KiB

<!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 rules</title>
<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" >
<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";
};
</script>
</head>
<body>
<div id="fullscreen">
<div class="section" id="section0">
<div class="container">
<div class="row">
<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">Harambee, in cooperation with the University, has published some rules so that we can play our favourite sport safely, and to ahere to the rules of the Dutch Health institutes. 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: February 26, 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">
<i class="fas fa-file-pdf"></i> COVID-19 rules
</a> -->
<a href="index.html" role="button" class="btn btn-tryout" aria-pressed="true">
<i class="fas fa-language"></i> Deze info in het Nederlands
</a>
</div>
</div>
<div class="col-md-7">
<div class="animated fadeInUp faster alert alert-member shadow">
<h2>The basic rules</h2>
<ul class="list-unstyled">
<li><i class="fas fa-hands-wash"></i> Wash your hands before and after practices.</li>
<li><i class="fas fa-people-arrows"></i> During practice, you don't have to keep 1,5 metres distance. Outside practice you do.</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, the used balls have to be disinfected.</li>
</ul>
</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-coffee"></i> The Sports Cafe is closed.</li>
</ul>
</div>
<div class="animated fadeInDown faster alert alert-member shadow">
<h2>Practices (from 03-03-2021)</h2>
<ul class="list-unstyled">
<li><i class="fas fa-cloud-sun"></i> For now, practice is only outside, namely on the beach fields and on grass.</li>
<li><i class="far fa-clock"></i> Please do not arrive at the sports field earlier than 5 minutes before your practise.</li>
</ul>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="alert alert-member shadow text-center">
<p>I have read and understood the information.</p>
<a href="#" onclick="toProductionSite()" role="button" class="btn btn-tryout btn-lg" aria-pressed="true">
<i class="fas fa-check-circle"></i> To the regular website.
</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,
navigationPosition: 'right',
scrollOverflow: true
});
</script>
</body>
</html>