Spaces:
Running
Running
add logo and link
Browse files- public/geobase-icon-tiny.svg +5 -0
- public/index.html +1 -1
- src/App.css +12 -0
- src/App.js +6 -2
public/geobase-icon-tiny.svg
ADDED
|
public/index.html
CHANGED
|
@@ -24,7 +24,7 @@
|
|
| 24 |
work correctly both with client-side routing and a non-root public URL.
|
| 25 |
Learn how to configure a non-root public URL by running `npm run build`.
|
| 26 |
-->
|
| 27 |
-
<title>
|
| 28 |
</head>
|
| 29 |
<body>
|
| 30 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
| 24 |
work correctly both with client-side routing and a non-root public URL.
|
| 25 |
Learn how to configure a non-root public URL by running `npm run build`.
|
| 26 |
-->
|
| 27 |
+
<title>GeoAI - Building Detection</title>
|
| 28 |
</head>
|
| 29 |
<body>
|
| 30 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
src/App.css
CHANGED
|
@@ -81,6 +81,17 @@ html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font
|
|
| 81 |
}
|
| 82 |
|
| 83 |
.footer-note{margin-top:auto;color:var(--muted);font-size:13px;text-align:center}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 84 |
|
| 85 |
/* responsive */
|
| 86 |
@media (max-width: 900px){
|
|
@@ -101,3 +112,4 @@ html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font
|
|
| 101 |
|
| 102 |
/* keep buttons accessible in dark */
|
| 103 |
.theme-dark .btn{box-shadow:0 8px 20px rgba(0,0,0,0.6)}
|
|
|
|
|
|
| 81 |
}
|
| 82 |
|
| 83 |
.footer-note{margin-top:auto;color:var(--muted);font-size:13px;text-align:center}
|
| 84 |
+
.footer-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none}
|
| 85 |
+
.footer-logo{width:20px;height:20px;opacity:0.9}
|
| 86 |
+
.footer-link span{font-size:13px}
|
| 87 |
+
|
| 88 |
+
/* Hide only the MapLibre GL Draw toolbar controls (keep draw features/handles visible) */
|
| 89 |
+
.mapbox-gl-draw .mapbox-gl-draw_ctrl,
|
| 90 |
+
.mapbox-gl-draw .mapbox-gl-draw_ctrl-group,
|
| 91 |
+
.mapbox-gl-draw .mapbox-gl-draw_ctrl-top-left,
|
| 92 |
+
.mapbox-gl-draw .mapbox-gl-draw_ctrl-bottom-left,
|
| 93 |
+
.mapboxgl-ctrl.mapboxgl-ctrl-group,
|
| 94 |
+
.mapbox-gl-draw_ctrl-icon { display: none !important; pointer-events: none !important; }
|
| 95 |
|
| 96 |
/* responsive */
|
| 97 |
@media (max-width: 900px){
|
|
|
|
| 112 |
|
| 113 |
/* keep buttons accessible in dark */
|
| 114 |
.theme-dark .btn{box-shadow:0 8px 20px rgba(0,0,0,0.6)}
|
| 115 |
+
.theme-dark .footer-link{color:#cfeff6}
|
src/App.js
CHANGED
|
@@ -66,7 +66,7 @@ function App() {
|
|
| 66 |
|
| 67 |
const draw = new MaplibreDraw({
|
| 68 |
displayControlsDefault: false,
|
| 69 |
-
|
| 70 |
});
|
| 71 |
drawRef.current = draw;
|
| 72 |
|
|
@@ -262,7 +262,11 @@ function App() {
|
|
| 262 |
</pre>
|
| 263 |
</div>
|
| 264 |
|
| 265 |
-
<div className="footer-note">
|
|
|
|
|
|
|
|
|
|
|
|
|
| 266 |
</aside>
|
| 267 |
</main>
|
| 268 |
</div>
|
|
|
|
| 66 |
|
| 67 |
const draw = new MaplibreDraw({
|
| 68 |
displayControlsDefault: false,
|
| 69 |
+
// don't render the default draw toolbar on the map; we'll control draw from the control panel
|
| 70 |
});
|
| 71 |
drawRef.current = draw;
|
| 72 |
|
|
|
|
| 262 |
</pre>
|
| 263 |
</div>
|
| 264 |
|
| 265 |
+
<div className="footer-note">
|
| 266 |
+
<a className="footer-link" href="https://geobase.app/" target="_blank" rel="noopener noreferrer">
|
| 267 |
+
<span><img width={15} src="/geobase-icon-tiny.svg" alt="Geobase small logo" className="footer-inline-logo" /> Geobase</span>
|
| 268 |
+
</a>
|
| 269 |
+
</div>
|
| 270 |
</aside>
|
| 271 |
</main>
|
| 272 |
</div>
|