From 9daa8733fe67d43f35ac503b0ce0c8e2096bf220 Mon Sep 17 00:00:00 2001 From: Reza Rahemtola Date: Sat, 18 May 2024 19:28:13 +0200 Subject: [PATCH 1/2] feat: Navbar and metadata (#1) * fix: Logo moved to public * feat: Favicon * feat: Dropdown in navbar --- index.html | 8 ++-- public/favicon.svg | 23 +++++++++ {src/assets => public}/logo.svg | 0 public/vite.svg | 1 - src/assets/chevron-down.svg | 3 ++ src/components/Navbar.vue | 83 ++++++++++++++++++++++----------- src/style.css | 51 +++++++++++--------- 7 files changed, 114 insertions(+), 55 deletions(-) create mode 100644 public/favicon.svg rename {src/assets => public}/logo.svg (100%) delete mode 100644 public/vite.svg create mode 100644 src/assets/chevron-down.svg diff --git a/index.html b/index.html index 11998a0..20e2534 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,10 @@ - - - - Libertai + + + + Libertai
diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..41684cf --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/logo.svg b/public/logo.svg similarity index 100% rename from src/assets/logo.svg rename to public/logo.svg diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/chevron-down.svg b/src/assets/chevron-down.svg new file mode 100644 index 0000000..5b54d2b --- /dev/null +++ b/src/assets/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index 4f21e42..d60b58c 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -1,29 +1,58 @@ ; -; + + Earn + + + APIs + +
+
+ Apps + Chevron down +
+ +
+ +
+
+ + + + + + + + + diff --git a/src/style.css b/src/style.css index 404d4b0..f32cb76 100644 --- a/src/style.css +++ b/src/style.css @@ -3,73 +3,73 @@ @tailwind base; @tailwind components; @tailwind utilities; - + @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; - + --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; - + --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; - + --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; - + --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; - + --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; - + --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; - + --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; - + --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; - + --ring: 222.2 84% 4.9%; - + --radius: 0.5rem; } - + .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; - + --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; - + --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; - + --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; - + --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; - + --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; - + --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; - + --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; - + --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; - + --ring: 212.7 26.8% 83.9%; } } - + @layer base { * { @apply border-border; @@ -118,22 +118,27 @@ h1 { font-size: 72px; line-height: 84px; } + h2 { font-size: 54px; line-height: 66px; } + h3 { font-size: 38px; line-height: 50px; } + h4 { font-size: 24px; line-height: 34px; } + h5 { font-size: 22px; line-height: 28px; } + h6 { font-size: 16px; line-height: 22px; @@ -144,4 +149,4 @@ p { font-weight: 500; font-size: 18px; line-height: 30px; -} \ No newline at end of file +} From 06a8d78f105ce6371270271f82987e51ced82bbd Mon Sep 17 00:00:00 2001 From: Reza Rahemtola Date: Sat, 18 May 2024 19:49:30 +0200 Subject: [PATCH 2/2] feat: Partners section --- src/assets/aleph.svg | 15 ++++++++++ src/assets/twentysix.svg | 47 ++++++++++++++++++++++++++++++ src/pages/Home/PartnersSection.vue | 11 +++++++ src/pages/Home/index.vue | 7 +++++ src/pages/HomePage.vue | 3 -- src/router.ts | 2 +- 6 files changed, 81 insertions(+), 4 deletions(-) create mode 100644 src/assets/aleph.svg create mode 100644 src/assets/twentysix.svg create mode 100644 src/pages/Home/PartnersSection.vue create mode 100644 src/pages/Home/index.vue delete mode 100644 src/pages/HomePage.vue diff --git a/src/assets/aleph.svg b/src/assets/aleph.svg new file mode 100644 index 0000000..ef43031 --- /dev/null +++ b/src/assets/aleph.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/twentysix.svg b/src/assets/twentysix.svg new file mode 100644 index 0000000..823577b --- /dev/null +++ b/src/assets/twentysix.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/Home/PartnersSection.vue b/src/pages/Home/PartnersSection.vue new file mode 100644 index 0000000..c472449 --- /dev/null +++ b/src/pages/Home/PartnersSection.vue @@ -0,0 +1,11 @@ + diff --git a/src/pages/Home/index.vue b/src/pages/Home/index.vue new file mode 100644 index 0000000..e865912 --- /dev/null +++ b/src/pages/Home/index.vue @@ -0,0 +1,7 @@ +; + +; diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue deleted file mode 100644 index fc8bd4c..0000000 --- a/src/pages/HomePage.vue +++ /dev/null @@ -1,3 +0,0 @@ -; diff --git a/src/router.ts b/src/router.ts index 2a77e87..dfc8b28 100644 --- a/src/router.ts +++ b/src/router.ts @@ -1,6 +1,6 @@ import { createRouter, createWebHistory } from "vue-router"; -import HomePage from "./pages/HomePage.vue"; +import HomePage from "./pages/Home/index.vue"; import CompanyPage from "./pages/CompanyPage.vue"; import DesignPage from "./pages/DesignPage.vue";