hi

lightning/src/components/BadassMap.tsx

@@ -13,6 +13,8 @@ export default function BadassMap() {
         antialias: true,
     } as Viewport);
 
+    const [rotate, toggleRotate] = createSignal(true)
+
     return (
         <MapGL
             mapLib={maplibre}
@@ -23,7 +25,7 @@ export default function BadassMap() {
             onViewportChange={(evt: Viewport) => setViewport(evt)}
         >
 
-            <button onClick={() => console.log('sup')}>sup</button>
+            <button onClick={() => console.log('sup')}>map button</button>
             <Control type="fullscreen" position="top-right" />
             <Control type="navigation" position="top-right" />
             <Control type="geolocate" position="top-right" />
@@ -36,7 +38,7 @@ export default function BadassMap() {
             }} />
 
             <Camera
-                rotateViewport='true'
+                rotateViewport={rotate()}
                 reverse='true'
             />
 

lightning/src/root.css

@@ -19,7 +19,7 @@ h1 {
   font-size: 4rem;
   font-weight: 100;
   line-height: 1.1;
-  margin: 4rem auto;
+  margin: 1rem auto;
   max-width: 14rem;
 }
 

lightning/src/routes/about.tsx

@@ -1,4 +1,5 @@
 import { Title } from 'solid-start';
+import Counter from "~/components/Counter";
 
 export default function Home() {
     return (
@@ -33,6 +34,7 @@ export default function Home() {
                     github.com/adoyle0/maps
                 </a>
             </p>
+            <Counter />
         </main>
     );
 }

lightning/src/routes/index.tsx

@@ -1,14 +1,9 @@
 import { Title } from "solid-start";
-import Counter from "~/components/Counter";
 
 export default function Home() {
     return (
         <main>
             <Title>Lightning</Title>
-            <h1>Lightning</h1>
-            <Counter />
-            <p>Click and drag to watch me explode!
-            </p>
         </main>
     );
 }