This is an automated email from the ASF dual-hosted git repository.

aradzinski pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-nlpcraft-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 69bcc45  WIP.
69bcc45 is described below

commit 69bcc45a064371919165f4b43e4d804d67b0d72e
Author: Aaron Radzinski <[email protected]>
AuthorDate: Sat Jan 30 17:45:04 2021 -0800

    WIP.
---
 _scss/buttons.scss   |  1 +
 _scss/colors.scss    |  2 ++
 _scss/misc.scss      | 24 ++++++++++++++++++++++++
 getting-started.html | 14 +++++++-------
 4 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/_scss/buttons.scss b/_scss/buttons.scss
index ac58e79..d709e0e 100644
--- a/_scss/buttons.scss
+++ b/_scss/buttons.scss
@@ -36,6 +36,7 @@
 
 .btn {
     letter-spacing: 0.02em;
+    box-shadow: none !important;
 }
 
 .btn-default:hover, .btn-default:active, .btn-default:visited {
diff --git a/_scss/colors.scss b/_scss/colors.scss
index 4ac592d..e04419f 100644
--- a/_scss/colors.scss
+++ b/_scss/colors.scss
@@ -79,12 +79,14 @@ $color-beta: #FC664C;
 $color-peach: #ff6530;
 $color-blue2: #337ab7;
 $color-neon-green: #a4fb05;
+$color-blue3: rgb(224, 232, 251);
 
 // Table border colors.
 $tbl-border-color: #eee;
 $tbl-border-hor-color: #eee;
 $tbl-hdr-bgcolor: lighten($color-river, 40%);
 
+.color-blue3 { color: $color-blue3 }
 .color-turquoise { color: $color-turquoise }
 .color-emerald { color: $color-emerald }
 .color-river { color: $color-river }
diff --git a/_scss/misc.scss b/_scss/misc.scss
index 62b6d61..4f8ccd9 100644
--- a/_scss/misc.scss
+++ b/_scss/misc.scss
@@ -434,3 +434,27 @@ i.fa.output {
     margin-left: 5px;
     font-size: 80%;
 }
+
+.card {
+    border-color: $color-blue3;
+
+    .card-header {
+        background-color: #f4f7ff;
+        border-bottom-color:  $color-blue3;
+
+        button.btn {
+            padding-left: 0;
+        }
+    }
+}
+
+.nav-tabs {
+    border-bottom-color: $color-blue3 !important;
+
+    .nav-link.active {
+        border-color: $color-blue3 $color-blue3 #fff !important;
+    }
+    .nav-link {
+        border-color: #fff #fff $color-blue3 !important;
+    }
+}
diff --git a/getting-started.html b/getting-started.html
index b6203d4..b78a767 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -126,7 +126,7 @@ id: getting_started
                 use <code>info</code> command to see a status information.
             </li>
             <li>
-                When NLPCraft CLI detects running REST server it automatically 
signs in with the default user account
+                When NLPCraft CLI detects running REST server it automatically 
signs in with the <a href="/using-rest.html#users">default user account</a>
                 to obtain access token that is required for all REST calls. It 
will automatically use this access token
                 while in REPL mode whenever required.
             </li>
@@ -144,18 +144,18 @@ id: getting_started
             <div class="card">
                 <div class="card-header" id="q1">
                     <h2 class="mb-0">
-                        <button class="btn btn-link btn-block text-left" 
type="button" data-toggle="collapse" data-target="#collapseOne" 
aria-expanded="true" aria-controls="collapseOne">
+                        <button class="btn btn-link btn-block text-left" 
type="button" data-toggle="collapse" data-target="#a1">
                             <b>Q:</b> What is the current forecast for Chicago?
                         </button>
                     </h2>
                 </div>
-                <div id="collapseOne" class="collapse" aria-labelledby="q1" 
data-parent="#questions">
+                <div id="a1" class="collapse" aria-labelledby="q1" 
data-parent="#questions">
                     <div class="card-body">
                         <p>
                             <img class="img-fluid" 
src="/images/getting_started_fig4.png" alt="">
                         </p>
                         <p>
-                            We get a full 5-day forecast for Chicago.
+                            <b>A:</b> we get a full 5-day forecast for Chicago.
                         </p>
                     </div>
                 </div>
@@ -163,18 +163,18 @@ id: getting_started
             <div class="card">
                 <div class="card-header" id="q2">
                     <h2 class="mb-0">
-                        <button class="btn btn-link btn-block text-left 
collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" 
aria-expanded="false" aria-controls="collapseTwo">
+                        <button class="btn btn-link btn-block text-left 
collapsed" type="button" data-toggle="collapse" data-target="#a2">
                             <b>Q:</b> Any chance of snow today in Moscow?
                         </button>
                     </h2>
                 </div>
-                <div id="collapseTwo" class="collapse" aria-labelledby="q2" 
data-parent="#questions">
+                <div id="a2" class="collapse" aria-labelledby="q2" 
data-parent="#questions">
                     <div class="card-body">
                         <p>
                             <img class="img-fluid" 
src="/images/getting_started_fig5.png" alt="">
                         </p>
                         <p>
-                            We get today's Moscow weather report.
+                            <b>A:</b> we get today's Moscow weather report.
                         </p>
                     </div>
                 </div>

Reply via email to