Sakurai/poke
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update html/map.ejs

Browse Source
This commit is contained in:
ashley 2025-08-17 14:19:27 +02:00
parent 9ae59b52cc
commit da3e38947c
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
html/map.ejs
View File

@ -17,11 +17,12 @@
body{background:#000;font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;color:var(--fg)} body{background:#000;font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;color:var(--fg)}
.app{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr} .app{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr}
.bar{position:relative;z-index:5;display:flex;gap:8px;align-items:center;padding:8px var(--pad); .bar{position:relative;z-index:5;display:flex;gap:8px;align-items:center;padding:8px var(--pad);
backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:var(--bg)} backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:var(--bg);
overflow:visible} /* ensure suggestions can overflow the bar */
.search{position:relative;flex:1;min-width:0} .search{position:relative;flex:1;min-width:0}
.search input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #333;background:#0b0b0b;color:#fff;outline:none} .search input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #333;background:#0b0b0b;color:#fff;outline:none}
.search input:focus{border-color:#444;box-shadow:0 0 0 3px rgba(14,165,233,.15)} .search input:focus{border-color:#444;box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.suggest{position:absolute;top: calc(100% + 6px);left:0;right:0;max-height:42vh;overflow:auto;margin:0;padding:6px 0;list-style:none;border:1px solid #333;border-radius:12px;background:#0b0b0b;display:none} .suggest{position:absolute;top: calc(100% + 6px);left:0;right:0;max-height:42vh;overflow:auto;margin:0;padding:6px 0;list-style:none;border:1px solid #333;border-radius:12px;background:#0b0b0b;display:none;z-index:9999} /* on top of everything */
.suggest li{padding:10px 12px;cursor:pointer;border-top:1px solid #111;display:flex;gap:8px;align-items:center} .suggest li{padding:10px 12px;cursor:pointer;border-top:1px solid #111;display:flex;gap:8px;align-items:center}
.suggest li:first-child{border-top:none} .suggest li:first-child{border-top:none}
.suggest li.active{background:#141414} .suggest li.active{background:#141414}
@ -102,7 +103,7 @@
.desktop .menu,.desktop .pins,.desktop .settings{display:none !important} .desktop .menu,.desktop .pins,.desktop .settings{display:none !important}
@media (min-width:768px){ .bar{padding:10px 14px} .brand{font-size:20px} } @media (min-width:768px){ .bar{padding:10px 14px} .brand{font-size:20px} }
@media (prefers-reduced-motion:reduce){ *{animation:none !important;transition:none !important} } @media (prefers-reduced-motion:reduce){ *{animation:none !important;transition:none !重要} }
</style> </style>
</head> </head>
<body> <body>
@ -226,8 +227,8 @@
<div class="section" data-sec="about"> <div class="section" data-sec="about">
<div class="about"> <div class="about">
<p><strong>PokeMaps Public Beta</strong> is a lightweight map viewer designed for quick sharing of locations and simple pin management. This beta is still evolving; features and behavior may change at any time, and bugs are expected.</p> <p><strong>PokeMaps Public Beta</strong> is a lightweight map viewer designed for quick sharing of locations and simple pin management. This beta is still evolving; features and behavior may change at any time, and bugs are expected.</p>
<p><strong>Map credits:</strong> © <a href="https://www.openstreetmap.org/" target="_blank" rel="noopener">OpenStreetMap.org</a> contributors. Map tiles and data are provided by the OpenStreetMap community. “Powered by openstreetmap.org”.</p> <p><strong>Map credits:</strong> © <a href="https://www.openstreetmap.org/" target="_blank" rel="noopener">OpenStreetMap.org</a> contributors. Map tiles and data are provided by the OpenStreetMap community. Powered by openstreetmap.org.</p>
<p><strong>Disclaimer:</strong> The geographic data shown here is compiled from community-contributed sources and third-party services. Boundaries, names, designations, and tagging may be incomplete, outdated, or disputed. Displayed borders and labels do <em>not</em> imply endorsement or acceptance of any political status. The map does not reflect the politics of the Poke project nor the opinions of its contributors. Always verify critical information from multiple sources before making decisions.</p> <p><strong>Disclaimer:</strong> The geographic data shown here is compiled from community-contributed sources and third-party services. Boundaries, names, designations, and tagging may be incomplete, outdated, or disputed. Displayed borders and labels do <em>not</em> imply endorsement or acceptance of any political status. The map does not reflect the politics of the Poke project nor the opinions of the contributors. Always verify critical information from multiple sources before making decisions.</p>
<p><strong>Privacy & usage:</strong> Location features depend on your browser’s permissions. Geocoding/search is performed via public OSM services and is subject to their rate limits and policies.</p> <p><strong>Privacy & usage:</strong> Location features depend on your browser’s permissions. Geocoding/search is performed via public OSM services and is subject to their rate limits and policies.</p>
<p><strong>Feedback:</strong> Since this is a beta, user feedback helps shape the roadmap. If something breaks, resets, or behaves oddly, that’s expected during Public Beta.</p> <p><strong>Feedback:</strong> Since this is a beta, user feedback helps shape the roadmap. If something breaks, resets, or behaves oddly, that’s expected during Public Beta.</p>
</div> </div>
@ -443,6 +444,9 @@
const li=document.createElement("li") const li=document.createElement("li")
li.role="option"; li.id="opt"+i li.role="option"; li.id="opt"+i
li.innerHTML=`<span class="pill">${it.type}</span><span class="txt">${highlight(it.label,term)}</span>` li.innerHTML=`<span class="pill">${it.type}</span><span class="txt">${highlight(it.label,term)}</span>`
// Use mousedown/touchstart so we select before the input blurs
li.onmousedown=(e)=>{ e.preventDefault(); chooseItem(it) }
li.ontouchstart=(e)=>{ e.preventDefault(); chooseItem(it) }
li.onclick=()=> chooseItem(it) li.onclick=()=> chooseItem(it)
sug.appendChild(li) sug.appendChild(li)
}) })
@ -483,7 +487,7 @@
const items=[...sug.querySelectorAll("li")] const items=[...sug.querySelectorAll("li")]
if(e.key==="ArrowDown"){ e.preventDefault(); activeIndex=(activeIndex+1)%items.length; activate(items) } if(e.key==="ArrowDown"){ e.preventDefault(); activeIndex=(activeIndex+1)%items.length; activate(items) }
if(e.key==="ArrowUp"){ e.preventDefault(); activeIndex=(activeIndex-1+items.length)%items.length; activate(items) } if(e.key==="ArrowUp"){ e.preventDefault(); activeIndex=(activeIndex-1+items.length)%items.length; activate(items) }
if(e.key==="Enter"){ e.preventDefault(); if(activeIndex>=0) items[activeIndex].click(); else searchNow(q.value) } if(e.key==="Enter"){ e.preventDefault(); if(activeIndex>=0) items[activeIndex].dispatchEvent(new Event('mousedown')); else searchNow(q.value) }
if(e.key==="Escape"){ hideSuggest() } if(e.key==="Escape"){ hideSuggest() }
}) })