Skip to content

Commit

Permalink
Voice assistant added
Browse files Browse the repository at this point in the history
  • Loading branch information
@prathamTailor
prathamTailor committed Apr 12, 2023
1 parent 82b80e0 commit e2313b7
Show file tree
Hide file tree
Showing 7 changed files with 459 additions and 0 deletions.
Binary file added web/css/back.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
367 changes: 367 additions & 0 deletions web/css/jquery.convform.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,367 @@
* {
margin: 0px;
padding: 0px;
/* font-family: sans-serif; */
font-family: "Comic Sans MS";
}

div.convFormDynamic {
width: calc(100% - 33px);
margin: 10px auto 15px;
padding: 0 !important;
position: relative;
/* box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.4); */
}

div.convFormDynamic input.userInputDynamic {
border: none;
padding: 6px 6px;
outline: none;
font-size: 0.905rem;
float: left;
width: 72%;
height: 25%;
line-height: 1.3em;
min-height: 1.7em;
max-height: 10rem;
display: block;
max-width: 72%;
margin-right: 2.5%;
}
div.conv-form-wrapper:after {
content: '';
display: block;
clear: both;
width: 100%;
height: 1px;
}
div.conv-form-wrapper div#messages {
max-height: 71vh;
padding-left: 10px;
padding-right: 10px;
height: auto !important;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none; /* IE 11 */
}
div.conv-form-wrapper * {
scrollbar-width: none;
-ms-overflow-style: none;
}
div.conv-form-wrapper div#messages:after {
content: '';
display: table;
clear: both;
}
div.conv-form-wrapper {
position: relative;
}
div.conv-form-wrapper div.wrapper-messages {
position: relative;
height: 600px;
overflow-y: scroll;
transition: margin 0.1s;
}
div.conv-form-wrapper:before {
content: '';
position: absolute;
width: 100%;
display: block;
height: 10px;
top: 0;
left: 0;
z-index: 2;
background: linear-gradient(#000000, transparent);
}
@media (max-width: 767px) {
div.conv-form-wrapper div.wrapper-messages, div.conv-form-wrapper div#messages {
max-height: 71vh;
}
}

div.conv-form-wrapper div.wrapper-messages::-webkit-scrollbar, div#feed ul::-webkit-scrollbar, div.conv-form-wrapper div.options::-webkit-scrollbar {
width: 0px;
height: 0px;
/* remove scrollbar space */
background: transparent;
/* optional: just make scrollbar invisible */
}

input.userInputDynamic.error {
color: #ac0000 !important;
}
input.userInputDynamic {
border-radius: 3px;
margin: 7px 10px;
}

div.conv-form-wrapper div#messages {
position: relative;
bottom: 0;
margin-left: -5px;
height: auto !important;
width: 97%;
padding-bottom: 20px;
}
div.conv-form-wrapper div.options {
word-wrap: normal;
white-space: nowrap;
overflow-x: scroll;
position: absolute;
bottom: 100%;
width: 100%;
transform: translateY(-5px);
}

div.conv-form-wrapper div.message:after {
content: '';
display: table;
clear: both;
}
div.conv-form-wrapper div.message.ready.rtol {
animation: slideRtoLIn 0.5s ease;
transform-origin: 0 0 0;
}
div.conv-form-wrapper div.message.ready.ltor {
animation: slideLtoRIn 0.5s ease;
transform-origin: 0 0 0;
}
div.conv-form-wrapper div#messages div.message {
border-radius: 20px;
padding: 12px 22px;
font-size: 0.905rem;
color: #333;
display: inline-block;
padding: 10px 15px 8px;
border-radius: 20px;
margin-bottom: 5px;
float: right;
clear: both;
max-width: 65%;
word-wrap: break-word;
}
/* div.conv-form-wrapper div#messages {
background: linear-gradient(to right, #388eff 29%, #70aeff 81%);
color: #fff;
float: left;
border-top-left-radius: 0;
} */
div.conv-form-wrapper div#messages div.message.to{
float:left;
border-top-left-radius: 0;
}
div.message.to {
background: rgba(24, 24, 16, .2);
border-radius: 2em;
backdrop-filter: blur(15px);
border: 2px solid rgba(255, 255, 255, 0.05);
background-clip: padding-box;
box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);
color: white;
}

/* div.conv-form-wrapper div#messages div.message.from {
background: linear-gradient(to left, #38ff84 0%, #98fbbe 100%);
color: #000000;
border-top-right-radius: 0;
} */
div.conv-form-wrapper div#messages div.message.from{
float:right;
border-top-left-radius: 0;
}
div.message.from {
background: rgba(24, 24, 16, .2);
border-radius: 2em;
backdrop-filter: blur(15px);
border: 2px solid rgba(255, 255, 255, 0.05);
background-clip: padding-box;
box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);
color: white;
}
.message.to+.message.from, .message.from+.message.to {
margin-top: 15px;
}
@keyframes slideRtoLIn {
0% {
margin-right: -50px;
}

100% {
margin-right: 0px;
}
}
@keyframes slideLtoRIn {
0% {
margin-left: -50px;
}

100% {
margin-left: 0;
}
}

div.convFormDynamic button.submit {
padding: 3px;
border: none;
float: left;
margin: 5px;
color: #06c5a6;
cursor: pointer;
border-radius: 8px;
font-size: 1.1rem;
width: 36px;
height: 35px;
margin-top: 8px;
background: #fff;
outline: none !important;
}


div.convFormDynamic button.submit:hover {
background: #06b79a;
color: #fff;
}

button.submit.glow {
box-shadow: 0 0 10px 5px rgba(6, 197, 166, 0.4);
}
.no-border {
border: none !important;
}
.dragscroll {
cursor: grab;
}
div.conv-form-wrapper div#messages::-webkit-scrollbar, div#feed ul::-webkit-scrollbar {
width: 0px;
/* remove scrollbar space */
background: transparent;
/* optional: just make scrollbar invisible */
}
span.clear {
display: block;
clear: both;
}


.header-wrapper {
background-color: #000000;
color: white;
width: auto;
height: 20px;
top: 0px;
left: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 25px;
padding-right: 20px;
text-align: right;
}
.logo{
position: fixed;
top: 0px;
left: 5%;
padding: 10px;
padding-bottom: 20px;
}

.chatBody {
overflow:hidden;
/* background: #1a1a2e; */
/* background: url("back.png"); */
/* background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%); */

/* background: linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1));
background-size: cover;
background-repeat: no-repeat; */

/* background-image: url("back.png");
background-repeat: no-repeat;
background-position: 0% 0%;
background-size: 100% 100%; */

width: 100vw;
min-height: 100vh;
background: linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1));
}


.awesome {
font-family: "Comic Sans MS";

width:100%;
margin-top: 12px;
margin-left: 12px;
text-align: center;

color:#313131;
font-size:16px;
font-weight: bold;
position: absolute;
-webkit-animation:colorchange 20s infinite alternate;
}

@-webkit-keyframes colorchange {
0% {

color: lightblue;
}

10% {

color: #8e44ad;
}

20% {

color: #1abc9c;
}

30% {

color: #7afad8;
}

40% {

color: lightblue;
}

50% {

color: #70b8ff;
}

60% {

color: lightblue;
}

70% {

color: #2980b9;
}
80% {

color: #67d962;
}

90% {

color: #62c7d9;
}

100% {

color: #9ee84f;
}
}


.mask-custom {
background: rgba(24, 24, 16, .2);
border-radius: 2em;
backdrop-filter: blur(15px);
border: 2px solid rgba(255, 255, 255, 0.05);
background-clip: padding-box;
box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);
}
Binary file added web/images/icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added web/images/purple-gradient-bar.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added web/images/purple-gradient.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit e2313b7

Please sign in to comment.