From 385cf7d7e5d16fe264daf9772556ab26c469b5bd Mon Sep 17 00:00:00 2001
From: Lee Calcote <lee.calcote@layer5.io>
Date: Sat, 28 Oct 2023 20:47:03 -0500
Subject: [PATCH] dashboard

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
---
 assets/scss/_styles_project.scss | 26 ++++++++++++++++++++++----
 content/en/_index.md             | 16 ++++++++++------
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index ca86e2f8..c3c23d8f 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -92,6 +92,7 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   bottom: 0%;
   position: absolute;
   width: 100%;
+  z-index: 5;
 
 } 
 
@@ -176,10 +177,18 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
 .l5btn {
   border-radius: 0.75rem;
   border: 4px solid rgba(0, 179, 159, 0.40);
-  background: #000;color: white;
+  background: #000;
+  color: white;
   & :active {
   background-color: $saffron;
-}
+  }
+  & :hover {
+    color: white !important;
+  }
+  & :focus {
+    color: white;
+  }
+
 }
 
 .dash-tangle {
@@ -187,11 +196,20 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   height: 74.72rem;
   transform: rotate(-55.68deg);
   flex-shrink: 0;
-  position: absolute; z-index:-1;background: linear-gradient(180deg, rgba(0, 179, 115, 0.00) 0%, rgba(0, 179, 159, 0.30) 100%);position: absolute; top: -18rem;right:-32rem;
+  overflow: hidden;
+  background: linear-gradient(180deg, rgba(0, 179, 115, 0.00) 0%, rgba(0, 179, 159, 0.30) 100%);
+  position: absolute; top: -18rem;right:-32rem;
+  z-index:-5;
+  
 }
 
 .dash-ircle {
-  width: 74.125rem; height: 74.125rem; flex-shrink: 0; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 179, 159, 0.20) 0%, rgba(0, 179, 159, 0.00) 100%);position: absolute; top: 8rem;left:-24rem;z-index:-1;
+  width: 74.125rem; height: 74.125rem; flex-shrink: 0; 
+  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 179, 159, 0.20) 0%, rgba(0, 179, 159, 0.00) 100%);
+  position: absolute; 
+  top: 8rem;left:-24rem;
+  overflow: hidden;
+  z-index:-5;
 }
 
 @keyframes tipsy {
diff --git a/content/en/_index.md b/content/en/_index.md
index 65587a4b..8ff4c848 100644
--- a/content/en/_index.md
+++ b/content/en/_index.md
@@ -6,16 +6,20 @@ title: Layer5
 
 <!-- <h1 style="font-weight:800;margin-bottom: 4rem;font-size:5rem;">Expect More from Your Infrastructure</h1> -->
 <div>
-<a class="btn btn-lg btn-primary me-3 mb-4 l5btn" href="/docs/">
-  Cloud Docs <i class="fas fa-arrow-alt-circle-right ms-2"></i>
+<a class="btn btn-lg btn-primary me-3 mb-4 l5btn" 
+  href="/cloud">
+  Cloud Docs
+  <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>
 <a class="btn btn-lg btn-secondary me-3 mb-4 l5btn"
-href="/meshmap">
-  MeshMap Docs <i class="fas fa-arrow-alt-circle-right ms-2"></i>
+  href="/meshmap">
+  MeshMap Docs
+  <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>
 </div>
-<div style="margin-top:15%;padding-top:15%"><a href="/cloud" class="dash">Expect More from Your Infrastructure</a>
-</div>
+
+<div style="margin-top:25%;padding-top:25%"><a href="/cloud" class="dash">Expect More from Your Infrastructure</a> </div>
+
 
 <div class="dash-tangle"></div>
 <div class="dash-ircle"></div>