1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>staty | OSM Station Relationships</title>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="Description" content="Analyze public transport station in OpenStreetMap for correctness">
- <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"/ async>
- <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" defer></script>
- <link href="https://fonts.googleapis.com/css?family=Nunito:600&display=swap" rel="stylesheet" async>
- <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" async>
- <link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet" async>
- <link rel="preconnect" href="http://a.tile.stamen.com/toner-lite">
- <link rel="preconnect" href="http://b.tile.stamen.com/toner-lite">
- <link rel="preconnect" href="http://c.tile.stamen.com/toner-lite">
- <style>
- body{padding:0;margin:0;font-family:'Roboto',sans-serif}html,body{height:100%;width:100%}tt{font-family:Inconsolata,monospace}#attr-tbl tr{background-color:#c0f7c0}.stat-label{white-space:nowrap;background:transparent}#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%}.sugtit,.oldmemberstit,.newmemberstit{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:#0000ff36;border-left:solid 4px #00f;padding:2px;margin:2px;padding-left:5px}#group-stations-old div{background-color:#00ff0036;border-left:solid 4px #0f0;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}#logo{text-decoration:none;font-weight:600;font-family:'Nunito',sans-serif;font-size:60px;position:absolute;z-index:1000;top:.3em;right:1em;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:38px;overflow:hidden;display:block}.leaflet-control-zoom-out{margin-top:10px}.leaflet-container{font-family:'Roboto',sans-serif!important;font-size:14px}.leaflet-control-attribution a{font-family:'Roboto',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-control-layers,.leaflet-touch .leaflet-bar{border:none;background:transparent}.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}.noselect{-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-old,#group-stations-new{max-height:200px;overflow-y:auto;}.editbut{display: block;float: right;margin-right: 10px;font-size: 18px;text-decoration: none;line-height: 18px;}@media (max-width: 500px){#logo{font-size: 50px; top: .1em; right:.5em}};
- </style>
- </head>
- <body>
- <a id="logo" class="noselect"href="/">staty</a>
- <div id="map" style="width: 100%;height: 100%;"></div>
- <script src="build.js" defer>
- </script>
- </body>
- </html>
|