Language seperation

src/components/Counter.css

@@ -1,20 +0,0 @@
-.increment {
-  font-family: inherit;
-  font-size: inherit;
-  padding: 1em 2em;
-  color: #335d92;
-  background-color: rgba(68, 107, 158, 0.1);
-  border-radius: 2em;
-  border: 2px solid rgba(68, 107, 158, 0);
-  outline: none;
-  width: 200px;
-  font-variant-numeric: tabular-nums;
-}
-
-.increment:focus {
-  border: 2px solid #335d92;
-}
-
-.increment:active {
-  background-color: rgba(68, 107, 158, 0.2);
-}

src/components/Counter.tsx

@@ -1,11 +0,0 @@
-import { createSignal } from "solid-js";
-import "./Counter.css";
-
-export default function Counter() {
-  const [count, setCount] = createSignal(0);
-  return (
-    <button class="increment" onClick={() => setCount(count() + 1)}>
-      Clicks: {count()}
-    </button>
-  );
-}

src/components/DeviceTile.tsx

@@ -2,7 +2,7 @@ import { Show } from "solid-js";
 
 function DeviceTile(props: { href?: string; name: string; src: string }) {
   return (
-    <a href={props.href ?? "soon.HTML"}>
+    <a href={props.href ?? "/soon"}>
       <div class="raster">
         <h3>{props.name}</h3>
         <Show when={props.src.startsWith("/images")}>