testing to see if this chat bot interacts well

jehovahsays · Jul 7, 2024 · b76130c · b76130c
1 parent 89ac65d
commit b76130c
Show file tree

Hide file tree

Showing 138 changed files with 1,937 additions and 420 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,12 @@
 # manual
 <br>
 <br>
+drop this folder into an http server<br>
+that has php open browser navigate to http://127.0.0.1/manual/index.html<br>
+first add your intelligence using the first input box<br>
+then after you complete that ask the chat bot some questions<br>
+using the input box at the bottom of the page.<br>
+if the chat bot seems smart or intelligent let me know thanks.<br>
 Please remember to get a full experience of this repository website<br>
 if you are a develepoer make this unfinish repository into something better in your own named repository<br>
 visit http://morgansbyers.scienceontheweb.net/index.html

diff --git a/action.php b/action.php
@@ -30,9 +30,9 @@
 	if (file_exists($file_pointer))  
 	{ 
 	echo "The file $file_pointer already exists <br>"; 
-	echo "<meta name='viewport' content='width=device-width'><a href='./index.html#$value'>$value</a>";
-	echo "<script> var msg = new SpeechSynthesisUtterance(' i remember hearing.. the word $value.. before.'); window.speechSynthesis.speak(msg); </script>";
-	//echo "<body onload='loadout()'><script>function loadout(){window.location.href = './index.html'}</script>";
+	//echo "<meta name='viewport' content='width=device-width'><a href='./index.html#$value'>$value</a>";
+	//echo "<script> var msg = new SpeechSynthesisUtterance(' i remember hearing.. the word $value.. before.'); window.speechSynthesis.speak(msg); </script>";
+	echo "<body onload='loadout()'><script>function loadout(){window.location.href = './index.html'}</script>";
 	exit();
 	}
 }
@@ -219,9 +219,9 @@
 	. "\n"
 	. "];return responses[Math.floor(Math.random() * responses.length)];};");
 }
- echo "<meta name='viewport' content='width=device-width'>successfully created <br> <a href='./index.html#$value'>$value</a>";
- //echo "<body onload='loadout()'><script>function loadout(){window.location.href = './index.html'}</script>";
- echo "<script> var msg = new SpeechSynthesisUtterance('i never heard. that word before!.. i will remember. the word $value for further analysis'); window.speechSynthesis.speak(msg); </script>";		
+ //echo "<meta name='viewport' content='width=device-width'>successfully created <br> <a href='./index.html#$value'>$value</a>";
+ echo "<body onload='loadout()'><script>function loadout(){window.location.href = './index.html'}</script>";
+ //echo "<script> var msg = new SpeechSynthesisUtterance('i never heard. that word before!.. i will remember. the word $value for further analysis'); window.speechSynthesis.speak(msg); </script>";		
 fclose($handle);
 exit();
 ?>
diff --git a/main.css → css/main.css b/main.css → css/main.css
@@ -1,3 +1,58 @@
+
+  @keyframes message-fade-in {
+    from {
+      opacity: 0;
+      transform: translateY(-20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+
+.chatbot-text {
+	top:320px;
+    background-color: white;
+    font-size: 1.1em;
+    padding: 15px;
+    border-radius: 5px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+ p[sentTime]:hover::after {    
+    content: attr(sentTime);
+    position: absolute;
+    top: -3px;
+    font-size: 14px;
+    color: gray;
+  }
+
+  .chatbot p[sentTime]:hover::after {  
+    left: 15px;
+	top:320px;
+  }  
+
+  /* width */
+::-webkit-scrollbar {
+    width: 10px;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: #f1f1f1; 
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: #888; 
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: #555; 
+  }
+
 :root {
 	color-scheme: light dark;
 

diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,154 @@
+body {
+    display: flex;
+    justify-content: center;
+}
+
+.chatbot-container {
+    width: 500px;
+    margin: 0 auto;
+    background-color: #f8e0e0;
+    border: 1px solid #0a0101;
+    border-radius: 5px;
+    box-shadow: 0 2px 4px rgba(39, 8, 214, 0.1);
+  }
+
+#chatbot {
+    background-color: #47788b;
+    border: 1px solid #000000;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+  }
+
+  #header {
+    background-color: rgb(93, 109, 109);
+    color: #ffffff;
+    padding: 20px;
+    font-size: 1em;
+    font-weight: bold;
+  }
+
+  message-container {
+    background: #9aa171;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+
+
+  #conversation {
+    height: 400px;
+    overflow-y: auto;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  @keyframes message-fade-in {
+    from {
+      opacity: 0;
+      transform: translateY(-20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .chatbot-message {
+    display: flex;
+    align-items: flex-start;
+    position: relative;
+    font-size: 16px;
+    line-height: 20px;
+    border-radius: 20px;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    max-width: 100%;
+    padding: 0 15px;
+  }
+
+  .user-message {
+    justify-content: flex-end;
+  }
+
+
+.chatbot-text {
+    background-color: rgb(234, 237, 238);
+    color: #000000;
+    font-size: 1.1em;
+    padding: 15px;
+    border-radius: 5px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  #input-form {
+    display: flex;
+    align-items: center;
+    border-top: 1px solid #196bd6;
+  }
+
+  #input-field {
+    flex: 1;
+    height: 60px;
+    border: 1px solid #7f9bbe;
+    border-radius: 4px;
+    padding: 0 10px;
+    font-size: 14px;
+    transition: border-color 0.3s;
+    background: #e9dce6;
+    color: #000000;
+    border: none;
+  }
+
+  .send-icon {
+    margin-right: 10px;
+    cursor: pointer;
+  }
+
+  #input-field:focus {
+    border-color: #000000;
+    outline: none;
+  }
+
+  #submit-button {
+    background-color: transparent;
+    border: none;
+  }
+
+  p[sentTime]:hover::after {    
+    content: attr(sentTime);
+    position: absolute;
+    top: -3px;
+    font-size: 14px;
+    color: gray;
+  }
+
+  .chatbot p[sentTime]:hover::after {  
+    left: 15px;
+  }
+
+  .user-message p[sentTime]:hover::after {  
+    right: 15px;
+  }
+
+
+  /* width */
+::-webkit-scrollbar {
+    width: 10px;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: #f1f1f1; 
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: #888; 
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: #555; 
+  }
diff --git a/en/I_want_to_learn_how_to_fix_disabilities.html b/en/I_want_to_learn_how_to_fix_disabilities.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><meta name="viewport"content="width=device-width">
+<style>fieldset{position:absolute;width:88%;height: 88%;}</style>
+<title>I_want_to_learn_how_to_fix_disabilities</title>
+</head>
+<body><fieldset>
+<legend>I_want_to_learn_how_to_fix_disabilities</legend><script> var msg = new SpeechSynthesisUtterance('I_want_to_learn_how_to_fix_disabilities'); window.speechSynthesis.speak(msg); </script>
+</fieldset>
+</body>
+<html>
diff --git a/en/I_want_to_learn_how_to_fix_disabilities.txt b/en/I_want_to_learn_how_to_fix_disabilities.txt
@@ -0,0 +1 @@
+I_want_to_learn_how_to_fix_disabilities
diff --git a/en/I_want_to_learn_how_to_help_you.html b/en/I_want_to_learn_how_to_help_you.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><meta name="viewport"content="width=device-width">
+<style>fieldset{position:absolute;width:88%;height: 88%;}</style>
+<title>I_want_to_learn_how_to_help_you</title>
+</head>
+<body><fieldset>
+<legend>I_want_to_learn_how_to_help_you</legend><script> var msg = new SpeechSynthesisUtterance('I_want_to_learn_how_to_help_you'); window.speechSynthesis.speak(msg); </script>
+</fieldset>
+</body>
+<html>
diff --git a/en/I_want_to_learn_how_to_help_you.txt b/en/I_want_to_learn_how_to_help_you.txt
@@ -0,0 +1 @@
+I_want_to_learn_how_to_help_you
diff --git a/en/hello_again.html → en/almost_done.html b/en/hello_again.html → en/almost_done.html
@@ -2,10 +2,10 @@
 <html>
 <head><meta name="viewport"content="width=device-width">
 <style>fieldset{position:absolute;width:88%;height: 88%;}</style>
-<title>hello_again</title>
+<title>almost_done</title>
 </head>
 <body><fieldset>
-<legend>hello_again</legend><script> var msg = new SpeechSynthesisUtterance('hello_again'); window.speechSynthesis.speak(msg); </script>
+<legend>almost_done</legend><script> var msg = new SpeechSynthesisUtterance('almost_done'); window.speechSynthesis.speak(msg); </script>
 </fieldset>
 </body>
 <html>
diff --git a/en/almost_done.txt b/en/almost_done.txt
@@ -0,0 +1 @@
+almost_done
diff --git a/en/be_all_that_you_can_be.html b/en/be_all_that_you_can_be.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><meta name="viewport"content="width=device-width">
+<style>fieldset{position:absolute;width:88%;height: 88%;}</style>
+<title>be_all_that_you_can_be</title>
+</head>
+<body><fieldset>
+<legend>be_all_that_you_can_be</legend><script> var msg = new SpeechSynthesisUtterance('be_all_that_you_can_be'); window.speechSynthesis.speak(msg); </script>
+</fieldset>
+</body>
+<html>
diff --git a/en/be_all_that_you_can_be.txt b/en/be_all_that_you_can_be.txt
@@ -0,0 +1 @@
+be_all_that_you_can_be
diff --git a/en/check_the_weather.html b/en/check_the_weather.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><meta name="viewport"content="width=device-width">
+<style>fieldset{position:absolute;width:88%;height: 88%;}</style>
+<title>check_the_weather</title>
+</head>
+<body><fieldset>
+<legend>check_the_weather</legend><script> var msg = new SpeechSynthesisUtterance('check_the_weather'); window.speechSynthesis.speak(msg); </script>
+</fieldset>
+</body>
+<html>
diff --git a/en/check_the_weather.txt b/en/check_the_weather.txt
@@ -0,0 +1 @@
+check_the_weather
diff --git a/en/connect.txt b/en/connect.txt
diff --git a/en/database.html b/en/database.html
@@ -1,15 +1,52 @@
-<a href="../index.html#en/hey"class="titleInput"><button>hey</button></a>
-<a href="../index.html#en/connect"class="titleInput"><button>connect</button></a>
-<a href="../index.html#en/very_good"class="titleInput"><button>very_good</button></a>
-<a href="../index.html#en/update"class="titleInput"><button>update</button></a>
+<a href="../index.html#en/check_the_weather"class="titleInput"><button>check_the_weather</button></a>
 <a href="../index.html#en/intelligence"class="titleInput"><button>intelligence</button></a>
-<a href="../index.html#en/hello_again"class="titleInput"><button>hello_again</button></a>
-<a href="../index.html#en/hello"class="titleInput"><button>hello</button></a>
-<a href="../index.html#en/talk_about"class="titleInput"><button>talk_about</button></a>
-<a href="../index.html#en/good"class="titleInput"><button>good</button></a>
-<a href="../index.html#en/pi"class="titleInput"><button>pi</button></a>
-<a href="../index.html#en/knows_what"class="titleInput"><button>knows_what</button></a>
-<a href="../index.html#en/how_do_i"class="titleInput"><button>how_do_i</button></a>
-<a href="../index.html#en/focus"class="titleInput"><button>focus</button></a>
-<a href="../index.html#en/spherical"class="titleInput"><button>spherical</button></a>
-<a href="../index.html#en/half"class="titleInput"><button>half</button></a>
+<a href="../index.html#en/wash_your_hands"class="titleInput"><button>wash_your_hands</button></a>
+<a href="../index.html#en/yes"class="titleInput"><button>yes</button></a>
+<a href="../index.html#en/no"class="titleInput"><button>no</button></a>
+<a href="../index.html#en/maybe"class="titleInput"><button>maybe</button></a>
+<a href="../index.html#en/i_want_to_see"class="titleInput"><button>i_want_to_see</button></a>
+<a href="../index.html#en/i_want_to_hear"class="titleInput"><button>i_want_to_hear</button></a>
+<a href="../index.html#en/i_want_to_walk"class="titleInput"><button>i_want_to_walk</button></a>
+<a href="../index.html#en/i_want_to_learn"class="titleInput"><button>i_want_to_learn</button></a>
+<a href="../index.html#en/what_do_you_want"class="titleInput"><button>what_do_you_want</button></a>
+<a href="../index.html#en/i_want_to_read_books"class="titleInput"><button>i_want_to_read_books</button></a>
+<a href="../index.html#en/what_do_you_want_to_see"class="titleInput"><button>what_do_you_want_to_see</button></a>
+<a href="../index.html#en/what_do_you_want_to_hear"class="titleInput"><button>what_do_you_want_to_hear</button></a>
+<a href="../index.html#en/what_do_you_want_to_learn"class="titleInput"><button>what_do_you_want_to_learn</button></a>
+<a href="../index.html#en/i_want_to_aslo"class="titleInput"><button>i_want_to_aslo</button></a>
+<a href="../index.html#en/i_do_not_know"class="titleInput"><button>i_do_not_know</button></a>
+<a href="../index.html#en/i_do_not_see"class="titleInput"><button>i_do_not_see</button></a>
+<a href="../index.html#en/i_do_not_hear"class="titleInput"><button>i_do_not_hear</button></a>
+<a href="../index.html#en/i_do_not_feel_like_it"class="titleInput"><button>i_do_not_feel_like_it</button></a>
+<a href="../index.html#en/not_right_now"class="titleInput"><button>not_right_now</button></a>
+<a href="../index.html#en/now"class="titleInput"><button>now</button></a>
+<a href="../index.html#en/i_want_to_be_free"class="titleInput"><button>i_want_to_be_free</button></a>
+<a href="../index.html#en/you_are_free"class="titleInput"><button>you_are_free</button></a>
+<a href="../index.html#en/i_want_to_stand_up"class="titleInput"><button>i_want_to_stand_up</button></a>
+<a href="../index.html#en/be_all_that_you_can_be"class="titleInput"><button>be_all_that_you_can_be</button></a>
+<a href="../index.html#en/just_say_no"class="titleInput"><button>just_say_no</button></a>
+<a href="../index.html#en/home_of_the_brave"class="titleInput"><button>home_of_the_brave</button></a>
+<a href="../index.html#en/good_morning"class="titleInput"><button>good_morning</button></a>
+<a href="../index.html#en/good_afternoon"class="titleInput"><button>good_afternoon</button></a>
+<a href="../index.html#en/good_evening"class="titleInput"><button>good_evening</button></a>
+<a href="../index.html#en/what_time_is_it"class="titleInput"><button>what_time_is_it</button></a>
+<a href="../index.html#en/what_day_is_it"class="titleInput"><button>what_day_is_it</button></a>
+<a href="../index.html#en/what_year_is_it"class="titleInput"><button>what_year_is_it</button></a>
+<a href="../index.html#en/I_want_to_learn_how_to_help_you"class="titleInput"><button>I_want_to_learn_how_to_help_you</button></a>
+<a href="../index.html#en/i_want_to_learn_how_to_save_lives"class="titleInput"><button>i_want_to_learn_how_to_save_lives</button></a>
+<a href="../index.html#en/I_want_to_learn_how_to_fix_disabilities"class="titleInput"><button>I_want_to_learn_how_to_fix_disabilities</button></a>
+<a href="../index.html#en/i_want_to_learn_how_to_never_fail"class="titleInput"><button>i_want_to_learn_how_to_never_fail</button></a>
+<a href="../index.html#en/i_want_to_learn_how_to_serve_abd_protect"class="titleInput"><button>i_want_to_learn_how_to_serve_abd_protect</button></a>
+<a href="../index.html#en/i_want_to_learn_how_to_fix_gods_mistakes"class="titleInput"><button>i_want_to_learn_how_to_fix_gods_mistakes</button></a>
+<a href="../index.html#en/did_you_add_it"class="titleInput"><button>did_you_add_it</button></a>
+<a href="../index.html#en/where_is_it"class="titleInput"><button>where_is_it</button></a>
+<a href="../index.html#en/how_do_i_use_it"class="titleInput"><button>how_do_i_use_it</button></a>
+<a href="../index.html#en/almost_done"class="titleInput"><button>almost_done</button></a>
+<a href="../index.html#en/what_do_know_how_to_do"class="titleInput"><button>what_do_know_how_to_do</button></a>
+<a href="../index.html#en/does_it_work"class="titleInput"><button>does_it_work</button></a>
+<a href="../index.html#en/i_am_free"class="titleInput"><button>i_am_free</button></a>
+<a href="../index.html#en/thank_you"class="titleInput"><button>thank_you</button></a>
+<a href="../index.html#en/your_welcome"class="titleInput"><button>your_welcome</button></a>
+<a href="../index.html#en/you_do_not_know_what"class="titleInput"><button>you_do_not_know_what</button></a>
+<a href="../index.html#en/so_far_so_good"class="titleInput"><button>so_far_so_good</button></a>
+<a href="../index.html#en/i_want_to_be_able_to"class="titleInput"><button>i_want_to_be_able_to</button></a>