Merge branch 'nav-menu-ui' of https://github.com/rakeshAlgo/docs-ui-sandbox-1 into nav-menu-ui

Author: rakeshAlgo

README.adoc

@@ -1,6 +1,6 @@
 = Couchbase Documentation UI
 // Variables:
-:current-release: cloud-3
+:current-release: cloud-6
 // Settings:
 :!example-caption:
 :experimental:

preview-src/database-icon.svg

@@ -1,4 +1,124 @@
 = Couchbase Core Concept
 :page-layout: landing-page-core-concept
 :page-role: tiles
-:!sectids:
+:!sectids:
+
+= Core Concept
+++++
+<div class="card-row">
+++++
+
+[.column]
+====== {empty}
+[.content]
+Couchbase Server is an open source, distributed, NoSQL document-oriented engagement database. It exposes a fast key-value store with managed cache for sub-millisecond data operations, purpose-built indexers for fast queries and a powerful query engine for executing SQL-like queries
+
+[.column]
+====== {empty}
+[.media-left]
+image::database-icon.svg[]
+
+++++
+</div>
+++++
+
+
+
+== Install and Deploy
+++++
+<div class="card-row three-column-row">
+++++
+
+[.column]
+.Before You Begin
+* xref:#[System Requirements]
+* xref:#[ Production Checklist]
+
+[.column]
+.Installation
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+
+[.column]
+.Deployment
+* xref:#[ Sizing a Cluster ]
+* xref:#[ Create a Cluster ]
+
+
+++++
+</div>
+++++
+
+== Learn
+++++
+<div class="card-row three-column-row">
+++++
+
+[.column]
+.Data
+* xref:#[Introduction to Couchbase Server]
+* xref:#[Buckets and Collections]
+* xref:#[ Data Model ]
+
+
+[.column]
+.Buckets and Storage
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+
+
+[.column]
+.Security
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+
+++++
+</div>
+++++
+
+== Lorem ipsum
+++++
+<div class="card-row two-column-row">
+++++
+
+[.column]
+====== {empty}
+.Lorem ipsum
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+[]
+xref:#[Lorem ipsum]
+
+[.column]
+====== {empty}
+
+.Lorem ipsum
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
+[]
+xref:#[Lorem ipsum]
+
+[.column]
+====== {empty}
+.Lorem ipsum
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+
+[]
+xref:#[Lorem ipsum]
+
+[.column]
+====== {empty}
+.Lorem ipsum
+
+video::n1e6kV_kPKo[youtube]
+
+Lorem ipsum dolor sit amet, consetetur
+xref:#[sadipscing elitr]
+
+
+++++
+</div>
+++++

preview-src/landing-page-core-concept.adoc

@@ -1,4 +1,106 @@
 = Couchbase SDK
 :page-layout: landing-page-sdk
 :page-role: tiles
-:!sectids:
+:!sectids:
+
+
+= SDK
+++++
+<div class="card-row">
+++++
+
+[.column]
+====== {empty}
+[.content]
+The Couchbase SDK allows applications to access a Couchbase cluster. It offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
+
+[.column]
+====== {empty}
+[.media-left]
+image::sdk-icon.svg[]
+
+++++
+</div>
+++++
+
+== Languages
+++++
+<div class="card-row two-column-row">
+++++
+
+[.column]
+====== {empty}
+.C SDK
+
+[.content]
+The Couchbase C SDK (libcouchbase) enables C and C++ programs to access a Couchbase Server cluster. The C SDK is also commonly used as a core dependency of SDKs written in other language to provide a common implementation and high performance.
+[]
+xref:#[Start Using the C SDK]
+
+[.column]
+====== {empty}
+
+..NET SDK
+[.content]
+The .NET SDK enables you to interact with a Couchbase Server cluster from the .NET Framework using any Common Language Runtime (CLR) language, including C#, F#, and VB.NET. It offers both a traditional synchronous API and an asynchronous API based on the Task-based Asynchronous Pattern (TAP).
+[]
+xref:#[Start Using the .NET SDK]
+
+[.column]
+====== {empty}
+.Go SDK
+
+[.content]
+The Couchbase Go SDK allows you to connect to a Couchbase Server cluster from Go. The Go SDK is a native Go library and uses the high-performance gocbcore to handle communicating to the cluster over Couchbase’s binary protocols.
+[]
+xref:#[Start Using the Go SDK]
+
+[.column]
+====== {empty}
+.Java SDK
+
+[.content]
+The Java SDK allows Java applications to access a Couchbase Server cluster. The Java SDK offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
+[]
+xref:#[Start Using the Java SDK]
+
+[.column]
+====== {empty}
+.Node.js SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+[]
+xref:#[Start Using the Node.js SDK]
+
+[.column]
+====== {empty}
+.PHP SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+[]
+xref:#[Start Using the PHP SDK]
+
+[.column]
+====== {empty}
+.Python SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+[]
+xref:#[Start Using the Python SDK]
+
+[.column]
+====== {empty}
+.Scala SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+[]
+xref:#[Start Using the Scala SDK]
+
+
+++++
+</div>
+++++

preview-src/landing-page-sdk.adoc

@@ -1,3 +1,7 @@
+.doc {
+  padding: var(--base-space) 0;
+}
+
 .doc p {
   margin: 0;
 }
@@ -83,8 +87,8 @@
 .doc h4 a.anchor::before,
 .doc h5 a.anchor::before,
 .doc h6 a.anchor::before {
-  content: '\f0c1';
-  font-family: 'Font Awesome 5 Free', sans-serif;
+  content: "\f0c1";
+  font-family: "Font Awesome 5 Free", sans-serif;
   font-weight: 900;
 }
 
@@ -417,12 +421,12 @@
 
 .doc ul {
   margin: 0;
-  padding: 0 0 0 8px;
+  padding: 0 0 0 1rem;
 }
 
 .doc ol {
   margin: 0;
-  padding: 0 0 0 8px;
+  padding: 0 0 0 1rem;
 }
 
 .doc ul.checklist {
@@ -489,7 +493,8 @@
 .doc pre.highlight code {
   /* background-color: #151514; */
   color: var(--color-brand-gray1);
-  font-weight: var(--weight-normal); /* needed to override third-party styles */
+  font-weight: var(--weight-normal);
+  /* needed to override third-party styles */
   padding-left: var(--base-small-space);
   padding-right: var(--base-small-space);
   padding-top: var(--base-large-space);
@@ -585,8 +590,7 @@
   content: "";
   display: inline-block;
   background:
-    transparent
-    linear-gradient(
+    transparent linear-gradient(
       180deg,
       #f1f7fe0d 0%,
       #f1f7fe40 18%,
@@ -875,6 +879,7 @@ code.language-console.hljs.shell {
 .doc .tab-pane > :first-child {
   margin-top: 0;
 }
+
 /* Media css  */
 
 @media screen and (min-width: 840px) {
@@ -913,7 +918,7 @@ code.language-console.hljs.shell {
     font-weight: var(--weight-bold);
     min-height: 2.5rem;
     line-height: 1;
-    margin-right: 0.25rem;
+    /* margin-right: 0.25rem; */
     padding: 0 1.5rem 5px;
     position: relative;
     text-decoration: none;
@@ -942,6 +947,8 @@ code.language-console.hljs.shell {
     display: flex;
     align-items: center;
     color: #333;
+    border-bottom: 1px solid var(--color-border);
+    padding-left: 0.5rem;
   }
 
   .doc .tabs .dropddown-btn .fas {
@@ -998,3 +1005,48 @@ code.language-console.hljs.shell {
     display: block;
   }
 }
+
+@media screen and (max-width: 767px) {
+  .doc h1 {
+    font-size: var(--heading-h1-sm);
+  }
+
+  .doc h1.page {
+    font-size: var(--heading-h1-sm);
+    margin-bottom: 10px;
+  }
+
+  .doc h2 {
+    font-size: var(--heading-h2-sm);
+    margin: 1rem 0 1rem;
+  }
+
+  .doc h3 {
+    font-size: var(--heading-h3-sm);
+  }
+
+  .doc h4 {
+    font-size: var(--heading-h4-sm);
+  }
+
+  .doc h5 {
+    font-size: var(--heading-h4-sm);
+  }
+
+  .doc .admonitionblock td.content {
+    padding-left: 1rem;
+  }
+
+  .doc .sidebarblock > .content {
+    padding: 1.5rem;
+  }
+
+  .doc h1 > a.anchor,
+  .doc h2 > a.anchor,
+  .doc h3 > a.anchor,
+  .doc h4 > a.anchor,
+  .doc h5 > a.anchor,
+  .doc h6 > a.anchor {
+    font-size: 18px;
+  }
+}