Add console button and fix minor design issues

Signed-off-by: mohin7 <[email protected]>
kubedb · Feb 13, 2024 · 855bcdd · 855bcdd
1 parent c4dbec2
commit 855bcdd
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 49 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -542,8 +542,9 @@ <h6><a href="{{ $p.RelPermalink }}">{{ $p.Title }}</a></h6>
 
                 {{ $currentPageType := index (split .Page.Permalink "/") 3 }}
                 <div class="buttons">
-                  <a id="ac-sign-in-button" href="https://accounts.appscode.com/user/login"
-                  class="button ac-button is-loading {{ if eq $currentPageType "docs" }} is-hidden {{ end }}"><span>SIGN IN</span></a>
+                  <iframe src="https://appscode.com/embed/?color=4d4dcb" frameborder="0" scrolling="no" style="height: 40px; margin-bottom: 8px; width: 185px;  overflow: hidden;"></iframe>
+                  <!-- <a id="ac-sign-in-button" href="https://accounts.appscode.com/user/login"
+                  class="button ac-button is-loading {{ if eq $currentPageType "docs" }} is-hidden {{ end }}"><span>SIGN IN</span></a> -->
                   <a href="{{ $.Site.Params.domain_appscode }}/contact/"
                     class="button ac-button is-primary {{ if eq $currentPageType "docs" }} is-outlined {{ end }}">CONTACT
                     SALES</a>

diff --git a/layouts/docs/single.html b/layouts/docs/single.html
@@ -109,8 +109,8 @@ <h6>{{ .Name }}</h6>
       {{ end }}
     </ul>
     <!-- =============searchbar area start  ===========================-->
-    <div class="ac-searchbar">
-      <label for="acSearch">
+    <div class="ac-searchbar is-flex is-align-items-center">
+      <label for="acSearch" class="is-flex">
         <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" target="#acSearch" trigger="hover"
           style="width:22px;height:22px">
         </lord-icon>

diff --git a/static/assets/images/bg-image/cta-bg-transparent.png b/static/assets/images/bg-image/cta-bg-transparent.png
diff --git a/static/assets/sass/components/_cta.scss b/static/assets/sass/components/_cta.scss
@@ -1,13 +1,14 @@
 .cta-area {
   .cta-area-inner {
     padding: 20px 50px;
-    background-image: url(/assets/images/bg-image/cta-area-bg.png);
+    background-image: url(/assets/images/bg-image/cta-bg-transparent.png);
     background-size: cover;
     background-position: center;
     border-radius: 8px;
     min-height: 250px;
     display: flex;
     align-items: center;
+    background-color: $ac-primary;
 
     h3 {
       color: $ac-white;

diff --git a/static/assets/sass/components/_navbar.scss b/static/assets/sass/components/_navbar.scss
@@ -129,6 +129,13 @@
       align-items: center;
       gap: 32px;
       .buttons{
+        iframe {
+          transition: 0.3s ease-in-out;
+          &:hover {
+            box-shadow: 2px 4px 24px rgba(0,0,0,.3)!important;
+            transform: translateY(-2px);
+          }
+        }
         .button {
           &:has(.tag){
             gap: 4px;
@@ -208,8 +215,8 @@
         .whats-new {
           position: absolute;
           z-index: 1;
-          top: -0.5rem;
-          right: -2.5rem;
+          top: -10px;
+          right: -30px;
           font-size: 0.8rem;
           color: $ac-white;
           padding: 0.2rem 0.3rem;
@@ -1017,8 +1024,8 @@ Responsive Classes
           margin: 6px 0;
 
           .link .whats-new {
-            top: -0.2rem;
-            right: 0.5rem;
+            top: -10px;
+            right: -30px;
           }
         }
       }
@@ -1265,4 +1272,4 @@ Responsive Classes
   .navbar-burger {
     display: none !important;
   }
-}
+}
diff --git a/static/assets/sass/components/_product-hero-area.scss b/static/assets/sass/components/_product-hero-area.scss
@@ -140,14 +140,6 @@
       );
     }
 
-    // h1 {
-    //   font-size: 4rem;
-    // }
-
-    // .tag {
-    //   border: 1px solid $ac-white-light;
-    // }
-
     .cube,
     .circle {
       border-color: #333333;
@@ -162,7 +154,7 @@
       top: 0;
       width: 100%;
       height: 100%;
-      background-color: #000;
+      background-color: $ac-primary;
       z-index: -1;
       opacity: 0.5;
       background-size: 50%;

diff --git a/static/assets/sass/pages/_documentation.scss b/static/assets/sass/pages/_documentation.scss
@@ -85,36 +85,6 @@
   .documentation-body {
     padding: 0 60px;
     width: calc(100% - 674px);
-
-    // .highlight {
-    //   .hljs-variable {
-    //     color: #35a651;
-    //   }
-
-    //   .hljs-string {
-    //     color: #f15855;
-    //   }
-
-    //   .hljs-keyword,
-    //   .hljs-literal,
-    //   .nginx .hljs-title {
-    //     color: #ff08d8;
-    //   }
-
-    //   .hljs-class .hljs-title,
-    //   .smalltalk .hljs-class,
-    //   .hljs-type,
-    //   .hljs-typename,
-    //   .hljs-tag .hljs-attribute,
-    //   .hljs-doctype,
-    //   .hljs-class .hljs-id,
-    //   .hljs-built_in,
-    //   .setting,
-    //   .hljs-params,
-    //   .clojure .hljs-attribute {
-    //     color: #ad6ff3;
-    //   }
-    // }
   }
 
   .right-sidebar {