index.html 21 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html lang='en'>
  3. <head>
  4. <title>staty | OSM Station Relationships</title>
  5. <meta charset='utf-8' />
  6. <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  7. <meta name='description' content='Analyze public transport station in OpenStreetMap for correctness.'>
  8. <meta name="author" content="Patrick Brosi, University of Freiburg, Chair of Algorithms and Datastructures">
  9. <meta name="contact" content="brosi[at]cs.uni-freiburg.de">
  10. <meta name="viewport" content="initial-scale=1">
  11. <meta property="og:title" content="staty | OSM Station Relationships">
  12. <meta property="og:image" content="/octi.png">
  13. <meta property="og:description" content="Analyze public transport station in OpenStreetMap for correctness.">
  14. <link rel='preconnect' href='https://stamen-tiles-a.a.ssl.fastly.net'>
  15. <link rel='preconnect' href='https://stamen-tiles-b.a.ssl.fastly.net'>
  16. <link rel='preconnect' href='https://stamen-tiles-c.a.ssl.fastly.net'>
  17. <style>
  18. @font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:local('Nunito SemiBold'),local('Nunito-SemiBold'),url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2')}.leaflet-image-layer,.leaflet-layer,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution{font-size:11px}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:0 0}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}body{padding:0;margin:0;font-family:sans-serif}body,html{height:100%;width:100%}tt{letter-spacing:-.5px}#attr-tbl tr{background-color:#c0f7c0}.stat-label{white-space:nowrap;background:0 0}#attr-tbl .err-10{background-color:red}#attr-tbl .err-9{background-color:#ff1010}#attr-tbl .err-8{background-color:#f92424}#attr-tbl .err-7{background-color:#f93838}#attr-tbl .err-6{background-color:#f56262}#attr-tbl .err-5{background-color:#f38484}.attr-err-info{margin-top:5px;font-size:13px;font-style:italic}.leaflet-popup-content-wrapper{border-radius:5px}#attr-tbl .err-wrap{max-height:100px;display:block;overflow-y:auto}#attr-tbl{margin-top:10px;width:100%}.newmemberstit,.oldmemberstit,.sugtit{font-style:normal;font-weight:700}#group-stations-new,#group-stations-old{margin-top:8px;padding-top:4px;border-top:solid 1px #aaa}#group-stations-new div{background-color:#b6b6e4;border-left:solid 4px #00f;padding:2px;margin:2px;padding-left:5px}#group-stations-old div{border-left:solid 4px #78f378;padding:2px;margin:2px;padding-left:5px}#sugg{margin-top:8px;padding-top:4px;border-top:solid 1px #aaa;color:#0000c3}#sugg ul{padding:5px;margin:5px;padding-top:0}#l{text-decoration:none;font-weight:600;font-family:Nunito,sans-serif;font-size:60px;position:absolute;z-index:1000;right:.3em;top:.65rem;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;color:#fff;opacity:.7}.leaflet-control-zoom a{font-family:Nunito,sans-serif!important;font-weight:700!important;font-size:38px!important}.leaflet-touch .leaflet-bar a{width:40px;height:40px;line-height:40px;overflow:hidden;display:block}.leaflet-control-zoom-out{margin-top:10px}.leaflet-container{font-family:sans-serif!important;font-size:14px}.leaflet-control-attribution a{font-family:sans-serif!important;color:#333!important;font-size:12px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{border-radius:25px!important;border:1px solid #000!important;opacity:.7;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;color:#fff!important}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:none;background:0 0}.leaflet-popup{left:-20px!important}.leaflet-popup-tip-container{left:20px}.leaflet-popup-tip{box-shadow:none!important}.leaflet-popup:before{content:'';position:absolute;border:13px solid transparent;border-bottom-color:#fff;bottom:0;margin-left:-13px}.attrval{font-weight:700}.grouplink{cursor:pointer;text-decoration:underline;z-index:1000}.ns{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#group-stations-old div.del-stat:before{content:'❌';position:relative;width:0;color:#800;margin-left:-1.15em;left:-.6em;padding-right:.5em}#group-stations-old div.del-stat{background-color:#f44336;border-left:solid 4px #800}#group-stations-new,#group-stations-old{max-height:200px;overflow-y:auto}.ebut{display:block;float:right;margin-right:10px;font-size:18px;text-decoration:none;line-height:18px}#s{position:absolute;z-index:9999;top:1.3rem;width:30%;margin:0;min-width:300px;right:35%;font-size:16px;opacity:.9;padding:7px;border:solid #000 1px;border-radius:5px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4)}#s input{width:100%;border:none;padding:0;font-size:20px}#sres{max-height:0;transition:max-height .15s ease-out;overflow:hidden}#sres.res-open{max-height:1000px;transition:max-height .3s ease-in}#s .sres:first-child{margin-top:10px}input:focus{outline:0}#s .sres{display:block;line-height:2;padding-left:.5rem;padding-right:55px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:solid 5px #78f378;margin-top:2px}#s .sres .via{display:block;margin-left:.7rem;font-size:14px;color:#333}#s .sres,#s .sres .via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#s .sres.res-sugg{border-left:solid 5px #0000c3}#s .sres.res-err{border-left:solid 5px red}#s .sres.selres{background-color:#ddd;cursor:pointer}.res-group,.res-stat,.res-way{background-size:20px;background-repeat:no-repeat;background-position:100% 6px}.res-group{background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20version%3D%221.0%22%20height%3D%22256%22%20width%3D%22256%22%3E%3Cg%3E%3Crect%20width%3D%22242%22%20height%3D%22242%22%20stroke%3D%22black%22%20fill%3D%22%23f0f0f0%22%20stroke-width%3D%2212%22%20ry%3D%2232%22%20x%3D%227%22%20y%3D%227%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M%20068%20068%20L%20196%20062%22%20stroke-width%3D%2216%22%20stroke%3D%22%23ccc%22%2F%3E%3Cpath%20d%3D%22M%20068%20068%20L%20196%20142%22%20stroke-width%3D%2216%22%20stroke%3D%22%23ccc%22%2F%3E%3Cpath%20d%3D%22M%20068%20068%20L%20062%20196%22%20stroke-width%3D%2216%22%20stroke%3D%22%23ccc%22%2F%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%22062%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%22142%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22062%22%20cy%3D%22196%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M%20068%20068%20L%20142%20196%22%20stroke-width%3D%2216%22%20stroke%3D%22%23ccc%22%2F%3E%3Ccircle%20cx%3D%22142%22%20cy%3D%22196%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22072%22%20cy%3D%22072%22%20r%3D%22032%22%20fill%3D%22%23bee6be%22%20stroke%3D%22black%22%20stroke-width%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.res-stat{background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20version%3D%221.0%22%20height%3D%22256%22%20width%3D%22256%22%3E%3Cg%3E%3Crect%20width%3D%22242%22%20height%3D%22242%22%20stroke%3D%22black%22%20fill%3D%22%23f0f0f0%22%20stroke-width%3D%2212%22%20ry%3D%2232%22%20x%3D%227%22%20y%3D%227%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22024%22%20fill%3D%22%23bee6be%22%20stroke%3D%22black%22%20stroke-width%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A)}.res-way{background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20version%3D%221.0%22%20height%3D%22256%22%20width%3D%22256%22%3E%3Cg%3E%3Crect%20width%3D%22242%22%20height%3D%22242%22%20stroke%3D%22black%22%20fill%3D%22%23f0f0f0%22%20stroke-width%3D%2212%22%20ry%3D%2232%22%20x%3D%227%22%20y%3D%227%22%2F%3E%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20stroke-width%3D%2216%22%20d%3D%22M%20169%20058%20L%20057%20145%20L%20195%20199%22%2F%3E%3Cg%3E%3Ccircle%20cx%3D%22169%22%20cy%3D%22058%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22057%22%20cy%3D%22145%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22199%22%20r%3D%22024%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A)}#del{position:absolute;right:0;top:0;padding:0;text-decoration:none;font-size:20px;margin-top:7px;margin-right:7px;line-height:24px;opacity:0;transition:opacity .2s;color:#303030}#s label{position:absolute;font-size:20px;margin-left:-2px}#s label svg{fill:#999;transition:color .2s ease-out}#s>span{display:block;padding-right:20px;padding-left:20px}#s ::-webkit-input-placeholder{color:#999}#s :-ms-input-placeholder{color:#999}#s :-ms-input-placeholder{color:#999}#s:focus-within label svg{fill:#000;transition:fill .2s ease-out}.dist{font-size:60%;color:#666;right:30px;position:absolute;line-height:3.4}.z14 .leaflet-overlay-pane{opacity:.85}.z13 .leaflet-overlay-pane{opacity:.7}.z12 .leaflet-overlay-pane{opacity:.58}.z11 .leaflet-overlay-pane{opacity:.5}.z0 .leaflet-overlay-pane,.z1 .leaflet-overlay-pane,.z10 .leaflet-overlay-pane,.z2 .leaflet-overlay-pane,.z3 .leaflet-overlay-pane,.z4 .leaflet-overlay-pane,.z5 .leaflet-overlay-pane,.z6 .leaflet-overlay-pane,.z7 .leaflet-overlay-pane,.z8 .leaflet-overlay-pane,.z9 .leaflet-overlay-pane{opacity:.5}#m,main{width:100%;height:100%}#sres.res-open+#del{opacity:1}@media (max-width:600px){#l{display:none}.leaflet-control-container,.leaflet-top{height:100%}.leaflet-control-zoom{position:absolute;top:3.5rem}#s{font-size:16px;min-width:0;width:auto;right:10px;left:10px;top:10px}}.leaflet-popup-content-wrapper{opacity:.9;border:solid 1px #000}.leaflet-popup-tip-container{margin-top:-1px}.leaflet-popup-tip{opacity:1;background:#fcfcfc;border:solid 1px #000;margin:-11px auto 0}
  19. </style>
  20. </head>
  21. <body>
  22. <nav><a id='l' class='ns' href='/'>staty</a></nav>
  23. <main>
  24. <div id='m'></div>
  25. <div id='s'>
  26. <label for="si"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="0.95em" height="1.2em" style="-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="M17.545 15.467l-3.779-3.779a6.15 6.15 0 0 0 .898-3.21c0-3.417-2.961-6.377-6.378-6.377A6.185 6.185 0 0 0 2.1 8.287c0 3.416 2.961 6.377 6.377 6.377a6.15 6.15 0 0 0 3.115-.844l3.799 3.801a.953.953 0 0 0 1.346 0l.943-.943c.371-.371.236-.84-.135-1.211zM4.004 8.287a4.282 4.282 0 0 1 4.282-4.283c2.366 0 4.474 2.107 4.474 4.474a4.284 4.284 0 0 1-4.283 4.283c-2.366-.001-4.473-2.109-4.473-4.474z"/></svg></label><span><input id='si' oninput='s(this.value)' onkeydown='kp(event)' autocorrect='off' autocomplete='off' autocapitalize='off' placeholder='Search for a station…' type='text'></span>
  27. <div id='sres'></div>
  28. <a href='#' id='del'>✖</a>
  29. </div>
  30. </main>
  31. <script src='build.js' defer>
  32. </script>
  33. </body>
  34. </html>