dashboard

Signed-off-by: Lee Calcote <[email protected]>
layer5io · Oct 29, 2023 · 385cf7d · 385cf7d
1 parent f665afe
commit 385cf7d
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 10 deletions.
diff --git 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,22 +177,39 @@ 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 {
   width: 78.14231rem;
   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
@@ -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>