From 70b390d20aa4e88793ee2b10be6cf5e1b4cab154 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Thu, 14 Apr 2022 08:59:06 +0200
Subject: [PATCH] Setup postcss and tailwind

---
 client/package.json         |  1 +
 client/postcss.config.js    |  1 +
 client/src/App.vue          |  2 +-
 client/src/assets/base.css  | 74 -------------------------------------
 client/src/assets/base.scss |  2 +
 client/src/router/index.ts  |  7 ++++
 client/tailwind.config.js   |  1 +
 7 files changed, 13 insertions(+), 75 deletions(-)
 delete mode 100644 client/src/assets/base.css
 create mode 100644 client/src/assets/base.scss

diff --git a/client/package.json b/client/package.json
index 762691ee..27ad7144 100644
--- a/client/package.json
+++ b/client/package.json
@@ -32,6 +32,7 @@
     "eslint-plugin-vue": "^8.2.0",
     "jsdom": "^19.0.0",
     "postcss": "^8.4.12",
+    "postcss-import": "^14.1.0",
     "prettier": "^2.5.1",
     "start-server-and-test": "^1.14.0",
     "tailwindcss": "^3.0.24",
diff --git a/client/postcss.config.js b/client/postcss.config.js
index 33ad091d..d0ffab7e 100644
--- a/client/postcss.config.js
+++ b/client/postcss.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    'postcss-import': {},
     tailwindcss: {},
     autoprefixer: {},
   },
diff --git a/client/src/App.vue b/client/src/App.vue
index 7de68e9b..78814c46 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -21,7 +21,7 @@ import HelloWorld from '@/components/HelloWorld.vue'
 </template>
 
 <style>
-@import '@/assets/base.css';
+@import '@/assets/base.scss';
 
 #app {
   max-width: 1280px;
diff --git a/client/src/assets/base.css b/client/src/assets/base.css
deleted file mode 100644
index 71dc55a3..00000000
--- a/client/src/assets/base.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* color palette from <https://github.com/vuejs/theme> */
-:root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
-
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
-
-  --vt-c-indigo: #2c3e50;
-
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-
-/* semantic color variables for this project */
-:root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
-
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
-
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
-
-  --section-gap: 160px;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
-
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
-
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  position: relative;
-  font-weight: normal;
-}
-
-body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
diff --git a/client/src/assets/base.scss b/client/src/assets/base.scss
new file mode 100644
index 00000000..5da122d9
--- /dev/null
+++ b/client/src/assets/base.scss
@@ -0,0 +1,2 @@
+h1 {
+}
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index 98182d1e..5b03c122 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -18,6 +18,13 @@ const router = createRouter({
       // which is lazy-loaded when the route is visited.
       component: () => import('../views/AboutView.vue')
     },
+    {
+      path: "/login",
+      component: HomeView,
+      beforeEnter(to, from, next) {
+        window.location.href = "https://google.com/contact";
+      }
+    },
     {
       path: '/learningpath',
       component: () => import('../views/LearningPath.vue'),
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index 5c1b974d..aa214f43 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 module.exports = {
   content:  [
     "./index.html",