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.

131 lines
8.6 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="author" content="Harambee Nerds Commissie [nerds@harambee.nl]">
  8. <meta name="keywords" content="volleybal, volleyball, enschede, universiteit, twente, university, of, twente, student, studenten, vereniging, association">
  9. <meta name="description" content="Information about COVID-19 measures and playing at Harambee">
  10. <meta name="theme-color" content="#66008C">
  11. <meta property="og:title" content="🏐 v.v Harambee — Student volleyball in Enschede">
  12. <meta property="og:description" content="Information regarding COVID-19 measures and playing at Harambee">
  13. <meta property="og:image" content="https://harambee.utwente.nl/layout/images/logo-harambee.png">
  14. <meta property="og:type" content="website">
  15. <meta property="og:url" content="https://covid-19.harambee.utwente.nl">
  16. <title data-localize="title">Harambee - COVID-19 rules</title>
  17. <link rel="shortcut icon" href="harambee.ico" type="image/x-icon" />
  18. <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">
  19. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  20. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" crossorigin="anonymous">
  21. <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">
  22. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Exo+2" >
  23. <link rel="stylesheet" href="css/main.css" >
  24. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  25. <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/vendors/scrolloverflow.min.js" integrity="sha384-JidlVB7YmUUH+vUfjaYKep1qGThQCAoL90VJQDRqiS2xAjWJuAIc7Nn5dxb8fOnJ" crossorigin="anonymous"></script>
  26. <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.js" integrity="sha384-6yU9abmAgbGzbp5/zFigT6Ltjr3M5b0gSE6XFSO+ZMMuS1AXZlyh2tqWSVgIHRu+" crossorigin="anonymous"></script>
  27. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  28. <script type="text/javascript">
  29. function toProductionSite() {
  30. var name="seen-covid-19-info";
  31. var value="0";
  32. var days=14;
  33. var expires = "";
  34. if (days) {
  35. var date = new Date();
  36. date.setTime(date.getTime() + (days*24*60*60*1000));
  37. expires = "; expires=" + date.toUTCString();
  38. }
  39. document.cookie = name + "=" + (value || "") + expires + "; domain=.harambee.utwente.nl; path=/";
  40. window.location.href = "https://harambee.utwente.nl";
  41. };
  42. </script>
  43. </head>
  44. <body>
  45. <div id="fullscreen">
  46. <div class="section" id="section0">
  47. <div class="container">
  48. <div class="row">
  49. <div class="col-md-5">
  50. <div class="jumbotron jumbotron-transparent">
  51. <img class="animated" src="media/harambee-logo.png">
  52. <h2 data-localize="page-title">Information regarding COVID-19 rules at Harambee.</h2>
  53. <p id="subtitle">Harambee, in cooperation with the University, has published some rules so that we can play volleyball safely, and to ahere to the rules of the Dutch Health institutes. You find them summarized on this page.</p>
  54. <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>
  55. <p><em>Last update: June 7, 2021.</em> <a href="https://git.harambee.utwente.nl/harambee-public/covid-19-info-site/commits/branch/master">Changelog</a></p>
  56. <p><em>The most recent changes are displayed in italics.</em></p>
  57. <a href="media/protocol-binnensport-Harambee-juni-2021.pdf" role="button" class="btn btn-tryout" aria-pressed="true">
  58. <i class="fas fa-file-pdf"></i> COVID-19 protocol
  59. </a>
  60. <a href="index.html" role="button" class="btn btn-tryout" aria-pressed="true">
  61. <i class="fas fa-language"></i> Deze info in het Nederlands
  62. </a>
  63. </div>
  64. </div>
  65. <div class="col-md-7">
  66. <div class="animated fadeInUp faster alert alert-member shadow">
  67. <ul class="list-unstyled">
  68. <li><i class="fas fa-hands-wash"></i> Wash your hands before and after practices.</li>
  69. <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>
  70. <li><i class="fas fa-head-side-cough-slash"></i> Please don't yell within 1,5 metres of one another.</li>
  71. <li><i class="fas fa-volleyball-ball"></i> After practice, the used balls have to be disinfected.</li>
  72. </ul>
  73. </div>
  74. <div class="animated fadeInDown fast alert alert-tryouts shadow">
  75. <h3>Facilities <em>Universitair Sportcentrum</em></h3>
  76. <ul class="list-unstyled">
  77. <li><i class="fas fa-person-booth"></i> <em>Changing rooms are available again.</em></li>
  78. <li><i class="fas fa-shower"></i> <em>The showers are also available again.</em></li>
  79. <li><i class="fas fa-coffee"></i> <em>The Sports Cafe is open, daily until 22:00.</em></li>
  80. </ul>
  81. </div>
  82. <div class="animated fadeInDown faster alert alert-member shadow">
  83. <h2>Practices</h2>
  84. <ul class="list-unstyled">
  85. <li><i class="fas fa-cloud-sun"></i> <em>We can practise indoors again! There is a maximum of 50 people in the hall, excluding trainers.</em></li>
  86. <li><i class="fas fa-head-side-mask"></i> <em>Please wear a mask, until the moment you arrive at the field and as soon as you leave again.</em></li>
  87. <li><i class="fas fa-tshirt"></i> We advise to change clothes at home, to prevent changing rooms from being busy.</li>
  88. <li><i class="far fa-clock"></i> Please do not arrive at the sports field earlier than 5 minutes before your practise.</li>
  89. <li><i class="fas fa-landmark"></i> Players that are age 27 and over may join the regular practises again. They <em>do not</em> have to keep 1,5 metres distance any more.</li>
  90. </ul>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="row justify-content-center">
  95. <div class="col-lg-5">
  96. <div class="alert alert-member shadow text-center">
  97. <p>I have read and understood the information.</p>
  98. <a href="#" onclick="toProductionSite()" role="button" class="btn btn-tryout btn-lg" aria-pressed="true">
  99. <i class="fas fa-check-circle"></i> To the regular website.
  100. </a>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <script type="text/javascript">
  108. new fullpage('#fullscreen', {
  109. // options
  110. licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',
  111. anchors: ['home','volleyball','association'],
  112. navigation: false,
  113. navigationPosition: 'right',
  114. scrollOverflow: true
  115. });
  116. </script>
  117. </body>
  118. </html>