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.

130 lines
8.5 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
  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 maatregelen</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">Informatie over COVID-19 regels bij Harambee</h2>
  53. <p id="subtitle">
  54. <!-- De universiteit heeft in samenwerking met Harambee verscheidene spelregels opgesteld. Deze zijn conform de RIVM- en Nevobo-richtlijnen, zodat we weer veilig kunnen volleyballen. -->
  55. Je vindt alle momenteel geldende regels hier op een rijtje.
  56. </p>
  57. <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>
  58. <p><em>Laatste update: 26 januari 2022.</em> <a href="https://git.harambee.utwente.nl/harambee-public/covid-19-info-site/commits/branch/master">Changelog</a></p>
  59. <!-- <p><em>De meest recente aanpassingen zijn cursief.</em></p> -->
  60. <!-- <a href="media/protocol-binnensport-Harambee-juni-2021.pdf" role="button" class="btn btn-tryout" aria-pressed="true">
  61. <i class="fas fa-file-pdf"></i> COVID-19 protocol
  62. </a> -->
  63. <a href="index-en.html" role="button" class="btn btn-tryout" aria-pressed="true">
  64. <i class="fas fa-language"></i> This page in English
  65. </a>
  66. </div>
  67. </div>
  68. <div class="col-md-7">
  69. <div class="animated fadeInUp faster alert alert-member shadow">
  70. <h3>Algemeen</h3>
  71. <ul class="fa-ul">
  72. <li><span class="fa-li"><i class="fas fa-volleyball-ball fa-spin"></i></span> Er mag weer gevolleybald worden! Vanaf 26 januari gaat de Nevobo-competitie weer door. Dat betekent dat 28 en 29 januari het eerste thuisweekend weer plaatsvindt.</li>
  73. </ul>
  74. </div>
  75. <div class="animated fadeInDown fast alert alert-tryouts shadow">
  76. <h3>Faciliteiten Universitair Sportcentrum</h3>
  77. <ul class="fa-ul">
  78. <li><span class="fa-li"><i class="fas fa-person-booth"></i></span> De kleedkamers in het sportcentrum zijn geopend.</li>
  79. <li><span class="fa-li"><i class="fas fa-shower"></i></span> Alle douches zijn beschikbaar.</li>
  80. <li><span class="fa-li"><i class="fas fa-coffee"></i></span> De Sportkantine is geopend tot 22:00.</li>
  81. <li><span class="fa-li"><i class="fas fa-users"></i></span> De tribunes zijn weer geopend. Je dient wel 1,5 meter afstand te houden en om 22:00 worden toeschouwers verzocht de tribune te verlaten.</li>
  82. </ul>
  83. </div>
  84. <div class="animated fadeInDown fast alert alert-member shadow">
  85. <h3>Voor iedereen</h3>
  86. <ul class="fa-ul">
  87. <li><span class="fa-li"><i class="fas fa-qrcode"></i></span> Bij binnenkomst dien je een coronapas en geldig ID-bewijs te tonen! Zonder geldige coronapas kom je helaas het Sportcentrum niet in.</li>
  88. <li><span class="fa-li"><i class="fas fa-head-side-mask"></i></span> Wanneer je je verplaatst binnen het sportcentrum, dien je te allen tijde een mondmasker te dragen. Ook op de tribunes. Zodra je plaats hebt genomen op de tribunes mag je je mondmasker afzetten.</li>
  89. </ul>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="row justify-content-center">
  94. <div class="col-lg-5">
  95. <div class="alert alert-member shadow text-center">
  96. <p>Ik heb de informatie gelezen.</p>
  97. <a href="#" onclick="toProductionSite()" role="button" class="btn btn-tryout btn-lg" aria-pressed="true">
  98. <i class="fas fa-check-circle"></i> Door naar de normale site
  99. </a>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <script type="text/javascript">
  107. new fullpage('#fullscreen', {
  108. // options
  109. licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',
  110. anchors: ['home','volleyball','association'],
  111. navigation: false,
  112. navigationPosition: 'right',
  113. scrollOverflow: true
  114. });
  115. </script>
  116. </body>
  117. </html>