Deploying to gh-pages from @ 337cf75 🚀

osoc22 · Jul 18, 2024 · ed82a6a · ed82a6a
1 parent 3d6f59d
commit ed82a6a
Show file tree

Hide file tree

Showing 9 changed files with 50 additions and 43 deletions.
diff --git a/index.5c7a84d0.js b/index.5c7a84d0.js
diff --git a/index.5c7a84d0.js.map b/index.5c7a84d0.js.map
diff --git a/index.5c8d5478.css b/index.5c8d5478.css
diff --git a/index.5c8d5478.css.map b/index.5c8d5478.css.map
diff --git a/index.69a90020.js b/index.69a90020.js
diff --git a/index.69a90020.js.map b/index.69a90020.js.map
diff --git a/index.d86b72a8.css b/index.d86b72a8.css
diff --git a/index.d86b72a8.css.map b/index.d86b72a8.css.map
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="OnWheels project"><meta name="author" content="open summer of code"><link rel="icon" href="favicon.48440cbb.ico"><title>OnWheels project</title><link href="index.03bdd4fe.css" rel="stylesheet"><link href="index.a66d0acd.css" rel="stylesheet"><link href="index.07a1e76f.css" rel="stylesheet"><link href="index.3eddf864.css" rel="stylesheet"><link href="index.7821688d.css" rel="stylesheet"><link href="index.ce2e3bc7.css" rel="stylesheet"><link href="index.27649eac.css" rel="stylesheet"><link href="index.754ae0b5.css" rel="stylesheet"><link href="index.d86b72a8.css" rel="stylesheet"><script src="index.69a90020.js"></script><link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400" rel="stylesheet"><!--[if lt IE 9]>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="OnWheels project"><meta name="author" content="open summer of code"><link rel="icon" href="favicon.48440cbb.ico"><title>OnWheels project</title><link href="index.03bdd4fe.css" rel="stylesheet"><link href="index.a66d0acd.css" rel="stylesheet"><link href="index.07a1e76f.css" rel="stylesheet"><link href="index.3eddf864.css" rel="stylesheet"><link href="index.7821688d.css" rel="stylesheet"><link href="index.ce2e3bc7.css" rel="stylesheet"><link href="index.27649eac.css" rel="stylesheet"><link href="index.754ae0b5.css" rel="stylesheet"><link href="index.5c8d5478.css" rel="stylesheet"><script src="index.5c7a84d0.js"></script><link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400" rel="stylesheet"><!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]--><meta name="keywords" content="osoc22, open, summer, code, Belgium, openstreetmap, onwheels, wheelchair, MapComplete, OSM, BOSA,"><meta name="author" content="The Free Wheelies, Open Knowledge Belgium"><meta name="viewport" content="width=device-width"><meta property="og:title" content="OnWheels Project"><meta property="og:type" content="website"><meta property="og:url" content="https://osoc22.github.io/project-on-wheels"><meta property="og:image" content="http://osoc.miet.be/img/socialmedia/socialmedia.png?4362984378"><meta property="og:description" content="Removing obstacles with open data"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@osocode"><meta name="twitter:title" content="OnWheels Project"><meta name="twitter:description" content="Removing obstacles with open data"><meta name="twitter:url" content="http://osoc22.github.io/project-on-wheels"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.3a568b1b.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.c0beb2c5.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.264d33d3.png"><link rel="manifest" href="site.webmanifest"><link rel="mask-icon" href="safari-pinned-tab.60f14878.svg" color="#22ca60"><meta name="msapplication-TileColor" content="#22ca60"><meta name="theme-color" content="#ffffff"><meta name="apple-mobile-web-app-title" content="OnWheels Project"><meta name="application-name" content="OnWheels Project"></head><body> <div class="layout"> <div class="hero"> <div class="container container-fluid"> <div class="around-xs row"> <div class="col-lg-9 col-md-10 col-sm-11 col-xs-12"> <div class="hero-card row"> <div class="col-lg-8 col-md-7 col-sm-10 col-xs-12"> <h1 class="h1 hero-title">OnWheels Project</h1> </div> <div class="col-lg-7 col-md-7 col-sm-8 col-xs-12"> <p class="hero-intro">Removing obstacles with open data</p> </div> <div class="col-lg-8 col-md-7 col-sm-10 col-xs-12"> <div class="button-group"> <a class="button button--narrow" href="https://mapcomplete.org/onwheels" target="_blank">View project</a> <a class="button button--alt button--narrow" href="https://github.com/osoc22/project-on-wheels" target="_blank">Contribute</a> </div> </div> </div> </div> </div> </div>  </div>  <div class="container container-fluid project-section"> <div class="row"> <div class="col-lg-6 col-md-5 col-md-offset-0 col-sm-10 col-sm-offset-1 col-xs-12"> <div class="project-image"> <video id="my-player" class="video-js" controls preload poster="play.54132fc3.png" data-setup="{}"> <source src="vid.0b213de6.webm" type="video/webm"> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank"> supports HTML5 video </a> </p> </video> </div> </div> <div class="col-lg-5 col-md-6 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12"> <h2 class="h4">The project</h2> <p> We made a mapping tool, based on <a href="https://osm.org" target="_blank">OpenStreetMap</a> and <a href="https://mapcomplete.org/">MapComplete</a>. Using our tool, anyone can very easily add, view, and edit data about wheelchair accessibility. The map shows POIs and all the details you need to get where you want to go. </p> </div> </div> <div class="row"> <div class="col-lg-5 col-md-6 col-md-offset-0 col-sm-10 col-sm-offset-1 col-xs-12"> <p> Apart from viewing details, a user can also answer questions about the accessibility and the other details of a POI. </p> <p> Every attribute is listed as a full sentence, with an icon next to it to change it. If an attribute is not known yet, a question will appear prompting the user for the answer. To help simplify answering the questions, most attributes have a list of presets. </p> <p> Because of the simplicity of the questions, basically anyone with a computer or smartphone, can now add information and help remove obstacles using open data. </p> </div> <div class="col-lg-6 col-md-5 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12"> <div class="project-image"> <img src="details.87004673.png" alt="Screenshot with image of a door, a list of properties of the door and a question about the door kerb"> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-5 col-md-offset-0 col-sm-10 col-sm-offset-1 col-xs-12"> <div class="project-image"> <img src="screenshot.24da9277.png" alt="Map with entrances, shops, parking and more"> </div> </div> <div class="col-lg-5 col-md-6 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12"> <p> The data for the different categories is styled using different icons and colors to make it easy to find what you want. Some categories like kerbs and parkings are also styled differently based on their attributes to make it even easier to distinguish features at a glance. </p> <p> To make this possible several new categories were added, like healthcare (doctors, pharmacies and hospitals), transit, government offices, kerbs, hotels, reception desks and even indoor mapping. Also, several layers were improved, like the entrances, toilets and parking layers. </p> </div> </div> <div class="row"> <div class="col-lg-5 col-md-6 col-md-offset-0 col-sm-10 col-sm-offset-1 col-xs-12"> <p> To make it easier to find your way indoors, there is now a special level selector allowing you to filter features by their level. There is also support for viewing rooms, doors and other objects inside buildings. </p> </div> <div class="col-lg-6 col-md-5 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12"> <div class="project-image"> <img src="level-select.f17242f4.png" alt="Screenshot showing slider with elevator"> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-5 col-md-offset-0 col-sm-10 col-sm-offset-1 col-xs-12"> <div class="project-image"> <img src="statistics.4953e181.png" alt="Screenshot showing graphs about entrances"> </div> </div> <div class="col-lg-5 col-md-6 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12"> <p> Improving accessibility isn't just making it easier to find places that are accessible. We also want cities and municipalities to be able to make use of the data, and get statistics about their city. </p> <p> To make this possible, there now also is a dashboard mode showing statistics to give statistics on the data. </p> <p> Want to know more? Have a look at the project to experience it for yourself. </p> <div class="button-group"> <a class="button button--narrow" href="https://mapcomplete.org/onwheels" target="_blank">View project</a> <a class="button button--alt button--narrow" href="https://github.com/osoc22/project-on-wheels" target="_blank">Contribute</a> </div> </div> </div> </div> <div class="center-xs row"> <div class="col-xs-10"> <h2 class="h4">Demo</h2> </div> <div class="col-xs-10 project-image"> <iframe allow="geolocation" src="https://mapcomplete.org/onwheels.html?z=16.5&lat=50.863884227096406&lon=4.34761184896206&fs-welcome-message=false&fs-userbadge=false&fs-layers=false" title="MapComplete demo" style="border:0"></iframe> </div> </div> <div class="container container-fluid project-section"> <hr> <div class="row"> <div class="col-lg-5 col-md-6 col-sm-5 col-xs-12"> <h3 class="h5">The team</h3> <ul class="team"> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://rlin.eu/" target="_blank"><img class="round" src="robin-van-der-linde.ee219cb4.jpg" alt="Robin van der Linde"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://rlin.eu/" target="_blank">Robin van der Linde</a> </h4> <p>Developer</p> <div class="social"> <a href="https://en.osm.town/@RLin" target="_blank"><i class="fa-mastodon fab"></i></a> <a href="https://www.linkedin.com/in/RLinEU/" target="_blank"><i class="fa-linkedin-in fab"></i></a><a href="https://github.com/RobinLinde" target="_blank"><i class="fa-github fab"></i></a> <a href="https://osm.org/user/Robin%20van%20der%20Linde" target="_blank"> <i class="fa-map fas"></i></a> <a href="https://rlin.eu/" target="_blank"> <i class="fa-globe fas"></i></a> </div> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://github.com/roconmachine" target="_blank"><img class="round" src="muhammad-rezaul-hasan.51938ded.jpg" alt="Muhammad Rezaul Hasan"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://github.com/roconmachine" target="_blank">Muhammad Rezaul Hasan</a> </h4> <p>Developer</p> <div class="social"> <a href="https://twitter.com/roconmachine" target="_blank"><i class="fa-twitter fab"></i></a> <a href="https://www.linkedin.com/in/rezaul-hasan/" target="_blank"><i class="fa-linkedin-in fab"></i></a><a href="https://github.com/roconmachine" target="_blank"><i class="fa-github fab"></i></a> </div> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://github.com/AlexanderRebai" target="_blank"><img class="round" src="alexander-rebai.2d29e6be.jpg" alt="Alexander Rebai"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://github.com/AlexanderRebai" target="_blank">Alexander Rebai</a> </h4> <p>Developer</p> <div class="social"> <a href="https://www.linkedin.com/in/alexander-rebai-0b2a02246/" target="_blank"><i class="fa-linkedin-in fab"></i></a> <a href="https://github.com/AlexanderRebai" target="_blank"><i class="fa-github fab"></i> </a> <a href="https://alexanderrebai.github.io/" target="_blank"><i class="fa-globe fas"></i> </a> </div> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://github.com/HispanicMojitos" target="_blank"><img class="round" src="andrews-leruth.4031d260.jpg"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://github.com/HispanicMojitos" target="_blank">Andrews Leruth</a> </h4> <p>Developer</p> <div class="social"> <a href="https://github.com/HispanicMojitos" target="_blank"><i class="fa-github fab"></i></a> </div> </div> </li> </ul> </div> <div class="col-lg-5 col-lg-offset-2 col-md-5 col-sm-6 col-sm-offset-1 col-xs-12"> <h3 class="h5">The coaches</h3> <ul class="team"> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://www.linkedin.com/in/robin-julien-9b03531a4/" target="_blank"><img class="round" src="robin-julien.63914ce5.jpg" alt="Robin Julien"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://www.linkedin.com/in/robin-julien-9b03531a4/" target="_blank">Robin Julien</a> </h4> <p>Coach</p> <div class="social"> <a href="https://www.linkedin.com/in/robin-julien-9b03531a4/" target="_blank"><i class="fa-linkedin-in fab"></i></a> <a href="https://www.instagram.com/ctsteward" target="_blank"><i class="fa-instagram fab"></i></a> </div> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://github.com/pietervdvn" target="_blank"><img class="round" src="pieter-vandervennet.fec5fcd9.jpg" alt="Pieter Vander Vennet"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://github.com/pietervdvn" target="_blank">Pieter Vander Vennet</a> </h4> <p>Coach</p> <div class="social"> <a href="https://twitter.com/pietervdvn" target="_blank"><i class="fa-twitter fab"></i></a> <a href="https://github.com/pietervdvn" target="_blank"><i class="fa-github fab"></i></a> <a href="https://osm.org/user/Pieter%20Vander%20Vennet" target="_blank"> <i class="fa-map fas"></i></a> </div> </div> </li> </ul> <h3 class="h5">Our partners</h3> <ul class="partners"> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://onwheelsapp.com/" target="_blank"><img src="logo-onwheels.53b3ba71.svg" alt="OnWheels logo"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://onwheelsapp.com" target="_blank">OnWheels</a> </h4> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://osm.be/" target="_blank"><img src="osmbe-logo.11a96438.svg" alt="OpenStreetMap Belgium logo"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://osm.be/" target="_blank">OpenStreetMap Belgium</a> </h4> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://bosa.be/" target="_blank"><img src="logo-bosa.edc074bd.svg" alt="BOSA Digital Transformation Office logo"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://bosa.be/" target="_blank">BOSA Digital Transformation Office</a> </h4> </div> </li> <li class="middle-xs row"> <div class="col-xs-3"> <a href="https://www.iodigital.com/" target="_blank"><img src="logo-iO.7a5f82be.svg" alt="iO Digital logo"></a> </div> <div class="col-lg-8 col-md-8 col-md-offset-1 col-xs-9"> <h4 class="h6"> <a href="https://www.iodigital.com/" target="_blank">iO Digital</a> </h4> </div> </li> </ul> </div> </div> </div> <footer> <div class="container container-fluid"> <div class="middle-xs row"> <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6"> <a href="https://bit.ly/3x1Hnze"><img src="osoc-logo.d691f6d8.svg" alt="Open Summer of Code logo"></a> </div> <div class="col-lg-10 col-md-9 col-sm-8 col-xs-6"> <p> Made with love at <a href="https://osoc.be/editions/2022" target="_blank">osoc&nbsp;2022</a> </p> </div> </div> </div> </footer> </div> </body></html>