base page with gm

topology-gg · May 20, 2024 · 79e4112 · 79e4112
1 parent 46ea0dd
commit 79e4112
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Topology</title>
+        <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="assets/favicon/apple-touch-icon.png"
+        />
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="assets/favicon/favicon-32x32.png"
+        />
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="16x16"
+            href="assets/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="./site.webmanifest" />
+        <link rel="stylesheet" href="./static/css/style.css" />
+    </head>
+
+    <body>
+        <div id="canvas"></div>
+
+        <script src="./static/bundle/script.js"></script>
+    </body>
+</html>
diff --git a/src/index.ts b/src/index.ts
@@ -0,0 +1,9 @@
+const render = () => {
+  const canvas = <HTMLSpanElement>document.getElementById("canvas");
+  const base = document.createElement("div");
+  canvas.appendChild(base);
+  base.className = "h-screen py-5 px-10";
+  base.innerHTML = `gm`;
+};
+
+render();
diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./public/index.html", "./src/**/*.{html,js,ts}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,24 @@
+const path = require("path");
+
+module.exports = {
+  mode: "production",
+  entry: path.resolve(__dirname, "./src/index.ts"),
+  module: {
+    rules: [
+      {
+        test: /\.ts?$/,
+        use: "ts-loader",
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".ts", ".js"],
+    fallback: {},
+  },
+  output: {
+    filename: "script.js",
+    path: path.resolve(__dirname, "public", "static", "bundle"),
+    publicPath: "/static/bundle/",
+  },
+};