Merge pull request #15 from rohitkumbhar/site

Site
rohitkumbhar · Jan 4, 2025 · caaa547 · caaa547
2 parents 35f41dd + 92c4c5f
commit caaa547
Show file tree

Hide file tree

Showing 19 changed files with 610 additions and 50 deletions.
diff --git a/.env.production b/.env.production
diff --git a/docs/CNAME b/docs/CNAME
@@ -0,0 +1 @@
+surmai.app
diff --git a/docs/assets/index-qds1DnmX.css b/docs/assets/index-qds1DnmX.css
diff --git a/docs/assets/index-taKy9jDx.js b/docs/assets/index-taKy9jDx.js
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/icons/fish-2.svg" sizes="any"  />
+  <link rel="icon" href="/icons/favicon.ico" sizes="48x48">
+  <link rel="apple-touch-icon" href="/icons/apple-touch-icon-180x180.png">
+
+  <link rel="preconnect" href="https://fonts.googleapis.com"  crossorigin="anonymous">
+  <link rel="preconnect" href="https://fonts.gstatic.com"  crossorigin="anonymous">
+  <link  crossorigin="anonymous" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Surmai</title>
+  <style>
+      body,html{
+          margin:0;
+          width:100%;
+      }
+
+  </style>
+  <script type="module" crossorigin src="/assets/index-taKy9jDx.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-qds1DnmX.css">
+</head>
+<body>
+<div id="root"></div>
+</body>
+</html>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,13 +6,17 @@
   "type": "module",
   "scripts": {
     "dev": "vite --host 0.0.0.0 --cors",
+    "site": "vite -c vite.site.config.ts --host 0.0.0.0 --port 2030 --cors",
     "generate-pwa-assets": "pwa-assets-generator --preset minimal-2023 public/icons/fish-2.svg",
     "build": "tsc -b && vite build",
+    "build-site": " vite build -c vite.site.config.ts --emptyOutDir",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "format": "prettier --write ./src"
   },
   "dependencies": {
+    "@mantine/carousel": "^7.13.1",
+    "@mantine/code-highlight": "^7.13.1",
     "@mantine/core": "^7.13.1",
     "@mantine/dates": "^7.13.1",
     "@mantine/dropzone": "^7.13.1",
@@ -24,6 +28,7 @@
     "@tabler/icons-react": "^3.11.0",
     "@tanstack/react-query": "^5.55.4",
     "dayjs": "^1.11.13",
+    "embla-carousel-react": "^7.1.0",
     "i18next": "^23.15.1",
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-http-backend": "^2.6.1",

diff --git a/screenshots/desktop_home.png b/screenshots/desktop_home.png
diff --git a/screenshots/desktop_organization.png b/screenshots/desktop_organization.png
diff --git a/site/index.html b/site/index.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/icons/fish-2.svg" sizes="any"  />
+  <link rel="icon" href="/icons/favicon.ico" sizes="48x48">
+  <link rel="apple-touch-icon" href="/icons/apple-touch-icon-180x180.png">
+
+  <link rel="preconnect" href="https://fonts.googleapis.com"  crossorigin="anonymous">
+  <link rel="preconnect" href="https://fonts.gstatic.com"  crossorigin="anonymous">
+  <link  crossorigin="anonymous" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Surmai</title>
+  <style>
+      body,html{
+          margin:0;
+          width:100%;
+      }
+
+  </style>
+</head>
+<body>
+<div id="root"></div>
+<script type="module" src="/src/main.tsx"></script>
+</body>
+</html>
diff --git a/site/src/Body/Body.module.css b/site/src/Body/Body.module.css
@@ -0,0 +1,11 @@
+.wrapper {
+    /*padding: calc(var(--mantine-spacing-xl) * 2) var(--mantine-spacing-xl);*/
+}
+
+.title {
+    font-size: 36px;
+    font-weight: 900;
+    line-height: 1.1;
+    margin-bottom: var(--mantine-spacing-md);
+    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+}