first commit

src/views/App.tsx

@@ -0,0 +1,14 @@
+import type { Component } from "solid-js";
+
+import styles from "@views/css/App.module.css";
+
+const App: Component = () => {
+	return (
+		<div class={styles.App}>
+			<header class={styles.header}>
+			</header>
+		</div>
+	);
+};
+
+export default App;

src/views/css/App.module.css

@@ -0,0 +1,33 @@
+.App {
+	text-align: center;
+}
+
+.logo {
+	animation: logo-spin infinite 20s linear;
+	height: 40vmin;
+	pointer-events: none;
+}
+
+.header {
+	background-color: #282c34;
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	font-size: calc(10px + 2vmin);
+	color: white;
+}
+
+.link {
+	color: #b318f0;
+}
+
+@keyframes logo-spin {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}

src/views/css/index.css

@@ -0,0 +1,13 @@
+body {
+	margin: 0;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+		"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+		sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+code {
+	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+		monospace;
+}

src/views/index.tsx

@@ -0,0 +1,13 @@
+import { render } from "solid-js/web";
+
+import "@views/css/index.css";
+import App from "@views/App";
+
+const root = document.getElementById("root");
+
+if (!(root instanceof HTMLElement)) {
+	throw new Error("Root element not found");
+}
+
+render(() => <App />, root);
+