Merge branch 'main' of https://github.com/vaimee/my3sec

vaimee · Jul 26, 2023 · 7ed5610 · 7ed5610
2 parents 0890c10 + 3b7268f
commit 7ed5610
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 17 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "0.0.19-frontend",
+  "version": "1.0.1-frontend",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

diff --git a/landing/assets/img/favicon.ico b/landing/assets/img/favicon.ico
diff --git a/landing/index.html b/landing/index.html
@@ -4,11 +4,20 @@
     <meta charset="utf-8">
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
     <title>My3Sec</title>
-    <meta content=""
-        name="description">
-    <meta content="" name="keywords">
+    <meta name="description"
+        content="My3Sec is a fully decentralized system that redefines career growth and project management. We empower individuals and employers with verified skill-oriented approaches, transforming the way we track progress.">
+    <meta name="keywords" content="remote work, curriculum vitae, project management">
+    <meta name="language" content="English">
+    <!-- Social -->
+    <meta property="og:title" content="My3Sec" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://my3sec.vaimee.com" />
+    <meta property="og:image" content="https://my3sec.vaimee.com/assets/img/my3secLogo.svg" />
+    <meta property="og:description" content="My3Sec is a fully decentralized system that redefines career growth and project management. We empower individuals and employers with verified skill-oriented approaches, transforming the way we track progress.">
+
+
     <!-- Favicons -->
-
+    <link rel="icon" type="image/x-icon" href="./assets/img/favicon.ico" />
     <!-- Main CSS file generated with Tailwindcss -->
     <link href="./dist/output.css" rel="stylesheet">
 
@@ -18,12 +27,12 @@
        @font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
     </style>
 </head>
-<body class="flex flex-col items-center bg-yellow-50 overflow-x-hidden">
+<body class="flex flex-col items-center bg-yellow-50 overflow-x-hidden scrollbar-thin scrollbar-thumb-slate-700 scrollbar-track-slate-200">
 
 <section class="h-screen w-full flex row justify-center">
     <div class="grid grid-rows-hero max-w-screen-xl grid-cols-2 px-4 py-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12">
         <div class="mr-auto lg:col-span-11">
-            <a href="#" class="inline-flex items-center justify-center w-20">
+            <a href="#" class="inline-flex items-center justify-center w-24">
                 <img src="./assets/img/my3secLogo.svg" alt="My3Sec logo" draggable="false">
             </a>
         </div>
@@ -45,7 +54,7 @@
                 transforming the way we track progress.
             </p>
             <a href="https://app.my3sec.vaimee.com"
-                class="inline-flex bg-cyan-300 items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900">
+                class="inline-flex bg-cyan-300 items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white hover:bg-cyan-200">
                 Get started
                 <svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20"
                     xmlns="http://www.w3.org/2000/svg">
@@ -55,7 +64,7 @@
                 </svg>
             </a>
             <a href="#"
-                class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-center text-gray-900 border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 ">
+                class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-center text-gray-900 border border-gray-300 hover:border-cyan-300">
                 📹 Watch video
             </a>
         </div>
@@ -72,20 +81,20 @@
         <ul class="flex flex-wrap">
             <li class="mr-2">
                 <a href="#users"
-                    class="inline-block p-4 rounded-t-lg hover:text-gray-600 hover:border-gray-30"
+                    class="inline-block p-4  rounded-t-lg  hover:text-cyan-300 hover:border-cyan-300"
                     :class="{'border-b-2 border-cyan-400 text-gray-900': tab == 'Freelancers'}"
                     @click.prevent="tab = 'Freelancers'">For Freelancers</a>
             </li>
             <li class="mr-2">
                 <a href="#users"
-                    class="inline-block p-4  rounded-t-lg  hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300"
+                    class="inline-block p-4  rounded-t-lg   hover:text-cyan-300 hover:border-cyan-300"
                     :class="{'border-b-2 border-cyan-400 text-gray-900': tab == 'Companies'}"
                     aria-current="page"
                     @click.prevent="tab = 'Companies'">For Companies</a>
             </li>
             <li class="mr-2">
                 <a href="#users"
-                    class="inline-block p-4 rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300"
+                    class="inline-block p-4 rounded-t-lg  hover:text-cyan-300 hover:border-cyan-300"
                     :class="{'border-b-2 border-cyan-400 text-gray-900': tab == 'Head-Hunters'}"
                     @click.prevent="tab = 'Head-Hunters'">For Head-Hunters</a>
             </li>
@@ -244,7 +253,7 @@ <h6>How much do I pay?</h6>
         Designed with 💙 by VAIMEE
     </p>
 </footer>
-<div id="line" class="hidden border border-gray-700 w-[1000px] rotate-45 absolute top-0 left-[20%] -z-10 lg:block"></div>
-<div id="line" class="hidden border border-gray-700 w-[2500px] -rotate-[20deg] absolute top-[80%] -z-10 lg:block"></div>
+<div id="line" class="hidden border border-gray-700 w-[2140px] rotate-45 absolute top-0  -z-10 lg:block"></div>
+<div id="line" class="hidden border border-gray-700 w-[3000px] -rotate-[20deg] absolute top-[80%] -z-10 lg:block"></div>
 </body>
 </html>
diff --git a/landing/package-lock.json b/landing/package-lock.json
diff --git a/landing/package.json b/landing/package.json
@@ -20,6 +20,7 @@
   "license": "MIT",
   "devDependencies": {
     "browser-sync": "^2.29.3",
+    "tailwind-scrollbar": "^3.0.4",
     "tailwindcss": "^3.3.3"
   }
 }
diff --git a/landing/tailwind.config.js b/landing/tailwind.config.js
@@ -14,6 +14,8 @@ module.exports = {
       }
     },
   },
-  plugins: [],
+  plugins: [
+    require('tailwind-scrollbar')
+  ],
 }