✨ Add Sophia AI

SoftInstigate · Sep 10, 2024 · d17df8a · d17df8a
1 parent ae30dfe
commit d17df8a
Show file tree

Hide file tree

Showing 10 changed files with 103 additions and 5 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -33,6 +33,8 @@
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
    <!-- Github buttons. -->
    <script async defer src="https://buttons.github.io/buttons.js"></script>
+   <!--iframeResizer-->
+  <script src="/assets/js/iframe-resizer.parent.js"></script>
    <!-- Favicons ================================================== -->
    <link rel="apple-touch-icon" sizes="57x57" href="{{ "/images/favicon/apple-icon-57x57.png" | prepend: site.baseurl }}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{ "/images/favicon/apple-icon-60x60.png" | prepend: site.baseurl }}">

diff --git a/_includes/header.html b/_includes/header.html
@@ -18,10 +18,11 @@ <h2 class="text-white"><strong>REST</strong>Heart</h2>
                     <li class="{{ stars_classes }} ">
                         <a class="github-button" href="https://github.com/SoftInstigate/restheart" data-size="large" data-show-count="true" aria-label="Star SoftInstigate/restheart on GitHub"></a>
                     </li>
-                    <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/docs" | prepend: site.baseurl }}">Docs</a></li>
+                    <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/docs/sophia" | prepend: site.baseurl }}"><strong>Ask Sophia</strong></a></li>
+                    <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/docs" | prepend: site.baseurl }}"><strong>Docs</strong></a></li>
                     <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/docs/faq" | prepend: site.baseurl }}"><strong>FAQ</strong></a></li>
                     <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/docs/setup-with-docker/" | prepend: site.baseurl }}"><strong>GET</strong></a></li>
-                    <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/contact" | prepend: site.baseurl }}">Contacts</a></li>
+                    <li class="nav-item"><a class="ml-1 ml-lg-2 ml-xl-4" href="{{ "/contact" | prepend: site.baseurl }}"><strong>Contacts</strong></a></li>
                 </ul>
             </div>
         </nav>

diff --git a/_includes/run-restheart-seriously-banner.html b/_includes/run-restheart-seriously-banner.html
@@ -3,7 +3,7 @@
     <div class="container bg-lightx">
         <div class="row my-0">
             <div class="col-12 px-5 my-2 mb-0 py-1 mx-auto text-center">
-                <h3 class="mb-0"><span class="text-muted">Looking for Cloud Services or Professional Support? Check </span><a class="d-inline" href="https://restheart.com">restheart.com</a></h3>
+                <h3 class="mb-0"><span class="text-muted d-none d-md-inline">Looking for Cloud Services or Support?  </span><span class="text-muted">Check </span><a class="d-inline" href="https://restheart.com">restheart.com</a></h3>
             </div>
         </div>
     </div>

diff --git a/_sass/layout.scss b/_sass/layout.scss
@@ -788,7 +788,6 @@ hr {
     margin: 10px 0 10px auto;
     color: #fff;
     border-color: #fff;
-    font-size: 26px;
 }
 
 .navbar-nav > li > a {

diff --git a/assets/js/iframe-resizer.child.js b/assets/js/iframe-resizer.child.js
diff --git a/assets/js/iframe-resizer.jquery.js b/assets/js/iframe-resizer.jquery.js
diff --git a/assets/js/iframe-resizer.parent.js b/assets/js/iframe-resizer.parent.js
diff --git a/css/main.scss b/css/main.scss
@@ -218,4 +218,15 @@ text-black {
 
 .mw-keypoint {
     max-width: 400px;
+}
+
+.iframe-parent {
+  height: calc(100vh - 115px);
+  border: none;
+}
+
+iframe {
+  height: 100%;
+  width: 100%;
+  border: none;
 }
diff --git a/docs/sophia.md b/docs/sophia.md
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="iframe-parent mb-5">
+    <iframe src="https://sophia.restheart.com" scrolling="yes"></iframe>
+</div>
diff --git a/index.md b/index.md
@@ -33,7 +33,25 @@ stars-bounce: true
     </div>
 </section>
 
-<div class="container text-center mt-0 mw-800 px-0">
+<div class="mb-5">
+    <p class="color-primary text-center">Ask Sophia AI about RESTHeart</p>
+    <iframe id="sophiaFrame" src="https://sophia.restheart.com?h=auto" style="border: none; width: 100%"></iframe>
+</div>
+
+<script>
+  iframeResize({
+    license: 'GPLv3',
+    waitForLoad: true,
+    onResized: ({ iframe, height, width, type }) => {
+        if (type === 'overflowChanged' && document.readyState == 'complete') {
+            window.scrollTo({top: height+200, left: 0, behavior: 'auto'});
+        }
+    }
+  }, '#sophiaFrame' );
+</script>
+
+<div class="container text-center mt-5 mw-800 px-0">
+    <p class="color-primary">MongoDB REST API in action</p>
     <img src="/images/restheart.gif" class="img-fluid"/>
 </div>