diff --git a/index.html b/index.html
index 3ae5949..6353ad3 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
Card-jong
-
+
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
new file mode 100644
index 0000000..188757c
--- /dev/null
+++ b/src/components/Card.tsx
@@ -0,0 +1,13 @@
+import { ClubIcon } from "./icons/ClubIcon";
+import { JokerIcon } from "./icons/JokerIcon";
+
+export function Card() {
+ return (
+
+
+ 1
+
+
+
+ );
+}
diff --git a/src/components/icons/ClubIcon.tsx b/src/components/icons/ClubIcon.tsx
new file mode 100644
index 0000000..3d28d32
--- /dev/null
+++ b/src/components/icons/ClubIcon.tsx
@@ -0,0 +1,7 @@
+export function ClubIcon(props: {class: string, fill: string}) {
+ return (
+
+ );
+}
diff --git a/src/components/icons/JokerIcon.tsx b/src/components/icons/JokerIcon.tsx
new file mode 100644
index 0000000..1ad49fd
--- /dev/null
+++ b/src/components/icons/JokerIcon.tsx
@@ -0,0 +1,25 @@
+
+export function JokerIcon(props: {class: string, fill: string}) {
+ return (
+ /*
+ */
+
+ );
+}
+
+
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index c2d1020..2a6e3ec 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,6 +1,7 @@
import { A } from "@solidjs/router";
import { createSignal, onMount, Show } from "solid-js";
import { backend, UserInfo } from "../utils";
+import { Card } from "../components/Card";
export function Index() {
@@ -91,15 +92,12 @@ export function Index() {
Go to game rules
-
- );
-}
-
-
-function Registration() {
- return (
-
);
}
diff --git a/tailwind.config.js b/tailwind.config.js
index 8de6e9f..50ed99c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,6 +11,9 @@ module.exports = {
"c-bg-2": "var(--c-bg-2)",
"c-border-1": "var(--c-border-1)",
},
+ fontFamily: {
+ "sans-serif": ["'Secular One'", "'sans-serif'"],
+ },
},
},
plugins: [],