-
+
+

+
+
+
-
+
diff --git a/fe/src/assets/bg_1.jpg b/fe/src/assets/bg_1.jpg
new file mode 100644
index 0000000..b03fd68
Binary files /dev/null and b/fe/src/assets/bg_1.jpg differ
diff --git a/fe/src/assets/bg_2.jpg b/fe/src/assets/bg_2.jpg
new file mode 100644
index 0000000..d465ca5
Binary files /dev/null and b/fe/src/assets/bg_2.jpg differ
diff --git a/fe/src/assets/main.css b/fe/src/assets/main.css
index e69de29..aba184c 100644
--- a/fe/src/assets/main.css
+++ b/fe/src/assets/main.css
@@ -0,0 +1,56 @@
+@import 'tailwindcss';
+
+@variant dark (&:where(.dark, .dark *));
+
+@theme {
+ --font-sans: 'Anaheim', sans-serif;
+}
+
+body {
+ @apply font-sans
+ bg-slate-900
+ text-slate-50;
+}
+
+h1,
+h2 {
+ @apply font-bold;
+}
+
+h3,
+h4,
+h5,
+h6 {
+ @apply font-semibold;
+}
+
+h1 {
+ @apply text-4xl;
+}
+
+h2 {
+ @apply text-3xl;
+}
+
+h3 {
+ @apply text-2xl;
+}
+
+h4 {
+ @apply text-xl;
+}
+
+h5 {
+ @apply text-lg;
+}
+
+.panel {
+ @apply fixed
+ inset-16
+ p-4
+ bg-white/10
+ backdrop-blur-sm
+ rounded-xl
+ border
+ border-white/15;
+}
diff --git a/fe/src/main.js b/fe/src/main.js
index 5dcad83..ed4116b 100644
--- a/fe/src/main.js
+++ b/fe/src/main.js
@@ -1,3 +1,4 @@
+// import './assets/jemx.scss'
import './assets/main.css'
import { createApp } from 'vue'
diff --git a/fe/vite.config.js b/fe/vite.config.js
index 41d3e9a..507e043 100644
--- a/fe/vite.config.js
+++ b/fe/vite.config.js
@@ -3,21 +3,16 @@ import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
+import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
- plugins: [vue(), vueDevTools()],
+ plugins: [vue(), vueDevTools(), tailwindcss()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
- // server: {
- // port: 6969,
- // hmr: {
- // host: 'localhost',
- // },
- // },
base: '/',
publicDir: '../public',
build: {