mirror of
https://github.com/brianshea2/meshmap.net.git
synced 2024-11-13 17:14:23 -08:00
more header, icon updates
This commit is contained in:
parent
4b028a42d6
commit
02bcd0c019
|
@ -49,7 +49,7 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
#header a:hover {
|
#header a:hover {
|
||||||
text-decoration: underline;
|
opacity: 0.7;
|
||||||
}
|
}
|
||||||
#header div:nth-child(2) {
|
#header div:nth-child(2) {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
@ -98,14 +98,14 @@
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<div><a href="https://meshmap.net/" title="A nearly live map of Meshtastic nodes seen by the official Meshtastic MQTT server">MeshMap</a></div>
|
<div><a href="https://meshmap.net/" title="A nearly live map of Meshtastic nodes seen by the official Meshtastic MQTT server">MeshMap</a></div>
|
||||||
<div>
|
<div>
|
||||||
<span
|
<a
|
||||||
onclick="window.localStorage.setItem('theme', document.body.classList.toggle('dark') ? 'dark' : 'light')"
|
href="#"
|
||||||
style="cursor:pointer;"
|
onclick="window.localStorage.setItem('theme', document.body.classList.toggle('dark') ? 'dark' : 'light');return false"
|
||||||
title="Toggle dark mode"
|
title="Toggle dark mode"
|
||||||
><i class="fa fa-moon-o fa-fw dark-hidden"></i><i class="fa fa-sun-o fa-fw dark-only"></i></span>
|
><i class="fa fa-moon-o fa-lg dark-hidden"></i><i class="fa fa-sun-o fa-lg dark-only"></i></a>
|
||||||
</div>
|
</div>
|
||||||
|
<div><a href="https://github.com/brianshea2/meshmap.net" title="GitHub"><i class="fa fa-github fa-lg"></i></a></div>
|
||||||
<div><a href="https://meshtastic.org/">Meshtastic</a></div>
|
<div><a href="https://meshtastic.org/">Meshtastic</a></div>
|
||||||
<div><a href="https://github.com/brianshea2/meshmap.net">GitHub</a></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="map"></div>
|
<div id="map"></div>
|
||||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
|
||||||
|
@ -184,7 +184,7 @@
|
||||||
{
|
{
|
||||||
stateName: 'geolocation-button',
|
stateName: 'geolocation-button',
|
||||||
title: 'Center map to current IP geolocation',
|
title: 'Center map to current IP geolocation',
|
||||||
icon: 'fa-crosshairs',
|
icon: 'fa-crosshairs fa-lg',
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
fetch(`https://ipinfo.io/json?token=${ipinfoToken}`)
|
fetch(`https://ipinfo.io/json?token=${ipinfoToken}`)
|
||||||
.then(r => r.json())
|
.then(r => r.json())
|
||||||
|
|
Loading…
Reference in a new issue