feat: add chatbot (#120)

schmelto · Oct 29, 2021 · 0f9c031 · 0f9c031
2 parents f956217 + c3f898a
commit 0f9c031
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -55,6 +55,10 @@ Want to file a bug, contribute some code, or improve documentation? Excellent! C
 
 Help us keep this project open and inclusive. Please read and follow our [Code of Conduct](./CODE_OF_CONDUCT.md).
 
+## Chatbot
+
+The integrated chatbot is build with [SAP Conversational AI](https://cai.tools.sap/).
+
 [![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/schmelto/Portfolio)
 
 ### Love this project? Consider giving it a ⭐
diff --git a/css/styles.css b/css/styles.css
@@ -67,6 +67,26 @@ a.nav-link:hover {
   background-color: #ef5350;
 }
 
+
+/* Chatbot */
+.RecastApp .RecastAppMessage .RecastAppCard--text, .RecastApp .RecastAppMessage .CaiAppCard--text, .CaiApp .CaiAppMessage .RecastAppCard--text, .CaiApp .CaiAppMessage .CaiAppCard--text {
+  color: black;
+}
+
+@media (max-width: 419px) {
+  .RecastApp .RecastAppChat.open, .CaiApp .CaiAppChat.open {
+    height: 100vh;
+  }
+
+  .RecastApp .RecastAppLive, .CaiApp .CaiAppLive {
+    height: 90vh !important;
+  }
+
+  .RecastApp .RecastAppInput, .CaiApp .CaiAppInput {
+    position: fixed !important;
+  }
+}
+
 @media (max-width: 992px) {
   .padding-on-md {
     padding-top: 1rem;

diff --git a/index.html b/index.html
@@ -325,6 +325,10 @@ <h2>Contact</h2>
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
 		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
 		crossorigin="anonymous"></script>
+
+	<script src="https://cdn.cai.tools.sap/webchat/webchat.js" channelId="e9ffae33-45fb-4dc8-8a67-8c14faee0d1d"
+		token="477ad237dde254705a650d50beca7a09" id="cai-webchat">
+		</script>
 </body>
 
 </html>