0.0.1

.gitattributes

@@ -0,0 +1 @@
+assets/** filter=lfs diff=lfs merge=lfs -text

assets/views/cards

@@ -0,0 +1 @@
+../sources/Vector-Cards-Version-3.2/FACES (BORDERED)/STANDARD BORDERED/Single Cards (One Per FIle)/

package.json

@@ -1,13 +1,14 @@
 {
 	"name": "games",
 	"type": "module",
-	"version": "0.0.0",
+	"version": "0.0.1",
 	"scripts": {
 		"dev": "vinxi dev",
 		"build": "vinxi build",
 		"start": "vinxi start"
 	},
 	"dependencies": {
+		"@solidjs/router": "^0.15.3",
 		"@solidjs/start": "^1.1.0",
 		"solid-js": "^1.9.5",
 		"vinxi": "^0.5.7"

pnpm-lock.yaml

@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@solidjs/router':
+        specifier: ^0.15.3
+        version: 0.15.3(solid-js@1.9.7)
       '@solidjs/start':
         specifier: ^1.1.0
         version: 1.1.7(solid-js@1.9.7)(vinxi@0.5.8(@netlify/blobs@9.1.2)(@types/node@24.1.0)(db0@0.3.2)(ioredis@5.6.1)(jiti@2.5.1)(terser@5.43.1))(vite@6.3.5(@types/node@24.1.0)(jiti@2.5.1)(terser@5.43.1))
@@ -883,6 +886,11 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
+  '@solidjs/router@0.15.3':
+    resolution: {integrity: sha512-iEbW8UKok2Oio7o6Y4VTzLj+KFCmQPGEpm1fS3xixwFBdclFVBvaQVeibl1jys4cujfAK5Kn6+uG2uBm3lxOMw==}
+    peerDependencies:
+      solid-js: ^1.8.6
+
   '@solidjs/start@1.1.7':
     resolution: {integrity: sha512-30nUFzCpCVH7ORtHlO4ZE+VLG3g3EP+x+ceLLJBFRXIVuFQ1p203xZvVCXWqUPydtK78O5w3nIkWA/tLtF0Ybg==}
     peerDependencies:
@@ -3977,6 +3985,10 @@ snapshots:
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
+  '@solidjs/router@0.15.3(solid-js@1.9.7)':
+    dependencies:
+      solid-js: 1.9.7
+
   '@solidjs/start@1.1.7(solid-js@1.9.7)(vinxi@0.5.8(@netlify/blobs@9.1.2)(@types/node@24.1.0)(db0@0.3.2)(ioredis@5.6.1)(jiti@2.5.1)(terser@5.43.1))(vite@6.3.5(@types/node@24.1.0)(jiti@2.5.1)(terser@5.43.1))':
     dependencies:
       '@tanstack/server-functions-plugin': 1.121.21(vite@6.3.5(@types/node@24.1.0)(jiti@2.5.1)(terser@5.43.1))

src/app.css

@@ -0,0 +1,52 @@
+html {
+	height: 100vh;
+}
+
+body {
+	margin: 0;
+	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
+		"Lucida Sans", Arial, sans-serif;
+	color: white;
+	height: 100%;
+}
+body::before {
+	z-index: -1;
+	content: "";
+	font-size: 28px;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+}
+
+#app {
+	height: 100%;
+	background: radial-gradient(rgb(24, 82, 65), rgb(1, 42, 16));
+}
+
+.full {
+	height: 100%;
+	width: 100%;
+}
+
+.center {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.column {
+	display: flex;
+	flex-direction: column;
+}
+
+.free {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.fixed-br {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+}

src/app.tsx

@@ -1,12 +1,28 @@
-import { createSignal } from "solid-js";
 import "./app.css";
+import { Router } from "@solidjs/router";
+import { FileRoutes } from "@solidjs/start/router";
+import { Suspense } from "solid-js";
+import pkg from "~/../package.json";
+
+const Version = () => (
+	<div class="full free">
+		<span style={{ margin: "5px", "font-size": "0.8rem" }} class="fixed-br">
+			v{pkg.version}
+		</span>
+	</div>
+);
 
 export default function App() {
-	const [count, setCount] = createSignal(0);
-
 	return (
-		<main>
-			<h1>here will be games</h1>
-		</main>
+		<Router
+			root={(props) => (
+				<>
+					<Suspense>{props.children}</Suspense>
+					<Version />
+				</>
+			)}
+		>
+			<FileRoutes />
+		</Router>
 	);
 }

src/components/Card.tsx

@@ -0,0 +1,13 @@
+import { Component, createResource, Suspense } from "solid-js";
+
+export default (() => {
+	const [svgPath] = createResource(
+		() => import(`~/../assets/views/cards/CLUB-1.svg`)
+	);
+
+	return (
+		<Suspense>
+			<img src={svgPath()?.default} />
+		</Suspense>
+	);
+}) satisfies Component;

src/components/Game.tsx

@@ -0,0 +1,15 @@
+import { JSX } from "solid-js";
+import Card from "./Card";
+
+export default () => {
+	return (
+		<div
+			class="full center column"
+			style={{ "row-gap": "20px", "font-size": "32px" }}
+		>
+			games
+			<Card />
+			coming soon
+		</div>
+	);
+};

src/renaissance.ts

@@ -1,4 +1,4 @@
-import { Board, Card, Hand, Pile, Stack, Suit } from "./cards";
+import { Board, Card, Hand, Pile, Stack, Suit } from "./types/cards";
 import { clone } from "./fn";
 
 const AGG: Suit = "spades";

src/routes/index.tsx

@@ -0,0 +1,5 @@
+import Game from "../components/Game";
+
+export default () => {
+	return <Game />;
+};